小兔鲜儿Vue3.0实现了电商平台主线业务功能,电商首页、一级分类、二级分类、商品详情、购物车、结算、支付、个人中心、订单管理、订单详情。
项目采用前后端分离模式,前台使用了VUE3.0技术栈构建,自己封装的UI组件库,接入了QQ登录,支付宝支付业务,以及前端SKU解决方案,本地线上购物车解决方案
后台接口基本完毕,但是数据缺乏(分类,商品),所以会有一些本地mock数据。
采用vuex来管理购物车和用户数据,vuex的使用会淋漓尽致。
使用vue3.0来开发,所以小兔鲜儿项目,会很 鲜嫩 酸爽 。 但是会慢慢过渡。
重点难点,第三方登,商品详情,购物车,支付结算,订单管理。
绝大多数第三方UI组件,组件库不支持vue3.0,会大量自己封装和布局。有些基本样式会预制好。
已经学习完了,功能均已实现,在博客这里记录一下重点难点…
学习了做完了,已部署可访问,欢迎学习交流。自己做的项目效果如下图:
基于vue3.0的技术栈,大量的组件封装
vue3.0 (使用组合api的方式来开发)
vue-cli (项目脚手架)
axios (请求接口)
vue-router (单页路由)
vuex (状态管理)
vuex-persistedstate (vuex数据持久化)
normalize.css (初始化样式)
@vueuse/core (组合api常用工具库)
算法
dayjs (日期处理)
vee-validate (表单校验)