票据小程序项目总结
发表时间:2020-10-19
发布人:葵宇科技
浏览次数:44
这可以算是第二次做小程序吧。
使用:uniapp 、uview
工具:HbuilderX
遇到的问题:
uniapp写小程序真的太多坑了。
- 使用vue 中的 watch 不生效。
刚开始用的时候,一直不生效,以为是自己代码写错了,找了很久。然后上百度才知道是uniapp本身的问题。 - 数据更新和视图渲染问题
在子组件更新父组件数据时需要调用 $foreceUpdate() 方法进行强制更新,还有调用页面栈,更改前一页面数据时也要调用进行强制更新。 - 引入组件库问题
引入组件库代码没错,却一直使用不了还报错。然后重启一下项目就又可以了。(果然重启可以解决一半问题)
还有一些小问题就不一一举例了。
收获
- 因为这次做的是小程序,更加强调用户体验。基本在每个请求都会有提示信息,增强用户的交互感。
- 还有这次小程序因为是票据方面的,所以会有许多表单。表单校验就写了很多,用了比较多的表单校验方法。例如中文名字校验,纯数字校验等等。
- 接口对接方面
知道在和后端沟通接口错误时,应该提供哪些信息给后端判断接口情况
接口文档的使用和查看 - 使用coding管理项目,并将发现的bug在上面整理成列表,然后一个个debug完后再测试。
- 文件分类和组件分类
文件分类,根据文件的不同功能进行分类,例如
service:接口封装
utils:工具函数
component:复用组件
pages:页面文件夹 再根据功能模块进行进一步分类
assets:静态资源:图片、全局css等 - 命名:英文直译、BEM命名规则
- put,delete请求方法的使用
- 函数功能注释,数据注释,关键代码注释
- 小程序审核和发布(其实百度一下就可以了)
总结
总的来说算是一次对uniapp的一次熟悉使用,踩踩坑。也学会了很多前端的代码规范和对接方面的经验。就这了!!!