首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

网站搭建-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班

张三

语文

第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),就是一个在当前页面上的一个弹框

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

下一篇
举报
领券