微信小程序开发大赛经验总结
微信小程序开发大赛经验总结
直接上项目什么的,太肤浅了。
看看可能可以避过很多的不用走的坑哦!
个人经历
最近也是在做微信小程序,玩一玩。
我的微信小程序创造路程可谓是艰辛。我从大一下就开始独自开发,那时就简单的确定了一个小方向,主要是那时的我挺迷茫的,不知道干什么,于是就玩玩小程序,从前端到后端。然后后来组到了两个队友,一个队友可以搞美观艺术方面的,另一个来测试,体验。
然后就开始通过看视频来边学边做,那时看的是一个叫学堂在线的教学视频。就边看边做吧。做了一些很基础的功能,登录啊注册什么的。那时跟着视频是用以下几款软件:
sublime写后端php代码的
phpstudy用来连接数据库的
postman用来测试前后端交互的
当然少不了微信开发者工具啦
这些软件全部都是开源的,上个官网都能下载,安装有问题直接上网搜。
当然你们也可以使用其它的开发工具。
== 注意:这是需要自己购买服务器,配置后台的(要用微信小程序云开发的话就使用微信开发者工具)==
然后就做,到了大二上的时候,发现了微信小程序云开发。然后我的小程序就进行了大改(毕竟白嫖的香嘛)
!!这里告诉我们做一件事之前,一定要做足充分的准备!!
到了今年,微信小程序大赛开始了,规定了主题方向:乡村振兴。看到这,我突然觉得之前做的白做了。但还好,还是可以做其它主题的,只是。。。。
还有一个重点:决定要参加微信小程序大赛的小伙伴一定要加群(尽量别开免打扰),群主老师会时不时发送重要的信息。同时也要关注公众号,时刻关注平台信息。
好了,说了这么多废话了,开始正题:
问题以及坑
快捷键冲突:
sublime中php半全角
我记得我使用sublime的时候,我电脑系统有个快捷键是ctrl+d是切换半全角的按键。
而sublime中ctrl+d是选中某一行的某些字符后,然后进行批量处理(如删除、修改)的快捷键。这两个在使用的时候就出现了一些问题。于是在sublime上编写代码时输入格式就出问题。它会直接报错。于是乎这个半全角的问题花我了一整天才找出来。
用小程序云开发:
首先,确定方向。当然一些没有新意的主题很难会获奖。除法小程序真的做得很精美。
这种方向要你们自己发掘。我就觉得我的选题很一般,当然我也是玩玩的。
开通云开发服务的话,要注意选择付费的套餐。
这里要白嫖的话:可以选按量(这样一般不会扣钱,除非大量的用户或进行调试访问数据库)
但是最近有微信小程序云开发好像变贵了,意思就是好像不能白嫖了。
这里的操作可以上网找,很多教程的。
页标题无法正常显示:
正常来说我们只要在对应页面的json中设置
"navigationBarTitleText": "招募广场",
这样就行,但有些情况它会显示app.json中的标题名字如:尚
"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#87CEFA","navigationBarTitleText": "尚","navigationBarTextStyle":"black"},
这里一般有两种情况:没添加or路径不对
没添加是指pages的路径没添加:
第二种是路径不对:就是包的问题,这里所有的子包都应该放在pages包中。
同时也要看看有没有文件名是重名的。
重名的情况应该不会发生的,因为会报错。
微信小程序云开发之多属性(条件)搜索查找
在微信开发者文档中有查找单个属性的
点击跳转查找单个属性where语句
下面是我花尽各种途径找到的多属性查找(和sql差不多)
const _ = db.commanddb.collection("messages").where(_.or([{_openid:_.neq(wx.getStorageSync('openid')),racename: db.RegExp({regexp: that.data.racename,options: 'i',})},{_openid:_.neq(wx.getStorageSync('openid')),schoolname: db.RegExp({regexp: that.data.schoolname,options: 'i',})},])).get({//内容自己补充。。。。})
这里是我在messages数据库中找racename为that.data.racename或者schoolname为that.data.schoolname的同时操作者除外的信息(neq)
云开发数据库访问失败问题:
一,update时openid一定要真实存在
db.collection("experiences").where({_openid: "XXXX",_id: that.data.id,}).update({ data: {content:that.data.detail,},success: function(res) {console.log("成功", res);}})
XXXX在数据库里一定要有记录才能访问得到。
点赞留言功能因权限问题不能让别人写
这种解决方法用两种:
二,数据库配置问题:
要打开这种权限,可以参考这篇文章:
点击跳转数据库配置问题解决方法
三,要使用云开发函数(点赞,收藏,评论等某些需要用户实现的功能)
所以呢这里就要创建云函数,自行上网查找。
其实吧,一开始写可以先不创建云函数,写完代码后创建云函数也只是cv的操作,都是可以实现的。
注意:最好做完一个功能,就测试这个功能
包括开发者和用户方面的测试。不用想当然写多少就多少,当时候测试就会很麻烦。
注意:一定要看开发者文档
建议先自己看微信开发者文档写 不要直接搜网上的,当然有时网上也有很棒的,但一遇到问题就寄了。要是寄了的时候才看文档,会改很多的。
美观
不要过多使用背景图片,会感觉很花,一两个页面有就行,其它的最好还是进行简化。毕竟谁不喜欢简洁的小程序。
ui设计时优先级问题:就学一下html标签,很快看懂的。
高级一点的呢就学一下css的动画,这样界面会更好看一些。
要是想要小程序页面多姿多彩的童鞋可以参考这个宝藏博客:
点击跳转大佬的博客
细节问题
这个部分要考虑用户体验,我这里就举几个小细节:
1.回到顶部
微信小程序页面大小有限,一页塞不下,会通过滑动来加载更多内容,这样回到顶部就很重要了。
2.向上刷新,向下加载更多
一般的app都会有这种功能的。
3.图标太多,难一下加载完毕
这里可以修改跳转时间,先加载再呈现,或者压缩图标什么的。
4.各种授权
说明清楚,那审核的时候就更容易成功了。
5.页面跳转问题
自己体验就知道要用什么跳转了。
6.在哪个软件上敲代码都要进行备份
万一越改越错,就很难找回来了。
我的话就直接复制一份同样的代码保存。
介绍文档以及演示视频
这个可以自行查找网上案例,或者到群里后期会有模板发出来。
审核十分严格
不是说针对微信小程序官方啊,
当然也要理解一下微信小程序,毕竟要是谁都任意发布小程序得话,确实会比较乱。正所谓:无方圆不成规矩
体谅一下,不行的话就多审核。
还可以上微信开发者社区找贴或发帖进行询问。(很快回复的)
当然微信小程序大赛也可以提交体验版的(会有所扣分,因为体验者有限,用户数量会不足)
反正在这个过程中还是学到了很多。
微信小程序开发大赛经验总结相关推荐
- 2019高校微信小程序开发大赛获奖作品——《brain头脑智序》
目录 前言 交互流程说明图 我的任务 登录授权(login) 首页(tababr分析) 房间准备区(preparing) 便签编辑区 最终方案选择(房主权限) 会议报告页面(report) 前言 今年 ...
- 2020年高校微信小程序开发大赛全国三等奖——《重邮指路牌》
文章目录 前言 证书 比赛流程回顾 开发小程序阶段 提交项目策划书阶段 线上答辩阶段 前言 今年疫情期间由于闲来无事就自学微信小程序并报名5月份的高校微信小程序开发大赛,一方面是锻炼开发能力,一方面是 ...
- @你:Next Idea微信小程序开发大赛启动
灯可以怎么省油? 明朝人有钱到什么程度? 古人没有冰箱,怎么存放食物? 越王勾践剑为什么会出现在楚墓中? -- 对历史,我们总存在多多少少的疑问,<国家宝藏><上新了故宫>等节 ...
- 微信小程序开发 项目经验总结02
微信小程序开发 项目经验总结02 总结 button设置登录授权 小程序:授权.登录.session_key.unionId 做网络请求: wx.request({url: '***',success ...
- [干货教程]仿网易云课堂微信小程序开发实战经验
本篇文章想跟大家分享下:我们公司"湖北诚万兴科技"最近刚帮客户定制开发.目前已上线的"哎咆课堂"微信小程序的开发经验分享.首先大概介绍下这个小程序所涉及到的主要 ...
- ready等方法 微信小程序_微信小程序开发一些经验
对于微信小程序开发入门,还是比较简单的,只需要具备基本的css+js知识就可以了,成本比较低. 写了小程序和RN之后,有一种原生很笨重的感觉,就是小程序或者是RN等这些新的开发方式在效率上面真的有比较 ...
- 微信小程序开发BUG经验总结
摘要: 常见的微信小程序BUG! 小程序开发越来越热,开发中遇到各种各样的bug,在此总结了一些比较容易掉进去的坑分享给大家. 1. new Date跨平台兼容性问题 在Andriod使用new Da ...
- 微信小程序开发收藏经验(一)
收集了一些小程序开发中常用到的知识点,记录一下.(请各位大佬指正,萌新一名) 导航栏标题 与iOS开发很相似,小程序的导航栏也可以全局设置一下,在公共文件app.json中设置了导航栏相关样式如下: ...
- 微信小程序开发初试实例结算小助手
微信小程序开发初试实例结算小助手 小程序码 创作背景 小程序功能 小程序实现 小程序开发方案(想看源代码,直接看这一项) 本着自己参加过学校组织的微信小程序云开发培训,就抱着尝试的心理去参加今年的高校 ...
最新文章
- 【每日训练】2020/11/8(规律 + 二进制、单调栈 + 前缀和,后缀和、bitset + 枚举)
- 【c语言】蓝桥杯算法训练 斜率计算
- hdu 3449 Consumer 01背包
- iOS - 让view触发点击事件
- openresty开发系列29--openresty中发起http请求
- 单核工作法9:消减待办任务
- 2019.4.1 数据库连接池
- 单调栈之Next Greater Number
- 软件开发的生命周期描述
- c++折线平移算法_RSA笔记-蒙哥马利算法(1)
- Unable to start ServletWebServerApplicationContext due to missing ServletWebServerFactory bean 解决方案
- 超分辨率算法大战!AI in RTC 创新挑战赛——20万巨奖等你来拿!
- 新法案下 苹果或被禁止在设备上预装自家应用
- activiti中的查询sql
- selenium设置文件下载路径
- 压缩包伪装-阿里网盘禁止分享解决方案\更新日志
- 2021年学web前端需要什么学历?
- nodejs.ReferenceError:window is not defined
- 5s注销了id新建id服务器出错,iphone5s手机如何重新设置苹果id账户
- 7年测试工程师,裸辞掉17K的工作,想跳槽找更好的,还是太高估自己了....
热门文章
- c++安全编写对象池中文版
- 12306 原因:系统繁忙,请稍后重试!
- npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolve dependency
- NTS-Net论文思想
- 问题一:操作系统是什么?你知道哪些操作系统?怎么看自己的操作系统?电脑上怎么找到环境变量?问题二:Java开发工具还有哪些?问题三:软件公司有哪些?
- 中国的教育缺少什么?
- 结合机械原理的现代少儿编程教育
- c++ switch语句
- Must specify port after ':' in connection string问题
- C语言 按照指定位数将十进制转换成二进制