3.4 人机界面设计
新增床位信息管理界面用来添加床位,通过输入楼房名称、寝室名称和床位编号来进行添加。 新增床位管理界面如图3.10所示。
图3.10新增床位管理界面
设计过程:
新增床位界面包括三个页面分别为top.jsp、left.jsp、和addcxx.jsp。首先在top.jsp页面中添加一张图片,然后设置图片的格式,大小,以及显示样式。然后在left.jsp页面中设置各个功能模块。在该页面中添加一个表格,设置表格的样式以及背景颜色等等。然后设置表格内容为居中显示。各个功能模块能够链接到相应的页面中。在addcxx.jsp页面中,首先添加两个文本框用来输入楼房名称和床位编号。将床位编号的权限设置为只能输入数字。寝室名称是通过添加一个下拉列表框来进行选择,不需要用户填写。最后设置整个页面显示的样式,字体,字号等相关的属性。
19
学生退房管理界面用来实现学生退房的基本操作。学生退房管理界面如图3.11所示。
图3.11学生退房管理界面
设计过程:
学生退房管理界面包括三个页面分别为主页面admin.jsp,学生取消预定房间页面quxiao.jsp和退房页面tf.jsp。首先在主页面中添加一张图片,然后设置图片的格式,大小,以及显示样式。主页面的设置与其他页面的设置相似。在主页面中添加一个表格来显示学生入住的相关信息,设置表格文字的大小,显示样式和各个功能显示的状态。其中当前状态一栏用红色字体来显示,提高了界面的显示效果。在表格的上方有一个查找功能。首先添加一个文本框用来输入学生名称。通过学生名称来查找相关的内容。取消预定和退房操作用蓝色字体来显示。将内容设置为居中显示。取消预定和退房操作都会弹出一个对话框,提示用户操作成功。设置对话框的大小,显示样式等等。
20
4 系统实现
4.1 开发环境
操作系统:Windows 2000/XP。 数据库:SQL Server 2000。 运行坏境:Tomcat5.5。
分辨率:最佳效果为1024*768像素。
4.2 功能实现
4.2.1 登录模块的设计与实现
系统有超级用户(管理员)和普通用户两类用户,它们都是一个登录界面,各有不同的权限。用户登录后,系统提取用户权限,按照不同的用户权限执行不同的操作。实现对用户的用户名和密码进行校验,以确保系统的安全性。登录界面如图4.1所示。
图4.1登录界面
实现过程:登录模块通过使用checkform()函数来判断用户名和密码输入是否正确,用户名和密码是否为空。通过使用request.getParameter()方法来获取用户名、密码以及用户类型的值。获取成功之后,通过select语句来与数据库中的数据进行对比,判断是否可以正确登录。登录界面部分代码如下:
21
if(\
sql=\count(*) from guanli where username='\and
password='\
}else if(\
sql=\count(*) from lingdao where username='\and
password='\
}else{
result=false;}
4.2.2 系统主界面的设计与实现
超级用户可以对宿舍管理系统进行所有的操作。主要可以对宿舍楼、学生、床位进行添加、删除、修改、退房、预定、查看等操作。普通用户可以对宿舍管理系统进行简单的基本操作。主要对学生入住/预订登记信息管理,学生退房信息管理,寝室使用状态查询,床位使用状态查询及修改密码等操作。超级用户管理界面如图4.2所示。
图4.2用户管理界面
22
实现过程:以超级用户登录为例,在窗口中输入正确的“用户名”和对应的“密码”则进入系统的主页面。此管理权限可以对本系统所有的功能进行操作。使用<%=session.getAttribute(\来获取登录的用户名称,使用
相关推荐: