IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 关于我的项目-微信小程序2(uniapp->wx小程序) -> 正文阅读

[移动开发]关于我的项目-微信小程序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=。
代码合并是我一个人合的,其实并没有真的协同开发呜呜呜

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-08-06 10:55:38  更:2022-08-06 10:56:17 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 4:49:30-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码