开发一个考试系统——管理功能的设计

174 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第12天,点击查看活动详情

上一篇我们完成了基本数据模型的搭建,并初始化了部分数据,这一篇我们开始对管理界面及其功能进行设计。

这个项目的链接是:https://github.com/Amor122/MyTest.git

我已经设置了公开权限,大家都可以访问,项目每天的进度基本上是和文章更新一致的,或者略快于文章,我也是边写边发的,有些代码在后续版本说不定就更改了。代码的字数意义不大,有需要的都可以去项目上直接看,这里我都换成了图片。

一、界面

整个系统根据用户类型可以分为两种,老师和学生,学生主要在这个系统里进行考试和查看成绩,而老师则在这个界面里批改考试、安排考试。

后台admin框架本身也可以添加数据,但是形式比较单调,这里自定义一个管理框架。

整体界面设计我采用典型的三段式进行,使用侧边栏加顶部导航加中部内容的经典样式。这种样式层次清晰,使用方便,

添加内容较为简便。

首先配置模板文件夹和静态文件夹。

image.png

image.png 将需要的js和css文件放入静态文件夹内,做好框架的基础模板文件,以后就将在这个文件的基础上进行作业了。

模板的语法可以直接查看官网,我这里只是用于划分为块进行继承。

  image.png

这是网上找的框架,喜欢的可以去bootstrap网站上找到。

根据功能判定,这个初步能满足我们对管理界面的需要。

  根据需要,我们在菜单栏使用了组织管理、人员管理、考试安排、试卷组装、题库管理、成绩查看这几个功能。

image.png

组织管理拟做成显示这系统上的组织信息,将这个组织树展示出来。

人员管理采用基本的表格、将人员信息展示出来。

考试安排也是通过表格形式展示,将页面分为三段,考试结束的、正在考的和还未开始的。

试卷组装拟做成老师组装试卷。

题库管理拟做成表格形式,添加数据。

成绩查看由不同的筛选条件来获得一些统计信息,这里还没考虑好做什么事情,待后续完善。