小程序學科排名開發實例
2018-01-31|HiShop
導讀：前幾天，教育部公布了《全國第四輪學科評估結果》，在手機上看起來不太方便，就擼起袖子加油干，寫了一套腳本把數據收集了一下，做成了微信小程序，叫「學科排名」。 界面 界...
學科排名十分常見，對于畢業生擇校有著非常重要的作用，那么學校要如何開發一個學科排名的小程序呢。
如下：
數據庫
學科評估的結果，說白了就是某個高校的某個學科怎么樣。數據庫設計如下：
CREATE TABLE `ranking` (
`universityNum` INTEGER NOT NULL, -- 高校代碼
`university` TEXT NOT NULL, -- 高校名稱
`universityLogo` TEXT NOT NULL, -- 高校校徽
`klassCode` TEXT NOT NULL, -- 學科門類代碼
`klass` TEXT NOT NULL, -- 學科門類名稱
`subjectCode` TEXT NOT NULL, -- 學科代碼
`subject` TEXT NOT NULL, -- 學科名稱
`resultNum` INTEGER NOT NULL -- 學科評估結果
)
高校代碼有5位，如北京大學的是10001，其他大學的都比這個數大，所以就用INTEGER類型了。
學科評估結果用數字1-9來表示，其具體含義和對應關系如下表：
| 數字 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
|---|---|---|---|---|---|---|---|---|---|
| 結果 | A+ | A | A- | B+ | B | B- | C+ | C | C- |
| 含義 | 前2%或前2名 | 2%～5% | 5%～10% | 10%～20% | 20%～30% | 30%～40% | 40%～50% | 50%～60% | 60%～70% |
具體數據是通過爬蟲腳本從官網獲取的，有5000+條數據。
考慮到后端用到了兩個SELECT語句，一個是按學科代碼，一個是按高校代碼，建立兩個單列索引：
CREATE INDEX idx_subjectCode ON ranking (subjectCode)
CREATE INDEX idx_universityNum ON ranking (universityNum)
校徽
為了讓高校排名頁面視覺上更簡潔大方，加上校徽元素是個不錯的選擇。
<image class="university-logo" src="{{item.universityLogo}}" mode="aspectFit">
HiShop小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面，所看即所得，只需要美工就能做出精美商城。
更多小程序資訊，盡在：www.gstsqh.com.cn/xiaocx/
您可能感興趣:小程序
- 關注官方公眾號 -
提供多種電商軟件及解決方案