• 关于我的项目-微信小程序2(uniapp->wx小程序)


    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
    }
    
    //注:港澳台无
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111
    • 112
    • 113
    • 114
    • 115
    • 116
    • 117
    • 118
    • 119
    • 120
    • 121
    • 122
    • 123
    • 124
    • 125
    • 126
    • 127
    • 128
    • 129
    • 130
    • 131
    • 132
    • 133
    • 134
    • 135
    • 136
    • 137
    • 138
    • 139
    • 140
    • 141
    • 142
    • 143
    • 144
    • 145
    • 146
    • 147
    • 148
    • 149
    • 150
    • 151
    • 152
    • 153
    • 154
    • 155
    • 156
    • 157
    • 158
    • 159
    • 160
    • 161
    • 162
    • 163
    • 164
    • 165
    • 166
    • 167
    • 168
    • 169
    • 170
    • 171
    • 172
    • 173
    • 174
    • 175
    • 176
    • 177
    • 178
    • 179
    • 180
    • 181
    • 182
    • 183
    • 184
    • 185
    • 186
    • 187
    • 188
    • 189
    • 190
    • 191
    • 192
    • 193
    • 194
    • 195
    • 196
    • 197
    • 198
    • 199
    • 200
    • 201
    • 202
    • 203
    • 204
    • 205
    • 206
    • 207
    • 208
    • 209
    • 210
    • 211
    • 212
    • 213
    • 214
    • 215
    • showtime(详见微信小程序的发现->院校地图 ; ps:此截图来自未阉割版本)
      在这里插入图片描述
      地图按省份院校数目进行颜色深浅标注,点击省份可以出现院校数目和信息。点击院校可以跳转到院校官网,此处需要提前在微信开发者工具勾选“不校验域名”。否则不能跳转到院校官网。Uniapp跳转页面,需要先走common下的webview页面才能成功跳转其它网站。
      在这里插入图片描述

    3.uniapp开发-个人中心

    • 需求之个人中心:需要完成用户的登陆注册功能,以记录、存储用户信息;签到功能,提高用户的体验感;修改个人信息,如修改头像,昵称等;用户反馈,后台能得到用户反馈并及时更新相关内容;关于我们页面:向用户展示我们的相关信息,及《用户服务政策》与《隐私协议》。

    在这里插入图片描述
    我坦白了,主要是基于uni-starter模板改写的个人中心
    简单介绍一下吧~
    ①创建:创建一个uni-starter项目,有完整的登陆注册、个人中心等相关内容
    ②连接云服务空间,上传、下载所有云函数及数据库
    ③按需引入:部分功能用不到(阅读的书籍等),进行删改
    在这里插入图片描述

    ④关于页面,有用户服务协议和隐私政策。
    在这里插入图片描述

    4.uniapp打包成微信小程序并发布

    需求之微信小程序:微信小程序特点是轻量且便于访问,成功发布能让有需求的同学直接访问,而不需要下载源码,配置复杂的相关环境。

    1. 合并代码
      ①基于个人中心页面进行合并
      ②添加页面时需要在pages.json中添加
      ③注意修改图片等资源的路径
      ④遇到报错不要慌,仔细阅读报错信息,引入相关组件
      ⑤及时备份!及时备份!及时备份!

    2. 分包
      ①发布到微信小程序,有大小限制,需要分包
      分包官方教程:(https://uniapp.dcloud.io/collocation/pages?id=subpackages)
      ②静态资源使用url形式引入:可放在云服务空间(推荐使用unicloud云服务空间:https://unicloud.dcloud.net.cn/home)
      ③删除多余组件:如果还是超出限制,需要有针对性地删除组件
      关于分包,专门写了一个博客 吐槽介绍了一下 ~
      uniapp发布到微信小程序:分包、删减代码全过程

    3. 上传微信小程序

    5. 协作开发

    代码库地址:https://gitee.com/satat/eStudy.git
    ps:超小声:其实git命令组里就我一个用到好一些,小伙伴们都是把文件直接拖进去的=V=。
    代码合并是我一个人合的,其实并没有真的协同开发呜呜呜

  • 相关阅读:
    嘉立创EDA专业版--[错误] : 导线 $1N7898 连接了“全局网络名”属性值为 GND 的网络标识
    获取图片中的图表数据并拟合函数
    全国行政区划2023年最新版
    C++,java,python异同 快速入手其他语言 功能查询
    第Y8周:yolov8.yaml文件解读
    动态规划解决leetcode上的两道回文问题(针对思路)
    【Arduino+ESP32+腾讯云+sg90】强制门户+腾讯云控制开关灯
    C基础知识-结构体(详解)
    【Python面向对象进阶⑥】——元类
    后台业务层对对象集合进行去重
  • 原文地址:https://blog.csdn.net/weixin_45426939/article/details/126079535