Vue商城实战项目：高仿京东，包含后台管理系统
项目简介
本项目是一个基于Vue3 + Vite + Typescript开发的商城实战项目，旨在帮助开发者学习和掌握Vue3及其相关技术栈。项目包括商城前台和后台管理系统，可以作为一个Vue学习项目使用。商城前台实现了首页、商品详情、购物车、订单中心四个页面，后台管理系统实现了概览页、商品列表、订单列表、商品添加四个页面。
技术栈
- Vue3
- Vite
- Typescript
- Less
- Vue Router
- Pinia
- Axios
- Element Plus
- ECharts
- Mockjs
功能模块
商城前台
- 商城首页
- 商品详情
- 购物车
- 订单中心
后台管理系统
- 概览页
- 商品列表
- 订单列表
- 商品上传
项目依赖
项目依赖包括但不限于以下库：
- Vue
- Vue Router
- Pinia
- Axios
- Element Plus
- ECharts
- Mockjs
源码下载
本项目为练手学习项目，仅实现了部分页面，细节有待完善。最近根据大家反馈，对源码进行了翻新整理，请下载源码后查阅release-notes.txt即可。
运行项目
- 下载源码后，确保Node版本为v14.18.2。
- 运行
npm install安装依赖。 - 运行
npm run dev启动项目。
注意事项
- 项目中使用了Typescript和Less，简化了CSS样式写法。
- Element Plus是当前市面上使用的最广泛Vue3 UI框架，但实际生产项目中仍需慎重选择。
- ECharts用于后台管理系统的图表开发。
- Pinia用于Vue组件之间的状态管理，相比Vuex更加简单。
贡献
欢迎大家提出改进建议和贡献代码，共同完善本项目。