青岛理工大学毕业设计（论文）

6.1系统的开发环境

操作系统：windows7 界面设计：dreamweare

数据库：Microsoft Access 2010 开发语言：JSP

表6-1 系统运行环境配置推荐表 需求名称 详细要求 WEB服务器 数据库 用户 操作系统 浏览器 处理器 内存 硬盘 存放在公网具有独立的IP 与Web服务器在同一子网内 分布在互联网的各个位置 Windows2003 Server或者更高版本 只支持IE浏览器 推荐：英特尔Xeon E5-2600系列 推荐：4GB以上 10G剩余空间 6.2界面的关系图

（1） 给所有界面视图分配唯一的标识符。 1 1 2 3 4 1 2 3 4 5 6 7 8 界面名称 登录 主界面 书架 借阅的图书 个人资料 主界面 读者管理 借还书管理 图书馆里 系统管理 个人资料 书评管理 超额罚金设界面标识 user.jsp?Action=reg index.jsp bookcase.jsp Borrow books.jsp user.jsp admin.jsp user_add.jsp book_update.jsp bookmanagenment.jsp Profession_update.jsp user.jsp Book review.jsp Extra fine.jsp 功能说明 输入帐号和密码登录 登录过后的主界面 显示所有图书信息 显示已经借阅的图书 修改个人资料 登录过后的主界面 查看删除读者信息 查看学生借阅图书信息 对图书的各种信息进行设置 查看所有成员的帐号信息 修改个人资料 管理书评 设置预期归还书籍的罚金 借阅者登录后 管理员登录后 28

青岛理工大学毕业设计（论文）

置 9 可借数量设置 borrow.jsp 设置不同借阅者可借图书数量 6.3界面设计

6.3.1应当遵循的界面设计规范

遵守人机界面设计规范，追求软件界面的人性化、简单明了、易操作、友好的界面面风格设计，让用户可以轻松地使用软件的各项功能。

(1).从美学的角度进行页面设计，充分考虑到不同用户的视觉问题。外观和风格必须统一。

(2).页面设计清除一致，做到在页面中相同的功能的按钮、链接等采用一致的命名方式进行命名。

(3).保证页面文字限制清晰。

(4).提供操作路径跟踪，为用户提供进入一个页面或者退出一个页面的连接功能，从操作上为用户提供简单，方便，快捷的操作途径。 6.3.2界面设计

在用户登录界面的设计中,首先完成的是VBScript的编写,之后在通过具体的需要,编写相应的数据库访问文件conndb.asa。当用户在登录成功后会跳转到论坛的主界面。这个模块的实现文件包含：./user.jsp、./inc/function.jsp，conndb.asa

29

青岛理工大学毕业设计（论文）

图6.1登录界面示意图

管理员进入后台之后首先出现的是读者信息列表页面，管理员可以在该界面浏览所有读者的信息，并根据需要点击编辑按钮进入到读者信息编辑界面对读者信息进行编辑。或者根据需要删除相关读者信息，此外管理员还可以点击该页下方的添加按钮进入到读者信息添加界面。读者信息列表界面设计效果如下：

图6.2读者管理界面示意图

管理员点击借还书管理进入到图书借阅管理界面，借阅者出示借阅证号，管理员通过借阅证号的验证。存在该借阅证号则对借阅者进行图书借还操作。界面

30

青岛理工大学毕业设计（论文）

设计效果如下：

图6.3图书借还管理界面示意图

管理员点击图书管理进入图书管理界面，通过该界面管理员主要负责图书信息的管理、图书类别的管理、图书书评的管理、罚款管理、可接数量管理。界面设计效果如下：

31

青岛理工大学毕业设计（论文）

图6.4图书管理界面示意图

管理员通过登录界面输入正确的帐号和密码之后，进入后台管理界面。其中系统管理功能主要是添加新的管理员，管理相关图书管理员的信息，并对某些管理员信息进行删除。点击系统管理出现的是所有图书管理员的相关信息列表，在该界面所有的图书管理员信息以列表的形式显示。界面设计效果如下：

图6.5系统管理界面示意图

该功能主要是实现管理员个人信息的修改功能。界面设计效果如下：

32