系统：Windows 7
语言版本：Anaconda3-4.3.0.1-Windows-x86_64
编辑器：pycharm-community-2016.3.2
- 本系列介绍如何搭建一个网站，后端使用django框架
- 今天开始介绍一个单独的项目app，关于学生成绩管理的网站的搭建
- 主要功能包括：学习成绩查询，数据统计分析
- 涉及前端模块：Datatables、ECharts
Part 1：目标
- 整个网站分为2页，第1页查询及录入具体学习成绩；第2页就是一些数据统计及图表展示
- 首先说说第1个网页，主体分为两个部分：
- 筛选条件，录入班级、姓名等检索条件录入，每一个检索条件全部做成下拉列表的形式，具体选项见下图
- 表格，展示满足条件的学习成绩信息，该表格包含以下列：班级、姓名、科目、第几次模拟考、成绩
数据库中提前录入常数项信息
1.png
筛选条件：对应常数项信息
| 班级 | 姓名 | 科目 | 第几次模拟考 |
|---|---|---|---|
| 三年1班 | 张三 | 语文 | 第1次模拟考 |
| 三年2班 | 李四 | 数学 | 第2次模拟考 |
| 三年3班 | 王五 | 英语 | 第3次模拟考 |
| - | 赵六 | - | 第4次模拟考 |
| - | - | - | 第5次模拟考 |
| - | - | - | 第6次模拟考 |
| - | - | - | 第7次模拟考 |
| - | - | - | 第8次模拟考 |
| - | - | - | 第9次模拟考 |
查询结果表格形式类似下图
| 班级 | 姓名 | 科目 | 第几次模拟考 | 成绩 |
|---|---|---|---|---|
| 三年1班 | 张三 | 语文 | 第1次模拟考 | 95 |
| 三年2班 | 李四 | 数学 | 第1次模拟考 | 90 |
Part 2：功能描述
- 根据选项，筛选满足条件的信息显示在表格中。若选项中没有选择任何条件，默认显示数据库所有信息
- 表格支持表内检索，支持每页人工选择多少条记录等
- 对于成绩低于60的标红
- 支持按照班级及成绩进行排序
- 支持手工录入考试成绩信息，提供一个模态框（Modal），就是一个在当前页面上的一个弹框
以上为本次的学习内容，下回见
长按图片识别二维码，关注本公众号
Python 优雅 帅气
12x0.8.jpg
网友评论