1.前言
- 这是大三上学期移动互联网的pbl,小组合作使用uniapp开发一个小项目
我们选的题目是“考研app”,我是组长,负责组织+地图页面+个人中心+微信小程序发布
(个人感觉,小组群里还是氛围挺好的,虽然多数情况下是我一个人水群)
- 小程序二维码(ps:uniclud没续,已经连不上了=.=) 看个样子吧~
2. uniapp开发-地图页面
- 需求之院校地图:在页面内绘制中国地图,以省份为单位展示院校信息,在下方空白处显示院校信息:是否为985、211、双一流。并实现,点击院校跳转到该校的研究生招生网。
- 组件:基于echarts组件绘制地图
- JSON文件:自行百度全国各省份985、211、双一流院校,并存为json格式的文件(多亏了某考研辅导机构的院校地图,要不真的很难找哇)
ps: 直接公开啦,欢迎白嫖~ 如果发现错误及时联系我呀~
let data = {
"南海诸岛": {},
"北京": {
//985,211,双一流,官网地址
"北京大学": [1, 1, 1, "https://admission.pku.edu.cn/"],
"清华大学": [1, 1, 1, "https://yz.tsinghua.edu.cn/"],
"中国人民大学": [1, 1, 1, "https://pgs.ruc.edu.cn/sszs.htm"],
"北京理工大学": [1, 1, 1, "https://grd.bit.edu.cn/index.htm"],
"北京师范大学": [1, 1, 1, "https://yz.bnu.edu.cn/"],
"北京航空航天大学": [1, 1, 1, "http://yzb.buaa.edu.cn/"],
"中国农业大学": [1, 1, 1, "http://yz.cau.edu.cn/index.html"],
"中央民族大学": [1, 1, 1, "https://grs.muc.edu.cn/yjsyzsw/"],
"北京交通大学": [0, 1, 1, "https://gs.bjtu.edu.cn/cms/zszt/"],
"北京工业大学": [0, 1, 1, "http://yanzhao.bjut.edu.cn/zsjz/"],
"北京科技大学": [0, 1, 1, "http://gs.ustb.edu.cn/"],
"北京化工大学": [0, 1, 1, "https://graduate.buct.edu.cn/main.htm"],
"北京林业大学": [0, 1, 1, "http://graduate.bjfu.edu.cn/"],
"北京体育大学": [0, 1, 1, "https://zs.bsu.edu.cn/sszs/jstms"],
"对外经济贸易大学": [0, 1, 1, "http://yjsy.uibe.edu.cn/cms/index.do"],
"中国传媒大学": [0, 1, 1, "https://gs.cuc.edu.cn/"],
"中央音乐学院": [0, 1, 1, "http://www.ccom.edu.cn/szc/jfjg/yjsb/zsxx/sszs/"],
"中央财经大学": [0, 1, 1, "http://gs.cufe.edu.cn/"],
"中国政法大学": [0, 1, 1, "http://yjsy.cupl.edu.cn/"],
"中国矿业大学": [0, 1, 0, "http://yjsb.cumt.edu.cn/"],
"中国石油大学": [0, 1, 0, "http://gs.upc.edu.cn/"],
"中国地质大学": [0, 1, 0, "https://www.cugb.edu.cn/"],
"北京邮电大学": [0, 1, 1, "https://yzb.bupt.edu.cn/"],
"华北电力大学": [0, 1, 0, "https://yjsy.ncepu.edu.cn/"],
"北京中医药大学": [0, 1, 1, "https://yanjiusheng.bucm.edu.cn/zsjy/sszs/index.htm"],
"北京外国语大学": [0, 1, 1, "https://graduate.bfsu.edu.cn/"],
"首都师范大学": [0, 0, 1, "https://grad.cnu.edu.cn/"],
"外交学院": [0, 0, 1, "https://yjsb.cfau.edu.cn/"],
"中国人民公安大学": [0, 0, 1, "https://yzb.ppsuc.edu.cn/"],
"中国音乐学院": [0, 0, 1, "https://yjsy.ccmusic.edu.cn/"],
"中央美术学院": [0, 0, 1, "https://www.cafa.edu.cn/sp/zs/?ci=803"],
"中央戏剧学院": [0, 0, 1, "http://web.zhongxi.cn/zsjy/ybzs/"],
"中国科学院大学": [0, 0, 1, "https://www.ucas.ac.cn/site/31"]
},
'天津': {
"南开大学": [1, 1, 1, "https://graduate.nankai.edu.cn/"],
"天津大学": [1, 1, 1, "http://gs.tju.edu.cn/"],
"天津医科大学": [0, 1, 1, "http://gs.tmu.edu.cn/"],
"河北工业大学": [0, 1, 1, "https://yjs.hebut.edu.cn/"],
"天津工业大学": [0, 0, 1, "http://yjsb.tiangong.edu.cn/"],
"天津中医药大学": [0, 0, 1, "https://yjsy.tjutcm.edu.cn/"]
},
'上海': {
"复旦大学": [1, 1, 1, "http://www.gsao.fudan.edu.cn/"],
"同济大学": [1, 1, 1, "https://yz.tongji.edu.cn/"],
"上海交通大学": [1, 1, 1, "https://yzb.sjtu.edu.cn/"],
"华东师范大学": [1, 1, 1, "https://yjszs.ecnu.edu.cn/"],
"上海大学": [0, 1, 1, "https://yjszs.shu.edu.cn/"],
"东华大学": [0, 1, 1, "https://yjszs.dhu.edu.cn/"],
"上海财经大学": [0, 1, 1, "https://gs.sufe.edu.cn/"],
"华东理工大学": [0, 1, 1, "https://gschool.ecust.edu.cn/"],
"上海外国语大学": [0, 1, 1, "http://graduate.shisu.edu.cn/"],
"海军军医大学": [0, 0, 1, "http://ao.smmu.edu.cn/yjszs/list.htm"],
"上海海洋大学": [0, 0, 1, "https://yjs.shou.edu.cn/"],
"上海中医药大学": [0, 0, 1, "https://yjsy.shutcm.edu.cn/"],
"上海体育学院": [0, 0, 1, "http://yjsc.sus.edu.cn/jjlhh.htm"],
"上海音乐学院": [0, 0, 1, "https://yjsb.shcmusic.edu.cn/"]
},
'重庆': {
"重庆大学": [1, 1, 1, "http://yz.cqu.edu.cn/"],
"西南大学": [0, 1, 1, "http://yz.swu.edu.cn/"]
},
'河北':{
"华北电力大学(保定)": [0, 1, 1, "https://gs.ncepu.edu.cn/"]
},
'河南':{
"郑州大学": [0, 1, 1, "http://gs.zzu.edu.cn/index.htm"],
"河南大学": [0, 0, 1, "https://www.henu.edu.cn/zsjy/zsjy.htm"]
},
'云南': {
"云南大学": [0, 1, 1, "http://www.grs.ynu.edu.cn/"]
},
'辽宁': {
"大连理工大学": [1, 1, 1, "http://gs.dlut.edu.cn/"],
"东北大学": [1, 1, 1, "http://www.graduate.neu.edu.cn/"],
"辽宁大学": [0, 1, 1, "http://grs.lnu.edu.cn/zsgz/sszs.htm"],
"大连海事大学": [0, 1, 1, "https://www.dlmu.edu.cn/zsjy/yjszs.htm"]
},
'黑龙江': {
"哈尔滨工业大学": [1, 1, 1, "http://yzb.hit.edu.cn/"],
"哈尔滨工程大学": [0, 1, 1, "http://yzb.hrbeu.edu.cn/"],
"东北农业大学": [0, 1, 1, "http://graduate.neau.edu.cn/zsgz/zsjz.htm"],
"东北林业大学": [0, 1, 1, "https://yz.nefu.edu.cn/"]
},
'湖南': {
"湖南大学": [1, 1, 1, "http://gra.hnu.edu.cn/"],
"中南大学": [1, 1, 1, "https://gra.csu.edu.cn/"],
"国防科技大学": [1, 1, 1, "http://yjszs.nudt.edu.cn/index/index.view"],
"湖南师范大学": [0, 1, 1, "https://yjsy.hunnu.edu.cn/"]
},
'安徽': {
"中国科学技术大学": [1, 1, 1, "https://yz.ustc.edu.cn/"],
"安徽大学": [0, 1, 1, "http://graschool.ahu.edu.cn/"],
"合肥工业大学": [0, 1, 1, "http://yjszs.hfut.edu.cn/"]
},
'山东': {
"山东大学": [1, 1, 1, "https://www.yz.sdu.edu.cn/"],
"中国海洋大学": [1, 1, 1, "http://yz.ouc.edu.cn/"],
"中国石油大学": [0, 1, 1, "http://gs.upc.edu.cn/"]
},
'新疆': {
"新疆大学": [0, 1, 1, "http://gs.xju.edu.cn/"],
"石河子大学": [0, 1, 1, "http://yjsh.shzu.edu.cn/"]
},
'江苏': {
"南京大学": [1, 1, 1, "https://grawww.nju.edu.cn/"],
"东南大学": [1, 1, 1, "https://yzb.seu.edu.cn/"],
"苏州大学": [0, 1, 1, "http://yjs.suda.edu.cn/"],
"江南大学": [0, 1, 1, "https://yz.jiangnan.edu.cn/sszs.htm"],
"河海大学": [0, 1, 1, "https://gs.hhu.edu.cn/"],
"南京师范大学": [0, 1, 1, "http://yz.njnu.edu.cn/homepage_show.jsp?wid=2"],
"中国药科大学": [0, 1, 1, "http://yjsy.cpu.edu.cn/"],
"中国矿业大学": [0, 1, 1, "http://yjsb.cumt.edu.cn/"],
"南京理工大学": [0, 1, 1, "https://gs.njust.edu.cn/"],
"南京农业大学": [0, 1, 1, "http://grasch.njau.edu.cn/zsgz/sszs.htm"],
"南京航空航天大学": [0, 1, 1, "http://www.graduate.nuaa.edu.cn/"],
"南京邮电大学": [0, 0, 1, "http://yzb.njupt.edu.cn/"],
"南京林业大学": [0, 0, 1, "https://gsnfu.njfu.edu.cn/"],
"南京信息工程大学": [0, 0, 1, "https://yjs.nuist.edu.cn/"],
"南京中医药大学": [0, 0, 1, "http://gra.njucm.edu.cn/"]
},
'浙江': {
"浙江大学": [1, 1, 1, "http://www.grs.zju.edu.cn/"],
"中国美术学院": [0, 0, 1, "http://zb.caa.edu.cn/sszs/zsxx/index.html"],
"宁波大学": [0, 0, 1, "https://www.nbu.edu.cn/zsjy1/yjszs.htm"]
},
'江西': {
"南昌大学": [0, 1, 1, "http://yjsy.ncu.edu.cn/"]
},
'湖北': {
"武汉大学": [1, 1, 1, "https://gs.whu.edu.cn/"],
"华中科技大学": [1, 1, 1, "http://gszs.hust.edu.cn/"],
"武汉理工大学": [0, 1, 1, "http://gd.whut.edu.cn/"],
"中国地质大学": [0, 1, 1, "https://graduate.cug.edu.cn/"],
"华中师范大学": [0, 1, 1, "http://gs.ccnu.edu.cn/"],
"华中农业大学": [0, 1, 1, "https://yjs.hzau.edu.cn/"],
"中南财经政法大学": [0, 1, 1, "http://yzb.zuel.edu.cn/"]
},
'广西': {
"广西大学": [0, 1, 1, "https://yjsc.gxu.edu.cn/"]
},
'甘肃': {
"兰州大学": [1, 1, 1, "http://yz.lzu.edu.cn/index.html"]
},
'山西': {
"太原理工大学": [0, 1, 1, "http://yz.tyut.edu.cn/"]
},
'内蒙古': {
"内蒙古大学": [0, 1, 1, "https://gs.imu.edu.cn/zsgz/ssszs.htm"]
},
'陕西': {
"西安交通大学": [1, 1, 1, "http://yz.xjtu.edu.cn/"],
"西北工业大学": [1, 1, 1, "https://yzb.nwpu.edu.cn/"],
"西北农业科技大学": [1, 1, 1, "https://yz.nwsuaf.edu.cn/"],
"西安电子科技大学": [0, 1, 1, "https://gr.xidian.edu.cn/yjsy.htm"],
"陕西师范大学": [0, 1, 1, "http://yz.snnu.edu.cn/index.htm"],
"西北大学": [0, 1, 1, "https://yzb.nwu.edu.cn/"],
"长安大学": [0, 1, 1, "https://yzb.chd.edu.cn/"],
"空军军医大学": [0, 1, 1, "https://www.fmmu.edu.cn/yjsy/"]
},
'吉林': {
"吉林大学": [1, 1, 1, "http://zsb.jlu.edu.cn/list/18.html"],
"延边大学": [0, 1, 1, "https://grad.ybu.edu.cn/"],
"东北师范大学": [0, 1, 1, "https://grad.ybu.edu.cn/"]
},
'福建': {
"厦门大学": [1, 1, 1, "https://gs.xmu.edu.cn/"],
"福州大学": [0, 1, 1, "https://yjsy.fzu.edu.cn/"]
},
'贵州': {
"贵州大学": [0, 1, 1, "http://gs.gzu.edu.cn/"]
},
'广东': {
"中山大学": [1, 1, 1, "http://graduate.sysu.edu.cn/"],
"华南理工大学": [1, 1, 1, "http://www2.scut.edu.cn/graduate/"],
"华南师范大学": [0, 1, 1, "https://yz.scnu.edu.cn/"],
"暨南大学": [0, 1, 1, "https://yz.jnu.edu.cn/"],
"广州中医药大学": [0, 0, 1, "https://yjsy.gzucm.edu.cn/"]
},
'青海': {
"青海大学": [0, 1, 1, "https://yjs.qhu.edu.cn/"]
},
'西藏': {
"西藏大学": [0, 1, 1, "http://yjszs.utibet.edu.cn/"]
},
'四川': {
"四川大学": [1, 1, 1, "https://gs.scu.edu.cn/"],
"电子科技大学": [1, 1, 1, "https://gr.uestc.edu.cn/"],
"西南交通大学": [0, 1, 1, "http://yz.swjtu.edu.cn/web/index.html?version=2021"],
"西南财经大学": [0, 1, 1, "https://graduate.swufe.edu.cn/"],
"四川农业大学": [0, 1, 1, "https://yan.sicau.edu.cn/"],
"西南石油大学": [0, 0, 1, "https://www.swpu.edu.cn/gs/"],
"成都理工大学": [0, 0, 1, "http://www.gra.cdut.edu.cn/"],
"成都中医药大学": [0, 0, 1, "https://www.cdutcm.edu.cn/yjsy"]
},
'宁夏': {
"宁夏大学": [0, 1, 1, "https://graduate.nxu.edu.cn/"]
},
'海南': {
"海南大学": [0, 1, 1, "https://www.hainanu.edu.cn/STM/zy_yjs/SHTML_liebiao.asp@bbsid=164.SHTML"]
},
'台湾': {},
'香港': {},
'澳门': {},
}
module.exports = {
data: data
}
//注:港澳台无
- showtime(详见微信小程序的发现->院校地图 ; ps:此截图来自未阉割版本)
地图按省份院校数目进行颜色深浅标注,点击省份可以出现院校数目和信息。点击院校可以跳转到院校官网,此处需要提前在微信开发者工具勾选“不校验域名”。否则不能跳转到院校官网。Uniapp跳转页面,需要先走common下的webview页面才能成功跳转其它网站。
3.uniapp开发-个人中心
- 需求之个人中心:需要完成用户的登陆注册功能,以记录、存储用户信息;签到功能,提高用户的体验感;修改个人信息,如修改头像,昵称等;用户反馈,后台能得到用户反馈并及时更新相关内容;关于我们页面:向用户展示我们的相关信息,及《用户服务政策》与《隐私协议》。
我坦白了,主要是基于uni-starter模板改写的个人中心
简单介绍一下吧~
①创建:创建一个uni-starter项目,有完整的登陆注册、个人中心等相关内容
②连接云服务空间,上传、下载所有云函数及数据库
③按需引入:部分功能用不到(阅读的书籍等),进行删改
④关于页面,有用户服务协议和隐私政策。
4.uniapp打包成微信小程序并发布
需求之微信小程序:微信小程序特点是轻量且便于访问,成功发布能让有需求的同学直接访问,而不需要下载源码,配置复杂的相关环境。
-
合并代码
①基于个人中心页面进行合并
②添加页面时需要在pages.json中添加
③注意修改图片等资源的路径
④遇到报错不要慌,仔细阅读报错信息,引入相关组件
⑤及时备份!及时备份!及时备份! -
分包
①发布到微信小程序,有大小限制,需要分包
分包官方教程:(https://uniapp.dcloud.io/collocation/pages?id=subpackages)
②静态资源使用url形式引入:可放在云服务空间(推荐使用unicloud云服务空间:https://unicloud.dcloud.net.cn/home)
③删除多余组件:如果还是超出限制,需要有针对性地删除组件
关于分包,专门写了一个博客吐槽介绍了一下 ~
uniapp发布到微信小程序:分包、删减代码全过程 -
上传微信小程序
5. 协作开发
代码库地址:https://gitee.com/satat/eStudy.git
ps:超小声:其实git命令组里就我一个用到好一些,小伙伴们都是把文件直接拖进去的=V=。
代码合并是我一个人合的,其实并没有真的协同开发呜呜呜