首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >网站搭建-django-学习成绩管理-04-第1个页面开发准备

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

作者头像
zishendianxia
发布2020-02-24 13:56:36
5020
发布2020-02-24 13:56:36
举报

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

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-02-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Python工程师 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
数据库
云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档