票据小程序项目总结 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

票据小程序项目总结

发表时间:2020-10-19

发布人:葵宇科技

浏览次数:32

这可以算是第二次做小程序吧。
使用:uniapp 、uview
工具:HbuilderX

遇到的问题:

uniapp写小程序真的太多坑了。

  1. 使用vue 中的 watch 不生效。
    刚开始用的时候,一直不生效,以为是自己代码写错了,找了很久。然后上百度才知道是uniapp本身的问题。
  2. 数据更新和视图渲染问题
    在子组件更新父组件数据时需要调用 $foreceUpdate() 方法进行强制更新,还有调用页面栈,更改前一页面数据时也要调用进行强制更新。
  3. 引入组件库问题
    引入组件库代码没错,却一直使用不了还报错。然后重启一下项目就又可以了。(果然重启可以解决一半问题)
    还有一些小问题就不一一举例了。

收获

  1. 因为这次做的是小程序,更加强调用户体验。基本在每个请求都会有提示信息,增强用户的交互感。
  2. 还有这次小程序因为是票据方面的,所以会有许多表单。表单校验就写了很多,用了比较多的表单校验方法。例如中文名字校验,纯数字校验等等。
  3. 接口对接方面
    知道在和后端沟通接口错误时,应该提供哪些信息给后端判断接口情况
    接口文档的使用和查看
  4. 使用coding管理项目,并将发现的bug在上面整理成列表,然后一个个debug完后再测试。
  5. 文件分类和组件分类
    文件分类,根据文件的不同功能进行分类,例如
    service:接口封装
    utils:工具函数
    component:复用组件
    pages:页面文件夹 再根据功能模块进行进一步分类
    assets:静态资源:图片、全局css等
  6. 命名:英文直译、BEM命名规则
  7. put,delete请求方法的使用
  8. 函数功能注释,数据注释,关键代码注释
  9. 小程序审核和发布(其实百度一下就可以了)

总结

总的来说算是一次对uniapp的一次熟悉使用,踩踩坑。也学会了很多前端的代码规范和对接方面的经验。就这了!!!

相关案例查看更多