本项目利用Vue Vben Admin作为项目前端，而利用django作为后台数据管理系统，实现前后端分离。
Vue Vben Admin is a free and open source middle and back-end template. Using the latest vue3, vite2, TypeScript and other mainstream technology development, the out-of-the-box middle and back-end front-end solutions can also be used for learning reference.而django作为python网页开发利器，使用其admin管理功能可以很方便地操作数据数据库。
后端项目，请移步https://github.com/DreamingWater/VueShopStoreBack。
- State of The Art Development：Use front-end front-end technology development such as Vue3/vite2
- TypeScript: Application-level JavaScript language
- Theming: Configurable themes
- International：Built-in complete internationalization program
- Authority Built-in complete dynamic routing permission generation scheme.
- Component Multiple commonly used components are encapsulated twice
- Django 方便操作数据库，同时作为高效的网页框架，具有强大的性能。
商品平铺展示页面如下：
商品详情介绍页面如下：
购物车页面如下：
交易页面如下：
订单页面如下：
个人账户设置页面如下：
- node and git - Project development environment
- Vite - Familiar with vite features
- Vue3 - Familiar with Vue basic syntax
- TypeScript - Familiar with the basic syntax of
TypeScript - Es6+ - Familiar with es6 basic syntax
- Vue-Router-Next - Familiar with the basic use of vue-router
- Ant-Design-Vue - ui basic use
- Mock.js - mockjs basic syntax
- Document - django design source
- Get the project code
git clone https://github.com/DreamingWater/VueShopStore.git- Installation dependencies
cd VueShopStore
pnpm install
- run
pnpm serve- build
pnpm buildThe Chrome 80+ browser is recommended for local development
Support modern browsers, not IE
 IE |
Edge |
 Firefox |
 Chrome |
 Safari |
|---|---|---|---|---|
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |