项目描述:该系统是商城小程序端,用户通过小程序购买商品,模块主要有首页,购物车,边民中心三部分,在首页主要展示分类后的商品等,购物车主要展示预购买的商品,边民中心页面主要展示边民的基本信息及其订单等。
技术栈:uni-app;
项目要点:
(1)全局 json 文件配置导航页面,对普通页面进行分包管理,小程序打包体积优化;
(2)使用 swiper 和 scrpll-view 合并封装实现滑动切页;
(3)使用 chooseImage 和 previewImage 结合实现添加图片并放大滑动查看;
(4)运用 getProvider 和 requestPayment 结合完成不同的支付方式;
(5)运用 onPullDownRefresh 和 onReachBottom 实现列表的刷新的加载更多;
(6)使用 storage 存储数据以实现搜索记录功能;
项目描述:该系统是商城管理系统,系统主要有用户管理,订单管理,店铺管理,商品管理等,在首页可以看到对商城运营运维数据进行可视化数据展示,用户管理主要是对用户基本信息进行展示以及操作验证,订单管理主要是商品订单列表,涉及到订单的状态以及对应提交
的时间等。
技术栈:vue3+Pinia+Element UI+Axios+JavaScript;
项目要点:
(1)利用 vue-router 实现路由配置,状态管理,重定向;
(2)添加请求拦截和相应拦截对 axios 二次封装,封装成可复用的 hooks 完成数据交互;
(3)利用全局前置守卫(router.beforeEach)校验 token 实现登录权限判断;
(4)运用父子间通信、ref、v-model、Vuex 等通信技术进行数据传递;
(5)封装导航栏三级联动,分页器、轮播图等高复用组件,减少代码冗余;