jjzjj

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

卅拓 2024-04-09 原文

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=。
代码合并是我一个人合的,其实并没有真的协同开发呜呜呜

有关关于我的项目-微信小程序2(uniapp->wx小程序)的更多相关文章

  1. ruby - 在 Ruby 程序执行时阻止 Windows 7 PC 进入休眠状态 - 2

    我需要在客户计算机上运行Ruby应用程序。通常需要几天才能完成(复制大备份文件)。问题是如果启用sleep,它会中断应用程序。否则,计算机将持续运行数周,直到我下次访问为止。有什么方法可以防止执行期间休眠并让Windows在执行后休眠吗?欢迎任何疯狂的想法;-) 最佳答案 Here建议使用SetThreadExecutionStateWinAPI函数,使应用程序能够通知系统它正在使用中,从而防止系统在应用程序运行时进入休眠状态或关闭显示。像这样的东西:require'Win32API'ES_AWAYMODE_REQUIRED=0x0

  2. ruby - 如何在 buildr 项目中使用 Ruby 代码? - 2

    如何在buildr项目中使用Ruby?我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序,我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/),但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻,因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby​​

  3. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时,rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  4. ruby - 在 Ruby 中编写命令行实用程序 - 2

    我想用ruby​​编写一个小的命令行实用程序并将其作为gem分发。我知道安装后,Guard、Sass和Thor等某些gem可以从命令行自行运行。为了让gem像二进制文件一样可用,我需要在我的gemspec中指定什么。 最佳答案 Gem::Specification.newdo|s|...s.executable='name_of_executable'...endhttp://docs.rubygems.org/read/chapter/20 关于ruby-在Ruby中编写命令行实用程序

  5. ruby-on-rails - Rails 应用程序之间的通信 - 2

    我构建了两个需要相互通信和发送文件的Rails应用程序。例如,一个Rails应用程序会发送请求以查看其他应用程序数据库中的表。然后另一个应用程序将呈现该表的json并将其发回。我还希望一个应用程序将存储在其公共(public)目录中的文本文件发送到另一个应用程序的公共(public)目录。我从来没有做过这样的事情,所以我什至不知道从哪里开始。任何帮助,将不胜感激。谢谢! 最佳答案 无论Rails是什么,几乎所有Web应用程序都有您的要求,大多数现代Web应用程序都需要相互通信。但是有一个小小的理解需要你坚持下去,网站不应直接访问彼此

  6. ruby - 无法运行 Rails 2.x 应用程序 - 2

    我尝试运行2.x应用程序。我使用rvm并为此应用程序设置其他版本的ruby​​:$rvmuseree-1.8.7-head我尝试运行服务器,然后出现很多错误:$script/serverNOTE:Gem.source_indexisdeprecated,useSpecification.Itwillberemovedonorafter2011-11-01.Gem.source_indexcalledfrom/Users/serg/rails_projects_terminal/work_proj/spohelp/config/../vendor/rails/railties/lib/r

  7. ruby-on-rails - Rails 应用程序中的 Rails : How are you using application_controller. rb 是新手吗? - 2

    刚入门rails,开始慢慢理解。有人可以解释或给我一些关于在application_controller中编码的好处或时间和原因的想法吗?有哪些用例。您如何为Rails应用程序使用应用程序Controller?我不想在那里放太多代码,因为据我了解,每个请求都会调用此Controller。这是真的? 最佳答案 ApplicationController实际上是您应用程序中的每个其他Controller都将从中继承的类(尽管这不是强制性的)。我同意不要用太多代码弄乱它并保持干净整洁的态度,尽管在某些情况下ApplicationContr

  8. ruby-on-rails - 项目升级后 Pow 不会更改 ruby​​ 版本 - 2

    我在我的Rails项目中使用Pow和powifygem。现在我尝试升级我的ruby​​版本(从1.9.3到2.0.0,我使用RVM)当我切换ruby​​版本、安装所有gem依赖项时,我通过运行railss并访问localhost:3000确保该应用程序正常运行以前,我通过使用pow访问http://my_app.dev来浏览我的应用程序。升级后,由于错误Bundler::RubyVersionMismatch:YourRubyversionis1.9.3,butyourGemfilespecified2.0.0,此url不起作用我尝试过的:重新创建pow应用程序重启pow服务器更新战俘

  9. ruby-on-rails - 新 Rails 项目 : 'bundle install' can't install rails in gemfile - 2

    我已经像这样安装了一个新的Rails项目:$railsnewsite它执行并到达:bundleinstall但是当它似乎尝试安装依赖项时我得到了这个错误Gem::Ext::BuildError:ERROR:Failedtobuildgemnativeextension./System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/rubyextconf.rbcheckingforlibkern/OSAtomic.h...yescreatingMakefilemake"DESTDIR="cleanmake"DESTDIR="

  10. ruby-on-rails - 如何在我的 Rails 应用程序 View 中打印 ruby​​ 变量的内容? - 2

    我是一个Rails初学者,但我想从我的RailsView(html.haml文件)中查看Ruby变量的内容。我试图在ruby​​中打印出变量(认为它会在终端中出现),但没有得到任何结果。有什么建议吗?我知道Rails调试器,但更喜欢使用inspect来打印我的变量。 最佳答案 您可以在View中使用puts方法将信息输出到服务器控制台。您应该能够在View中的任何位置使用Haml执行以下操作:-puts@my_variable.inspect 关于ruby-on-rails-如何在我的R

随机推荐