# XD-Mall
基于VUE开发的电商项目
node + express + mysql 实现后台数据管理
# com-wxbdhcm 为vue-cli文件 
# clone the project
git clone https://github.com/wxbdhcm/XD-Mall

# enter the project directory
cd vue-element-admin

# install dependency
npm install

# develop
npm run serve

# express 运行 
npm start || nodemon start

![image](https://user-images.githubusercontent.com/76027501/123036410-a7400f00-d41f-11eb-8472-513f990116ac.png)
![image](https://user-images.githubusercontent.com/76027501/123036488-c50d7400-d41f-11eb-81f7-a588a9d6f1ee.png)
![image](https://user-images.githubusercontent.com/76027501/123036595-ea01e700-d41f-11eb-9829-f06ec067dd93.png)
![image](https://user-images.githubusercontent.com/76027501/123036657-fc7c2080-d41f-11eb-95df-34d4f0ad5e15.png)
![image](https://user-images.githubusercontent.com/76027501/123036698-0c940000-d420-11eb-95e5-67508b1806c4.png)
# 新创用户地址到数据库
![image](https://user-images.githubusercontent.com/76027501/123036754-22a1c080-d420-11eb-9be8-24ae77391c7e.png)
![image](https://user-images.githubusercontent.com/76027501/123037070-a065cc00-d420-11eb-8115-21b9cba75746.png)

# 后台管理
![image](https://user-images.githubusercontent.com/76027501/123036775-2cc3bf00-d420-11eb-8dec-0cf515168dfe.png)
![image](https://user-images.githubusercontent.com/76027501/123036847-46650680-d420-11eb-8fac-4f2a4b3349b5.png)

# 购物车
![image](https://user-images.githubusercontent.com/76027501/123036949-73b1b480-d420-11eb-890e-c9780f71f289.png)
![image](https://user-images.githubusercontent.com/76027501/123036861-4a912400-d420-11eb-87e9-bf7cadbcbb04.png)
# 提交订单
![image](https://user-images.githubusercontent.com/76027501/123036906-5e3c8a80-d420-11eb-81d2-776fa8fadc86.png)
![image](https://user-images.githubusercontent.com/76027501/123036996-84622a80-d420-11eb-85da-0572a49b5216.png)
![image](https://user-images.githubusercontent.com/76027501/123037138-b8d5e680-d420-11eb-888a-3e9c5e441075.png)
# 路由守卫、axios拦截器：
![image](https://user-images.githubusercontent.com/76027501/123037261-ee7acf80-d420-11eb-9ed2-448c6d321e17.png)
# 用户注册：
![image](https://user-images.githubusercontent.com/76027501/123037318-0e11f800-d421-11eb-94f8-28d536043bf2.png)
# 更换头像：
![image](https://user-images.githubusercontent.com/76027501/123037357-1ec26e00-d421-11eb-98b4-6c294700e079.png)
# 切换登录：
![image](https://user-images.githubusercontent.com/76027501/123037396-31d53e00-d421-11eb-9cc3-6673770458b4.png)
删除商品、 订单、用户等
