演示视频:
https://www.bilibili.com/video/BV1re411b7dr/
第6章详细设计与实现
本章进行了此系统的详细设计的介绍,我们可以对本系统的设计有了一个细致全面的了解。普通用户模块详细介绍了个人资料管理、联系人管理、在线留言的设计和实现的过程,系统管理员模块介绍了用户管理、留言管理、联系人类别管理、系统公告的设计和实现的过程。本系统详细设计的原则是采用结构化的设计方法,改善控制结构,降低程序的复杂程度,从而提高程序的可读性、可测试性和可维护性。
6.1系统流程分析
本系统的用户分为系统管理员用户和普通用户,当管理员输入用户名和密码登录系统时,如果用户名、密码均输入无误便可直接登录进入后台主界面,否则弹出警告消息框提示输入正确的账号和密码,非管理员权限不许登录,成功登陆系统进入后台主界面后,管理员可以对个人资料、用户信息、联系人类别信息、留言信息、系统公告等进行管理,后台主界面设计如图6.1所示。
图6.1 后台主界面
6.2普通用户基本功能设计与实现
6.2.1用户登录模块设计与实现
当用户输入用户名和密码后首先要进行身份验证,如果用户存在,则成功登录,反之,如果用户不存在,提示错误信息“输入的用户名或密码不存在,请注册”,返回登录界面重新输入用户名和密码。用户登录界面如图6.3所示。
图6.3 前台用户登录界面
6.2.2新用户注册设计与实现
用户单击注册后需要输入用户名、密码和确认密码、姓名、性别、联系方式。用户只须填写一个Web表单。用户在提交注册信息后,系统会对注册页面填写的正确性进行检查。对于不符合要求的填写会给出必要的提示,并返回修改;对于符合要求的注册表单,用户提交信息后也要返回相应的欢迎信息,用户提交的正确注册信息将被存入系统的数据库中。界面的设计如图6.4所示。
图6.4用户注册界面
6.2.3个人资料修改模块的设计与实现
已注册的用户只要登录本系统后便可以通过单击用户修改按钮进行用户修改操作,在此页面中用户可以修改自己的个人资料。通过点击提交按钮完成修改操作。界面的设计如图6.5所示。
图6.5个人资料修改界面
6.2.4联系人管理模块的设计与实现
用户可以通过点击联系人管理按钮,进行联系人管理操作,对联系人进行增、删、改、查的操作。通过点击提交按钮完成相应操作。下面展示联系人添加界面设计,通过点击联系人添加按钮,填上相应信息,完成添加,实现联系人添加操作,如图6.6所示。
图6.6联系人添加界面
6.2.5留言管理模块的设计与实现
通过点击系统留言板按钮,用户可以自由留言,并且可以浏览其他用户的留言信息。如图6.8所示。
图6.8留言管理界面
6.3系统后台基本功能设计与实现
6.3.1管理员登录模块的设计与实现
当管理员输入用户名和密码后首先要进行身份验证,如果用户存在,则成功登录,反之,如果用户不存在,提示错误信息“输入的用户名或密码不存在,请注册”,返回登录界面重新输入用户名和密码。管理员登录界面如图6.9所示。
图6.9 管理员登录界面
6.3.2修改个人密码模块的设计与实现
当管理员成功登录系统后,为了保证系统的安全性,可以修改自己的登录密码。如图6.10所示即为修改个人密码界面。
图6.10修改稿个人密码界面
6.3.3用户管理模块的设计与实现
管理员可以对用户信息进行维护,可以删除和查询用户信息,如图6.11所示。
图6.11 用户管理界面
6.3.4联系人类别模块的设计与实现
在该模块中,管理员可以管理联系人类别的信息,对类别信息进行添加、修改、删除操作,极大的方便了用户管理自己的联系人,如图6.12所示。
图6.12 联系人类别界面
6.3.5留言管理模块的设计与实现
通过点击留言管理按钮,管理员可以管理用户的留言信息,对一些具有危害性的留言进行删除操作等,如图6.13所示。
图6.13 留言管理界面
6.3.6系统公告模块的设计与实现
管理员通过系统公告管理模块可以对发布系统公告,并且对其进行管理,以达到管理系统,并为系统使用者提供方便,加强各个管理者之间的交流,如图6.13所示。
图6.14 系统公告界面