4.1.4 系统WEB界面设计原则 网站是信息的载体形式,色彩设计必须以完成网站可视性阅读功能为目的。本系统采用灰蓝色基调,红色,白色,黑色为辅调。 paper51.com 灰蓝色对视觉器官刺激较弱,它代表平静,科技,理智,速度,诚实,真实,可信,人看到灰蓝色是情绪安宁。用它作为管理系统得主要色调也是最合适不过了。白色在系统中主要作为背景色。白色视觉度,注目度都比较高,因为白色为全色相,所以也能满足本管理系统用户心理要求,加之与灰蓝色配合,在页面右下方大量留白,使整个系统更具阅读可视性,操作易用性。整个系统看起来颇大气,富有立体感。红色纯度高,注目度高,对人视觉刺激大,因此本系统将系统某些操作提示使用红色字体,更加能起提示,警告的作用。黑色为全色相,没有纯度,它本身无刺激性,所有在本系统中的主体文字颜色都设置为黑色,这正所谓“白底黑字”,以增强阅读可视性。导航栏字体颜色为银灰色,与灰蓝色形成视觉反差,易于看到。[4] 内容来自论文无忧网 www.paper51.com
系统采用整体页面,上方显示大标题,右侧是服务器时间(用以帮助用户确定登录时间),标题上方居右放置导航菜单,不同用户的导航菜单不相同。中部显示网页主体部分,最下部显示版权信息。 http://www.paper51.com 如图4-6系统功能信息界面就是遵循了以上原则,最终效果美观大方。 http://www.paper51.com
内容来自论文无忧网 www.paper51.com 图4-6系统功能信息界面 内容来自www.paper51.com 4.1.5 系统文件目录结构设计 paper51.com 本系统有三种类型用户:学生,教师,管理员,因此他们的权限各不相同,各自操作对象,操作内容也不相同,所以将他们各自分配一个目录,分别涉及各自的操作页面,分别设计程序。 http://www.paper51.com 树状如下: copyright paper51.com Teacher-----教师操作页面目录 copyright paper51.com Student-----学生操作页面目录 http://www.paper51.com Admin-------管理员操作页面目录 内容来自www.paper51.com
Css-----------css样式表存放目录 copyright paper51.com Image-------系统图片文件存放目录 内容来自论文无忧网 www.paper51.com Files---------系统公共文档存放目录 http://www.paper51.com
4.2系统实现 http://www.paper51.com
由于本系统完善度较高,贴近现实使用,故代码量庞大,无法一一列举说明,以下仅列举特定功能进行说明。 内容来自www.paper51.com 4.2.1 用户验证功能的实现 http://www.paper51.com
系统设计的用户登录验证功能通过分别对不同用户类型进行验证的实现。登录界面效果如图4-7所示: 内容来自www.paper51.com paper51.com 图4-7 登录界面效果图 paper51.com 登录错误信息如图4-8所示: paper51.com paper51.com 图4-8 登录错误信息效果图 http://www.paper51.com
4.2.2 学生模块的实现 paper51.com
学生模块包含的个人资料修改模块,选题模块,信息查询模块均已实现。学生选报题目界面如图4-9所示: paper51.com 内容来自www.paper51.com 图4-9 学生选报题目界面效果图 内容来自论文无忧网 www.paper51.com 学生个人资料修改界面如图4-10所示: 内容来自论文无忧网 www.paper51.com http://www.paper51.com 图4-10学生个人资料修改界面效果图 copyright paper51.com
4.2.3 教师模块的实现 paper51.com 教师模块中的个人资料修改模块,选题上报修改模块,信息查询模块均已实现。教师提交选题界面如图4-11所示: 内容来自论文无忧网 www.paper51.com http://www.paper51.com 图4-11 教师提交选题界面效果图 内容来自www.paper51.com 4.2.4 系统管理员模块的实现 内容来自论文无忧网 www.paper51.com 系统管理员模块中的系统功能设定模块,教师学生初始化模块,选题调剂模块,情况查询模块均已实现。系统功能设定界面如图4-12所示: copyright paper51.com
内容来自www.paper51.com 图4-12 系统功能设定界面效果图 copyright paper51.com 4.2.5 审核个管理员模块的实现 copyright paper51.com 完成审核管理员对审核题目功能的实现。审核题目页面如图4-13所示: 内容来自www.paper51.com paper51.com 图4-13审核题目页面效果图 http://www.paper51.com 第5章 系统测试 内容来自www.paper51.com
由于条件限制,系统未能经过大规模访问及超大容量数据库测试,仅进行过小范围及叫嚣数据库测试。 内容来自www.paper51.com
|