第5章系统实现
一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1iu4y1b7Sc/
三、运行截图：
3.1基本论坛
系统实现阶段的根本目标在这个阶段的设计工作中精确地描述出目标系统，从而在编码阶段可以直接根据这个描述翻译成用程序语言编写的系统。
系统实现的基本论坛有以下几个：
(1) 为每个模块进行详细的算法设计。用某种图形、表格、语言等工具将每个模块处理过程的详细算法描述出来。
(2) 为模块内的数据结构进行设计。对于需求分析、概要设计确定的概念性的数据类型进行确切的定义。
(3) 对数据结构进行物理设计，即确定数据库的物理结构。
(4) 其他设计：根据软件系统的类型，可能还需要进行代码设计、输入/输出格式设计、人机对话设计。
(5) 编写系统实现说明书。
(6) 评审。对处理过程的算法和数据库的物理结构都要评审。
3.2主页面的实现
经过用户登录后，页面跳转至后台首页，main.jsp，首页是由2个页面组成的，包括top、left和center等页面，通过@ Register引入，这里也是浏览者操作系统功能的入口，系统首页主要介绍系统的基本信息，包括当前用户、当前日期、当前访问浏览器的版本、服务器的端口数、当前用户的权限、当前电脑的ip、当前电脑的操作系统名称、本系统的开发日期、系统作者、指导教师、开发日期等，主页面如下图所示。
图3-1主页界面
3.3登录模块的实现
系统登录模块可分为前台登录模块和后台登录模块，为确保系统安全性，系统操作员只有在登录界面输入正确的管理员名、密码、权限以及验证码，单击“登录”按钮后才能够进入本系统的主界面。
管理员登录流程图如下所示。
图3-2管理员登录流程图
登录界面如下图所示。
图3-3登录界面
3.4班级信息管理模块的实现
管理员添加班级信息是在点击添加按钮的前提下操作的，当页面跳转至banjixinxi_add.jsp，添加成功后，管理员在banjixinxii_list.jsp进行班级信息管理，banjixinxi_ list.jsp通过查询数据库的班级信息表列出所有班级信息，每条班级信息对应一个删除按钮和修改按钮，当管理员点击删除按钮，直接在数据库删除教师信息，并重定向当前页面，当管理员选择点击修改，则进入banjixinxi_update.jsp页面，进行班级信息的修改。
班级信息添加页面设计效果如下图所示。
图3-4班级信息添加界面
班级信息管理页面效果如下图所示。
图3-5班级信息管理界面
3.6基础信息模块的实现
管理员添加院系信息是在点击添加按钮的前提下操作的，当页面跳转至jichuxinxi_add.jsp，添加成功后，管理员在jichuxinxi_list.jsp进行院系信息，jichuxinxi_ list.jsp通过查询数据库的院系表列出所有院系信息，每条学生对应一个删除按钮和修改按钮，当管理员点击删除按钮，直接在数据库删除院系信息，并重定向当前页面，当管理员选择点击修改，则进入jichuxinxi_update.jsp页面，进行院系信息的修改。
院系信息添加页面设计效果如下图所示。
图3-6院系信息添加界面
院系信息页面效果如下图所示。
图3-7院系信息界面
3.6用户权限管理模块的实现
管理员添加用户权限是在点击添加按钮的前提下操作的，当页面跳转至yonghuquanxian_add.jsp，添加成功后，管理员在yonghuquanxian_list.jsp进行用户权限管理，yonghuquanxian_ list.jsp通过查询数据库的请假表列出所有用户权限，每条用户权限对应一个删除按钮和修改按钮，当管理员点击删除按钮，直接在数据库删除请假信息，并重定向当前页面，当管理员选择点击修改，则进入yonghuquanxian_update.jsp页面，进行用户权限的修改。
用户权限添加页面设计效果如下图所示。
图3-8用户权限添加界面
用户权限管理页面效果如下图所示。
图3-9用户权限管理界面
3.7学生请假管理模块的实现
管理员在kecheng_list.jsp进行学生请假管理，kecheng_ list.jsp通过查询数据库的学生请假表列出所有学生请假，每条学生请假对应一个删除按钮和修改按钮，当管理员点击删除按钮，直接在数据库删除学生请假，并重定向当前页面，当管理员选择点击修改，则进入kecheng_update.jsp页面，进行学生请假的修改。
学生请假管理页面效果如下图所示。
图3-11学生请假管理界面
1143
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
