系統(tǒng)：Windows 7
語(yǔ)言版本：Anaconda3-4.3.0.1-Windows-x86_64
編輯器：pycharm-community-2016.3.2
- 本系列介紹如何搭建一個(gè)網(wǎng)站，后端使用django框架
- 今天開(kāi)始介紹一個(gè)單獨(dú)的項(xiàng)目app，關(guān)于學(xué)生成績(jī)管理的網(wǎng)站的搭建
- 主要功能包括：學(xué)習(xí)成績(jī)查詢，數(shù)據(jù)統(tǒng)計(jì)分析
- 涉及前端模塊：Datatables、ECharts
Part 1：目標(biāo)
- 整個(gè)網(wǎng)站分為2頁(yè)，第1頁(yè)查詢及錄入具體學(xué)習(xí)成績(jī)；第2頁(yè)就是一些數(shù)據(jù)統(tǒng)計(jì)及圖表展示
- 首先說(shuō)說(shuō)第1個(gè)網(wǎng)頁(yè)，主體分為兩個(gè)部分：
- 篩選條件，錄入班級(jí)、姓名等檢索條件錄入，每一個(gè)檢索條件全部做成下拉列表的形式，具體選項(xiàng)見(jiàn)下圖
- 表格，展示滿足條件的學(xué)習(xí)成績(jī)信息，該表格包含以下列：班級(jí)、姓名、科目、第幾次模擬考、成績(jī)
數(shù)據(jù)庫(kù)中提前錄入常數(shù)項(xiàng)信息
1.png
篩選條件：對(duì)應(yīng)常數(shù)項(xiàng)信息
| 班級(jí) | 姓名 | 科目 | 第幾次模擬考 |
|---|---|---|---|
| 三年1班 | 張三 | 語(yǔ)文 | 第1次模擬考 |
| 三年2班 | 李四 | 數(shù)學(xué) | 第2次模擬考 |
| 三年3班 | 王五 | 英語(yǔ) | 第3次模擬考 |
| - | 趙六 | - | 第4次模擬考 |
| - | - | - | 第5次模擬考 |
| - | - | - | 第6次模擬考 |
| - | - | - | 第7次模擬考 |
| - | - | - | 第8次模擬考 |
| - | - | - | 第9次模擬考 |
查詢結(jié)果表格形式類似下圖
| 班級(jí) | 姓名 | 科目 | 第幾次模擬考 | 成績(jī) |
|---|---|---|---|---|
| 三年1班 | 張三 | 語(yǔ)文 | 第1次模擬考 | 95 |
| 三年2班 | 李四 | 數(shù)學(xué) | 第1次模擬考 | 90 |
Part 2：功能描述
- 根據(jù)選項(xiàng)，篩選滿足條件的信息顯示在表格中。若選項(xiàng)中沒(méi)有選擇任何條件，默認(rèn)顯示數(shù)據(jù)庫(kù)所有信息
- 表格支持表內(nèi)檢索，支持每頁(yè)人工選擇多少條記錄等
- 對(duì)于成績(jī)低于60的標(biāo)紅
- 支持按照班級(jí)及成績(jī)進(jìn)行排序
- 支持手工錄入考試成績(jī)信息，提供一個(gè)模態(tài)框（Modal），就是一個(gè)在當(dāng)前頁(yè)面上的一個(gè)彈框
以上為本次的學(xué)習(xí)內(nèi)容，下回見(jiàn)
長(zhǎng)按圖片識(shí)別二維碼，關(guān)注本公眾號(hào)
Python 優(yōu)雅 帥氣
12x0.8.jpg
