网站搭建-django-学习成绩管理-04-第1个页面开发准备

微信公众号原文

系统：Windows 7
语言版本：Anaconda3-4.3.0.1-Windows-x86_64
编辑器：pycharm-community-2016.3.2

• 本系列介绍如何搭建一个网站，后端使用django框架
• 今天开始介绍一个单独的项目app，关于学生成绩管理的网站的搭建
• 主要功能包括：学习成绩查询，数据统计分析
• 涉及前端模块：Datatables、ECharts

Part 1：目标

1. 整个网站分为2页，第1页查询及录入具体学习成绩；第2页就是一些数据统计及图表展示
2. 首先说说第1个网页，主体分为两个部分：
   • 筛选条件，录入班级、姓名等检索条件录入，每一个检索条件全部做成下拉列表的形式，具体选项见下图
   • 表格，展示满足条件的学习成绩信息，该表格包含以下列：班级、姓名、科目、第几次模拟考、成绩

数据库中提前录入常数项信息

1.png

筛选条件：对应常数项信息

班级	姓名	科目	第几次模拟考
三年1班	张三	语文	第1次模拟考
三年2班	李四	数学	第2次模拟考
三年3班	王五	英语	第3次模拟考
-	赵六	-	第4次模拟考
-	-	-	第5次模拟考
-	-	-	第6次模拟考
-	-	-	第7次模拟考
-	-	-	第8次模拟考
-	-	-	第9次模拟考

查询结果表格形式类似下图

班级	姓名	科目	第几次模拟考	成绩
三年1班	张三	语文	第1次模拟考	95
三年2班	李四	数学	第1次模拟考	90

Part 2：功能描述

1. 根据选项，筛选满足条件的信息显示在表格中。若选项中没有选择任何条件，默认显示数据库所有信息
2. 表格支持表内检索，支持每页人工选择多少条记录等
3. 对于成绩低于60的标红
4. 支持按照班级及成绩进行排序
5. 支持手工录入考试成绩信息，提供一个模态框（Modal），就是一个在当前页面上的一个弹框

---

以上为本次的学习内容，下回见

长按图片识别二维码，关注本公众号
Python 优雅 帅气

12x0.8.jpg