Vue3 全家桶 + Vant 搭建大型单页面商城项目,新蜂商城 Vue3.2 版本,技术栈为 Vue3.2 + Vue-Router4.x + Pinia + Vant4.x。
newbee-mall-vue3-app 在 GitHub 和国内的码云都创建了代码仓库,如果有人访问 GitHub 比较慢的话,建议在 Gitee 上查看该项目,两个仓库会保持同步更新。
- 开篇词:手把手带你搭建Vue3+Spring Boot大型前后端分离项目
- 项目须知和课程约定
- 2023年2月小册全新优化升级
- 全栈开发!你必须要知道的“前后端分离”
- 前端模块化的发展历史
- 传统页面和单页面的权衡与抉择
- 准备工作及基础环境搭建(后端)
- Spring Boot 项目初体验--项目搭建及启动
- 项目编码简化利器!Spring Boot 整合 Lombok
- Lombok 插件问题处理
- 商城后端项目启动和运行注意事项
- VSCode 的相关配置及插件介绍
- 基础篇:Vue 指令
- Vue3 新特性介绍
- 基础篇: CSS 预处理工具Less的介绍及使用
- 脚手架工具 Vite
- Vue-Router 浅析原理及使用
- 全局状态管理插件 Pinia 简介及使用
- 商城前端 H5 开发环境搭建及项目启动
- 前后端交互文档利器!Spring Boot 整合 Swagger
- 接口参数处理和统一响应结果
- 口设计规范及接口调用实践
- 商城开发实战-用户登录接口开发
- 商城开发实战-用户身份认证详解
- 商城开发实战-首页模块接口开发
- 商城开发实战-分类模块接口开发
- 商城开发实战-商品搜索模块接口开发
- 商城开发实战-购物车模块接口开发
- 商城开发实战-个人信息及收货地址接口开发
- 商城开发实战-下单流程接口开发
- 商城开发实战-订单处理流程详解
- 商城移动端开发实战-新蜂商城底部导航(抽离公共组件)
- 商城移动端开发实战-新蜂商城登录注册页(前端鉴权)
- 商城移动端开发实战-商城首页制作(轮播图、首页商品列表)
- 商城移动端开发实战-商品分类页面制作(better-scrol的介绍及使用)
- 商城移动端开发实战-商品列表页面制作(无限滚动加载)
- 商城移动端开发实战-商品详情页面制作(Pinia 购物车数量全局管理)
- 商城移动端开发实战-商城购物车页面制作(购物车页)
- 商城移动端开发实战-确认订单页面制作
- 商城移动端开发实战-地址栏管理页面制作
- 商城移动端开发实战-我的订单页面制作
- 常见问题汇总讲解
大家有任何问题或者建议都可以在 issues 中反馈给我,我会慢慢完善这个项目。
- 我的邮箱:2449207463@qq.com
- QQ技术交流群:932227898 552142710
关注公众号:程序员十三,回复"勾搭"进群交流。
本系统已申请软件著作权,受国家版权局知识产权以及国家计算机软件著作权保护!
以下为新蜂商城 Vue3 版本的页面预览:
- 登录页
- 首页
- 商品搜索
- 商品详情页
- 购物车
- 生成订单
- 地址管理
- 订单列表
- 订单详情











