计算机毕业设计 jsp实验室设备管理系统ssh 毕设

https://www.bilibili.com/video/BV1BK411Y7GQ/

演示视频：

、第四章 系统功能实现

在管理信息系统的生命周期中，经过了需求分析、系统设计等阶段之后，便开始了系统实施阶段。在系统分析和设计阶段，系统开发工作主要是集中在逻辑、功能和技术设计上，系统实施阶段要继承此前面各个阶段的工作成果，将技术设计转化为物理实现，因此系统实施的成果是系统分析和设计阶段的结晶。

3.1系统登陆页面实现

1.描述：为了保证系统的安全性，要先使用本系统必须先登陆到系统中，用户需要正确的账号和密码登录本系统。

2.程序运行效果图如图3.1所示：

图3.1 系统登陆页面设计

3.在登陆页面输入用户名和密码以，点击提交按钮，跳转到登陆的service中，在该service中会对用户名，密码，验证码进行判断，验证通过进入对应的页面

3.2管理员功能模块

1.描述：管理员主页面：左方页面展示了管理员可操作的五大功能，进入相关的管理页面可以链接到子菜单，并且高亮显示，每个管理模块下面都有相应的子菜单。

2.程序运行效果图如图3.2所示：

图3.2管理员主页面

在每个jsp页面将会对相关用户进行拦截操作，这样可以提高安全性，防止用户不经过登陆页面而进入任何子菜单页面：

3.2.1用户信息管理

3.2.1.1用户信息管理

1.描述：管理员点击左侧的菜单“系统用户管理”，页面跳转到用户信息管理界面，调用后台的action类查询所有用户信息。

2.程序效果图如下图3.3所示

图3.3 系统用户信息管理

3.2.1.2系统用户停用

1.描述：先是点击系统用户管理，页面跳转到用户信息管理界面，浏览所有的用户信息，点击要停用的用户信息，弹出确定对话框，即可停用该用户信息。

2.程序效果图如下图3.4所示

图3.4 系统用户停用

3.2.1.2系统用户初始密码

1.描述：先是点击系统用户管理，页面跳转到用户信息管理界面，浏览所有的用户信息，点击要初始密码的用户信息，弹出确定对话框，即可将初始该用户密码。

2.程序效果图如下图3.5所示

图3.5 初始用户密码

3.2.2设备类别管理

3.2.2.1类别信息录入

1.描述：管理员输入设备类别相关正确信息后点击录入按钮，如果是没有输入完整的设备类别信息，都会给出相应的错误提示，不能录入成功。输入数据都通过form表单中定义的方法οnsubmit="return checkForm()"来检查，checkForm()函数中是各种的校验输入数据的方式。

2.程序效果图如下图3.6所示：

图3.6 设备类别信息录入

3.2.2.2类别信息管理

1.描述：管理员点击左侧的菜单“类别管理”，页面跳转到设备类别管理界面，调用后台的action类查询出所有的商品类别信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出设备类别信息。

2.程序效果图如下图3.7所示

图3.7 设备类别信息管理页面

3.2.2.3类别信息修改

1.描述：先是点击设备类别管理，页面跳转到设备类别管理界面，浏览所有的设备类别信息，点击要修改的设备类别，打开设备类别修改页面进行设备类别修改。

2.程序效果图如下图3.8所示

图3.8 设备类别修改

3.2.2.4类别信息删除

1.描述：先是点击设备类别管理，页面跳转到设备类别管理界面，浏览所有的设备类别信息，点击要删除的设备类别，弹出的确定对话框，即可删除该设备类别信息。

2.程序效果图如下图3.9所示

图3.9 设备类别信息删除

3.2.3设备信息管理

3.2.3.1设备信息录入

1.描述：管理员输入设备信息相关正确信息后点击录入按钮，如果是没有输入完整的设备信息，都会给出相应的错误提示，不能录入成功。输入数据都通过form表单中定义的方法οnsubmit="return checkForm()"来检查，checkForm()函数中是各种的校验输入数据的方式。

2.程序效果图如下图3.10所示：

图3.10 设备信息录入

3.2.3.2设备信息管理

1.描述：管理员点击左侧的菜单“设备管理”，页面跳转到设备信息管理界面，调用后台的action类查询出所有的设备信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出设备信息。

2.程序效果图如图3.11所示：

