项目描述:基于uniapp进行UI设计与代码实现。参考Apple Store,京东等平台的操作逻辑及交互设计。
主要功能及实现:
WEB端后台管理:
1. 商户批量上传以及单条修改商品数据,数据源为EXCEL表,图片压缩包等,后端解析后存入数据库
2. 跟踪客户订单,修改订单状态,订单查询,商品改价等
小程序客户端:
1. 商品报价展示,不同配置选择的产品展示
2. 前端通过直接操作数据库中的数据来保证订单生成及购物车数据与服务器端的即时更新
3. 页面间数据通信保证页面间的数据同步。支付及用户信息授权调取微信官方api。交互组件库使用uni-ui,vant,微信原生组件等
4. 为提升整体页面跳转动效及页面数据加载过慢造成的不良的用户体验,引入了路由动画、动态加载资源等策略
5. 针对不同机型适配采用动态样式的加载方案,降低非主要的样式资源加载从而提升首屏加载速度
6. 商品数据展示及按钮做了节流防抖的优化,构建mixin混合文件封装购物车图标上的徽标全局显示