沈阳理工大学学士学位论文

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