图3.11 设备信息管理

3.2.3.2设备信息修改

1.描述：先是点击设备信息管理，页面跳转到设备类信息理界面，浏览所有的设备信息，点击要修改的设备信息，打开设备信息修改页面进行设备信息修改。

2.程序效果图如下图3.12所示

图3.12 设备信息修改

3.2.3.3设备信息删除

1.描述：先是点击设备信息管理，页面跳转到设备信息管理界面，浏览所有的设备信息，点击要删除的设备信息，弹出的确定对话框，即可删除该设备信息。

2.程序效果图如下图3.13所示

图3.13 设备信息删除

3.2.3.4设备信息查询

1.描述：先是点击设备信息查询，页面跳转到设备信息查询界面，输入查询条件，调用后台的action类查询出符合条件的设备信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出设备信息。

2.程序效果图如下图3.14所示

图3.14 设备信息查询

3.2.4设备借用管理

3.2.3.1设备借用审核

1.描述：先是点击设备借用审核，页面跳转到设备借用审核界面，调用后台的action类查询出待审核的借用申请信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出借用申请信息，选中要审核的信息，弹出借用审核页面，完成借用审核操作。

2.程序效果图如下图3.15、图3.16所示

图3.15 申请信息

图3.16 借用审核

3.2.3.2设备借用登记

1.描述：先是点击设备借用登记，页面跳转到设备借用登记界面，调用后台的action类查询出审核通过的借用信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出借用信息，选中要登记的信息，完成借用登记操作。

2.程序效果图如下图3.17、图3.18所示

图3.17 待登记的借用信息

图3.18 借用登记完成

3.2.3.3设备归还管理

1.描述：先是点击设备归还管理，页面跳转到设备归还管理界面，调用后台的action类查询出已登记的借用信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出借用信息，选中要归还的信息，打开设备归还界面，完成设备归还操作。

2.程序效果图如下图3.19、图3.20所示

图3.19 待归还借用信息

图3.20 设备归还

3.2.5设备维修管理

3.2.3.1维修信息添加

1.描述：先是点击设备维修管理，页面跳转到设备维修管理界面，调用后台的action类查询系统所有的设备信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出设备信息，选中要维修的设备信息，打开维修登记界面，完成设备维修内容填写操作。

2.程序效果图如下图3.21、图3.22所示

图3.21 设备浏览

图3.22 维修信息添加

3.2.3.2维修历史查看

1.描述：先是点击设备维修管理，页面跳转到设备维修管理界面，调用后台的action类查询系统所有的设备信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出设备信息，点击维修历史查看按钮，查看该设备的维修历史情况。

2.程序效果图如下图3.23所示

图3.23 维修历史查看

3.2.6修改密码

1.描述：输入用户名和用户的原有密码，输入新密码以后点击修改按钮即可修改密码成功。

2.程序效果图如图3.24所示：

图3.24 修改密码

3.2.7退出系统

1.描述：点此按钮回到系统的主页面。

2.关键代码：主要是通过javascript语句来实现, item_word[8][4]="退出系统";

item_link[8][4]="javascript:window.open('../index.jsp','_self')"; 

3.3注册用户功能模块

1.描述：系统主页面：左方页面展示了注册用户可操作的功能，进入相关的管理页面可以链接到子菜单，并且高亮显示，每个管理模块下面都有相应的子菜单。

2.程序运行效果图如图3.25所示：

图3.25 注册用户主界面

3.3.1借用申请

1.描述：先是点击发起借用申请，页面跳转到借用申请界面，调用后台的action类查询系统所有的空闲设备信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出设备信息，点击要借用的设备，完成借用申请添加操作。

2.程序效果图如下图3.26、图3.27所示

图3.26 设备信息浏览

图3.27 借用申请成功

3.3. 2申请结果查看

1.描述：先是点击申请结果查看，页面跳转到申请结果查看界面，调用后台的action类查询系统所有的借用申请信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出借用申请，查看申请状态。

2.程序效果图如下图3.28所示

图3.28 申请结果查看页面

3.3.3借用历史查询

1.描述：先是点击借用历史查询，页面跳转到借用历史查看界面，调用后台的action类查询系统所有的已登记的借用信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出借用信息，查看借用状态。

2.程序效果图如下图3.29所示

图3.29 借用历史查看页面