基于uniapp的测土配方施肥小程序

199 阅读1分钟

技术栈:uni-app、微信小程序、vant UI、Less

项目描述:小程序具有首页通知、查看相关活动信息;优惠券领取、查看券包;增删改查农场信息;下单、支付订单、采土打卡、配送选择、查看检测配方单及咨询客服等众多功能。项目持续四周,其中开发及优化历时三周,最终通过代码验收成功交付。

责任描述:负责小程序UI设计和开发,从项目的需求分析到2.0优化及服务器部署和小程序上线一直跟进,协助后台开发人员使用若依框架开发后台管理系统,使用gitLab进行项目管理,见证项目落地。参与了需求说明书、SOW的制作和两次验收演示。

技术亮点:

  1. 主要基于HBuilder X进行uni-app开发;
  2. 使用vant UI及uni-ui并修改部分组件底层样式代码实现UI设计稿中的多种页面效果;
  3. 使用uni和微信API并自定义接口组件进行前后端接口对接,实现业务逻辑功能;
  4. 解决难点——头像、采土图片的服务器上传和服务器获取;
  5. 用户体验优化:容错——表单校验、使用Vuex.Store判断登录状态,非登录状态进行提醒并不予进行操作;性能优化——资源部署服务器、分包优化、懒加载。

项目演示地址:www.bilibili.com/video/BV11H… image.png