内容发布更新时间 : 2024/12/23 0:45:41星期一 下面是文章的全部内容请认真阅读。
┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 装 ┊ ┊ ┊ ┊ ┊ 订 ┊ ┊ ┊ ┊ ┊ 线 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
长 春 大 学 毕业设计(论文)纸
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 页