当前位置:网站首页>关于我的项目-微信小程序2(uniapp->wx小程序)
关于我的项目-微信小程序2(uniapp->wx小程序)
2022-08-02 03:27:00 【卅拓】
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/[email protected]=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=。
代码合并是我一个人合的,其实并没有真的协同开发呜呜呜
边栏推荐
- 3000字入门图神经网络
- After Alibaba Cloud sets up domain name resolution redirection, I cannot use Chrome to access it
- 英语每日打卡
- hackmyvm-random walkthrough
- 一分钟get:缓存穿透、缓存击穿、缓存雪崩
- Laravel 验证唯一时排除修改时的数据
- 超级云APP,陪伴您一起成长的软件
- The CTF introductory notes of SQL injection
- How to log in to Alibaba Cloud server using the admin account
- How to determine the direction based on two coordinate points on the map
猜你喜欢

公司产品太多了,怎么实现一次登录产品互通?

Cookie is used to collect the admin privileges CTF foundation problem

ES6 iterator explanation example

Shuriken: 1 vulnhub walkthrough

CTF入门之md5

深入了解为何面试官常说:你还没准备好,我不会录用你

账务处理程序、记账凭证账务处理程序、汇总记账凭证账务处理程序、科目汇总表账务处理程序、会计信息化概述、信息化环境下会计账务处理的基本要求(此章出1道小题)

Praying: 1 vulnhub walkthrough

A network security guinea pig's learning path - scripting of advanced usage of nmap

如何一步一步的:玩转全民拼购!
随机推荐
挖矿是什么意思?矿工都做了什么?
强化学习笔记:DDPG
CTF入门之php文件包含
VIKINGS: 1 vulnhub walkthrough
hackmyvm: juggling walkthrough
Dcat Admin 关闭代码生成器 登录指定地址
(6) Design of student information management system
PHP deserialization vulnerability
Laravel随笔记录
The shooting range that web penetration must play - DVWA shooting range 1 (centos8.2+phpstudy installation environment)
账务处理程序、记账凭证账务处理程序、汇总记账凭证账务处理程序、科目汇总表账务处理程序、会计信息化概述、信息化环境下会计账务处理的基本要求(此章出1道小题)
cmake安装到指定目录
战场:3(双子叶植物)vulnhub走读
php的curl函数模拟post数据提交,速度非常慢
The focus of the Dom implementation input triggers
GreenOptic: 1 vulnhub walkthrough
如何在正则表达式里表达可能存在也可能不存在的内容?
3000字入门图神经网络
CTF入门笔记之ping
公司产品太多了,怎么实现一次登录产品互通?