┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 装 ┊ ┊ ┊ ┊ ┊ 订 ┊ ┊ ┊ ┊ ┊ 线 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
长 春 大 学 毕业设计（论文）纸
4 系统详细设计
4.1 登录模块设计
登录窗体：用于实现用户的登录和判断用户的级别（考生用户或教师用户），教师用户可进入后台，编辑考试安排、评卷等。学生用户只可以进入前台，查看成绩，参加考试等。
4.1.1 界面设计 登录窗体如图4-1所示。
图4-1 登录窗体
4.1.2 设计思路
[登录]按钮：首先判断输入的用户名是否为空，如果为空，则弹出对话框提示“用户名不能为空！”同时清空密码框，。如果不为空，则检索数据库中的用户表，判断输入的用户名和密码是否正确。如果不正确则弹出对话框提示您“用户名或密码不正确”、“请重新输入” 同时清空用户名框和密码框，光标重新定位到用户名编辑框。若正确，则判断权限，教师权限会显示进入后台的按钮。
4.2 题库管理界面设计
题库管理可对题库进行录入以及维护。 4.2.1 界面设计
主界面，以及窗体设计如图4-2、4-3。
共 43 页 第 16 页
┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 装 ┊ ┊ ┊ ┊ ┊ 订 ┊ ┊ ┊ ┊ ┊ 线 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
长 春 大 学 毕业设计（论文）纸
图4-2 题库管理查询界面设计
图4-3 题库管理录入窗体界面设计
共 43 页 第 17 页
┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 装 ┊ ┊ ┊ ┊ ┊ 订 ┊ ┊ ┊ ┊ ┊ 线 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
长 春 大 学 毕业设计（论文）纸
4.2.2 设计思路 （1）底层界面
底层界面显示题库所有试题的信息包括试题内容、试题类型、难度等信息。最后一栏操作项有两大操作：编辑、删除。点击编辑按钮弹出本试题修改窗口。删除可对其进行删除操作。界面最下方有新增操作，点击后弹出新增窗体。
（2）窗体界面。
编辑窗体可对一个试题进行编辑，新增窗体可对试题进行录入。带红色星号为必填项，这里运用了jquery的校验。代码如下： $(\ ignore:'ignore', rules: { qContent:{
required: true, maxlength:1000, },
qType:{
required: true, maxlength:32, },
qDate:{
required: true, },
qStat:{
required: true, maxlength:32, },
qDiffic:{
required: true, maxlength:32, },
qAnalyze:{
required: false, maxlength:800, },
qAnswer:{
required: true, maxlength:800, },
qScorepoint:{
required: false, maxlength:800, },
共 43 页 第 18 页
┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 装 ┊ ┊ ┊ ┊ ┊ 订 ┊ ┊ ┊ ┊ ┊ 线 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
长 春 大 学 毕业设计（论文）纸
qClass:{
validSelect2: \}, qA:{
required: false, maxlength:800, }, qB:{
required: false, maxlength:800, }, qC:{
required: false, maxlength:800, }, qD:{
required: false, maxlength:800, },
}, });
共 43 页 第 19 页
┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 装 ┊ ┊ ┊ ┊ ┊ 订 ┊ ┊ ┊ ┊ ┊ 线 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
长 春 大 学 毕业设计（论文）纸
4.3 试卷管理模块设计
试卷管理即对试卷的维护。主要实现3个功能：试卷的新增、修改和删除。其中新增和修改中有对试题的关联。
4.3.1 界面设计 （1）试卷管理底层界面
图4-4 试卷管理
（2）试卷管理窗体界面
图4-5 试卷管理窗体界面
共 43 页 第 20 页