第5章系统的实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV11u4y1b7S5/
三、运行截图:
3.1实现环境说明
运行环境包括硬件要求及软件要求如下表所示。
表3-1硬件要求
设备名称
说明
处理器
奔腾III以上,2GB
内存
2GB,内存越大,速度越快
硬盘
500GB以上
鼠标
双飞燕2D鼠标
表3-2软件要求
名称
说明
操作系统
Windows XP或 Windows7以上
应用软件
zendstudio
3.3登录模块的实现
系统的登录是使用该系统的第一关卡,用户在登录界面输入账号和密码后,系统判断该账号密码是否能在数据库中存在并且匹配,返回登录成功或登录失败的信息,登录成功后才能使用系统的功能。
登录流程图如下图所示。
图3-1登录流程图
用户登录界面如下图所示。
图3-2用户登录界面
随着系统规模的壮大,系统发布更新的信息及对普通用户量会越来越多,只有超级管理员负责系统后台恐怕任务艰巨,本系统考虑到这一问题后开发了超级管理员有权限可以增加管理员的模块。管理员角色不同对应权限亦不相同。
系统用户管理界面如下图所示。
图3-5系统用户管理界面
3.7用户管理模块的实现
用户添加用户信息是在点击添加按钮的前提下操作的,当页面跳转至yonghu_add.jsp,添加成功后,用户在yonghu_list.jsp进行用户管理,yonghu_ list.jsp通过查询数据库的用户表列出所有用户信息,每条用户对应一个删除按钮和修改按钮,当用户点击删除按钮,直接在数据库删除用户信息,并重定向当前页面,当用户选择点击修改,则进入yonghu_update.jsp页面,进行用户信息的修改。
用户管理流程图如下图所示。
图3-11用户管理流程图
用户添加页面设计效果如下图所示。
图3-12用户添加界面
用户管理页面效果如下图所示。
图3-12用户管理界面
3.8档案信息管理模块的实现
管理员添加档案信息信息是在点击添加按钮的前提下操作的,当页面跳转至danganxinxi_add.jsp,添加成功后,管理员在danganxinxi_list.jsp进行档案信息管理,danganxinxi_ list.jsp通过查询数据库的档案信息表列出所有档案信息信息,每条档案信息对应一个删除按钮和修改按钮,当管理员点击删除按钮,直接在数据库删除档案信息信息,并重定向当前页面,当管理员选择点击修改,则进入danganxinxi_update.jsp页面,进行档案信息信息的修改。
档案信息管理流程图如下图所示。
图3-11档案信息管理流程图
档案信息添加页面设计效果如下图所示。
图3-12档案信息添加界面
档案信息管理页面效果如下图所示。
图3-12档案信息管理界面
3.9本章小结
本章节主要论述了登录模块用户的登录、用户管理,档案信息等功能模块的设计与代码的编写,以及最终实现的步骤。