小程序学科排名开发实例

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.hishop.com.cn/xiaocx/