700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 小兔鲜儿Vue3.0前端电商项目实战

小兔鲜儿Vue3.0前端电商项目实战

时间:2020-06-17 08:34:41

相关推荐

小兔鲜儿Vue3.0前端电商项目实战

小兔鲜儿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 (表单校验)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。