小程序?qū)W科排名開(kāi)發(fā)實(shí)例

2018-01-31|HiShop

導(dǎo)讀：前幾天，教育部公布了《全國(guó)第四輪學(xué)科評(píng)估結(jié)果》，在手機(jī)上看起來(lái)不太方便，就擼起袖子加油干，寫(xiě)了一套腳本把數(shù)據(jù)收集了一下，做成了微信小程序，叫「學(xué)科排名」。界面界...

學(xué)科排名十分常見(jiàn)，對(duì)于畢業(yè)生擇校有著非常重要的作用，那么學(xué)校要如何開(kāi)發(fā)一個(gè)學(xué)科排名的小程序呢。

如下：

數(shù)據(jù)庫(kù)

學(xué)科評(píng)估的結(jié)果，說(shuō)白了就是某個(gè)高校的某個(gè)學(xué)科怎么樣。數(shù)據(jù)庫(kù)設(shè)計(jì)如下：

CREATE TABLE `ranking` (
    `universityNum`	INTEGER NOT NULL, -- 高校代碼
    `university`	TEXT NOT NULL, -- 高校名稱
    `universityLogo`	TEXT NOT NULL, -- 高校?；?
    `klassCode`	TEXT NOT NULL, -- 學(xué)科門(mén)類代碼
    `klass`	TEXT NOT NULL, -- 學(xué)科門(mén)類名稱
    `subjectCode`	TEXT NOT NULL, -- 學(xué)科代碼
    `subject`	TEXT NOT NULL, -- 學(xué)科名稱
    `resultNum`	INTEGER NOT NULL -- 學(xué)科評(píng)估結(jié)果
)

高校代碼有5位，如北京大學(xué)的是10001，其他大學(xué)的都比這個(gè)數(shù)大，所以就用INTEGER類型了。

學(xué)科評(píng)估結(jié)果用數(shù)字1-9來(lái)表示，其具體含義和對(duì)應(yīng)關(guān)系如下表：

數(shù)字	1	2	3	4	5	6	7	8	9
結(jié)果	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%

具體數(shù)據(jù)是通過(guò)爬蟲(chóng)腳本從官網(wǎng)獲取的，有5000+條數(shù)據(jù)。

考慮到后端用到了兩個(gè)SELECT語(yǔ)句，一個(gè)是按學(xué)科代碼，一個(gè)是按高校代碼，建立兩個(gè)單列索引：

CREATE INDEX idx_subjectCode ON ranking (subjectCode)

CREATE INDEX idx_universityNum ON ranking (universityNum)

校徽

為了讓高校排名頁(yè)面視覺(jué)上更簡(jiǎn)潔大方，加上校徽元素是個(gè)不錯(cuò)的選擇。

<image class="university-logo" src="{{item.universityLogo}}" mode="aspectFit">

HiShop小程序工具提供多類型商城/門(mén)店小程序制作，可視化編輯 1秒生成5步上線。通過(guò)拖拽、拼接模塊布局小程序商城頁(yè)面，所看即所得，只需要美工就能做出精美商城。

更多小程序資訊，盡在：zytcm.com.cn/xiaocx/