沈阳理工大学学士学位论文
5 系统详细设计与实现
5.1 前台功能模块
WEB前端层的设计和实现中，充分利用的JAVASCRIPT的强大控制功能，并且在某些页面上采用了DIV+CSS组合设计方法[15]。
(1)首页界面
主要的功能包括最新问卷、问卷列表、热门排行榜、私有问卷、友情链接等。其中首页界面显示如图5.1所示：
图5.1 首页界面
(2)问卷列表
在系统界面选择问卷列表，可以查看问卷列表中的问卷。如图5.2所示：
21
沈阳理工大学学士学位论文
图5.2 问卷列表
(3)私有问卷
在系统界面选择访问私有问卷，可以查看分类为私有类型的问卷。如图5.3所示：
图5.3 私有问卷
22
沈阳理工大学学士学位论文
(4)用户答卷
当某一用户点击某一问卷时，便可进入该问卷，题写自己理想的答案。如图5.4所示：
图5.4 某用户答卷
5.2 后台功能模块
在系统后台，页面采用框架布局，页面上面显示BANNER等信息，左边显示菜单，中间显示操作页面。后台界面的设计主要依据功能模块来划分，论文重点阐述问卷管理模块的设计，这也是后台的核心部分。
(1)管理员登陆页面
输入预计用户名admin，密码admin，点击登录后进入后台管理页面。如图5.5所示：
23
沈阳理工大学学士学位论文
图5.5 管理员登陆页面
(2)添加问卷
点击“添加问卷”，进入问卷添加页面，按要求录入相应的数据，提交即可生成一份问卷，但是这个时候，问卷仅仅是一份空白问卷。如图5.6：
图5.6 系统后台-添加问卷页面
(3)问卷设计
点击“问卷设计”，进入问卷设计页面，界面会显示出当前系统中的所以问卷，用户找到相应的问卷后，点击管理题目，进入管理题目的界面，用户在这里可以对添加删除题目，并且可以对题目进行设置截断和跳转操作。如图5.7，5.8所示：
24