持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第12天,点击查看活动详情
上一篇我们完成了基本数据模型的搭建,并初始化了部分数据,这一篇我们开始对管理界面及其功能进行设计。
这个项目的链接是:https://github.com/Amor122/MyTest.git
我已经设置了公开权限,大家都可以访问,项目每天的进度基本上是和文章更新一致的,或者略快于文章,我也是边写边发的,有些代码在后续版本说不定就更改了。代码的字数意义不大,有需要的都可以去项目上直接看,这里我都换成了图片。
一、界面
整个系统根据用户类型可以分为两种,老师和学生,学生主要在这个系统里进行考试和查看成绩,而老师则在这个界面里批改考试、安排考试。
后台admin框架本身也可以添加数据,但是形式比较单调,这里自定义一个管理框架。
整体界面设计我采用典型的三段式进行,使用侧边栏加顶部导航加中部内容的经典样式。这种样式层次清晰,使用方便,
添加内容较为简便。
首先配置模板文件夹和静态文件夹。
将需要的js和css文件放入静态文件夹内,做好框架的基础模板文件,以后就将在这个文件的基础上进行作业了。
模板的语法可以直接查看官网,我这里只是用于划分为块进行继承。
这是网上找的框架,喜欢的可以去bootstrap网站上找到。
根据功能判定,这个初步能满足我们对管理界面的需要。
根据需要,我们在菜单栏使用了组织管理、人员管理、考试安排、试卷组装、题库管理、成绩查看这几个功能。
组织管理拟做成显示这系统上的组织信息,将这个组织树展示出来。
人员管理采用基本的表格、将人员信息展示出来。
考试安排也是通过表格形式展示,将页面分为三段,考试结束的、正在考的和还未开始的。
试卷组装拟做成老师组装试卷。
题库管理拟做成表格形式,添加数据。
成绩查看由不同的筛选条件来获得一些统计信息,这里还没考虑好做什么事情,待后续完善。