关于我的项目-微信小程序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
}

//注:港澳台无
  • 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=。
代码合并是我一个人合的,其实并没有真的协同开发呜呜呜

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

卅拓

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值