hackerjz2023年05月31日
161阅读
所属分类零售电商

作品详情

项目描述:
本项目是一个前后端分离的在线销售鲜花项目,包括首页、鲜花搜索、鲜花详情、购物车、订单交易/结算、支付、用户登陆/注册、个人中心/订单列表等模块。采用模块化、组件化、工程化
的模式开发。
责任描述:1. 负责 PC 端的登录/注册、购物车和支付功能;
2. 负责移动端的商品分类和商品详情模块功能;
3. 负责订单模块的收获地址功能。
技术栈: PC 端使用 Vue2、Vue-router3、Vuex3、ElementUI、Webpack、Axios、Css。
移动端使用 Vue3、TypeScript、Pinia、Vue-Router4、VantUI、Less、Axios、Vite。
技术描述:
1. 使用 ElementUI 搭建静态页面,并按需引入;
2. 利用 uuid 和 localStorage 设置临时用户唯一标识(tempId),实现未登录态的购物车数据
展示及其相关操作;
3. 借用 qrcode 包生成支付二维码,使用 MessageBox 模态对话框组件实现了弹窗展示支付二维码及相关信息;
4. 使用一个轮询机制异步请求,实现支付成功与否的状态判断;
5. 通过 Mock 模拟数据解决后台接口没有写好的情况;
6. 通过路由前置导航守卫(beforeEach)控制路由跳转并实现用户自动登录;
7. 通过选项卡组件(Tab)实现横向滚动,并在不同的内容区域之间进行切换;
8. 采用 gis 实现订单页收货地址的精确定位;
9. Axios 的二次封装和使用 Nprogress 添加进度条;
10. 使用节流技术实现详情页鼠标划过图片的放大镜效果;
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论