## 项目简介
这是一个模仿小米商城实现主要功能点的电商项目。
前端包含了 11 个页面:首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、购物车、订单结算页面、我的订单以及错误处理页面。
实现了商品的展示、商品分类查询、关键字搜索商品、商品详细信息展示、登录、注册、用户购物车、订单结算、用户订单、用户收藏列表以及错误处理功能。
后端根据前端需要的数据分模块设计了相应的接口、控制层、数据持久层。
## 技术栈
- **前端:**`Vue`+`Vue-router`+`Vuex`+`Element-ui`+`Axios`
- **后端:**`Node.js`、`Koa框架`
- **数据库:**`Mysql`、`redis`
**后端项目传送地址:[xiaomi-server](https://github.com/root-lucas/xiaomi-server)**
> 后端项目运行请 **参照说明配置** 确保已开启本地数据库`mysql、redis`服务及相应端口端口
## 功能模块
- [x] 登录
- [x] 注册
- [x] 首页
- [x] 全部商品
- [x] 商品详情页
- [x] 我的购物车
- [x] 订单结算
- [x] 我的收藏
- [x] 我的订单
## 运行项目
```
1. Clone project
git clone https://github.com/root-lucas/vue-xiaomi
2. Project setup
cd vue-store
npm install
3. Compiles and hot-reloads for development
npm run serve
4. Compiles and minifies for production
npm run build
```
> 如果觉得这个项目还不错,您可以点右上角 `Star`支持一下, 谢谢! ^\_^
## 项目页面截图
**首页**
![](https://raw.githubusercontent.com/root-lucas/vue-xiaomi/master/public/screenshots/home.png)
**全部商品**
![](https://raw.githubusercontent.com/root-lucas/vue-xiaomi/master/public/screenshots/goods.png)
**购物车**
![](https://raw.githubusercontent.com/root-lucas/vue-xiaomi/master/public/screenshots/shoppingCart.png)
**我的收藏**
![](https://raw.githubusercontent.com/root-lucas/vue-xiaomi/master/public/screenshots/collect.png)
**我的订单**
![](https://raw.githubusercontent.com/root-lucas/vue-xiaomi/master/public/screenshots/order.png)
**登录**
![](https://raw.githubusercontent.com/root-lucas/vue-xiaomi/master/public/screenshots/login.png)
**注册**
![](https://raw.githubusercontent.com/root-lucas/vue-xiaomi/master/public/screenshots/register.png)
没有合适的资源?快使用搜索试试~ 我知道了~
基于 Vue + Element UI 开发,参考小米商城,实现的电商项目-vue-xiaomi.zip
共49个文件
vue:15个
png:14个
js:9个
需积分: 0 8 下载量 30 浏览量
2023-11-04
21:40:29
上传
评论
收藏 5.02MB ZIP 举报
温馨提示
基于 Vue + Element UI 开发,参考小米商城,实现的电商项目-vue-xiaomi
资源推荐
资源详情
资源评论
收起资源包目录
基于 Vue + Element UI 开发,参考小米商城,实现的电商项目-vue-xiaomi.zip (49个子文件)
vue-xiaomi-master
.browserslistrc 30B
yarn.lock 448KB
babel.config.js 94B
.eslintrc.js 393B
src
App.vue 8KB
store
modules
user.js 682B
shoppingCart.js 5KB
index.js 257B
assets
logo.png 7KB
css
common.scss 2KB
index.scss 1KB
github-markdown.css 18KB
imgs
error.png 91KB
logo.png 6KB
us-icon.png 3KB
cart-empty.png 32KB
placeholder.png 1KB
github.png 4KB
main.js 3KB
components
MyList.vue 5KB
MyRegister.vue 6KB
MyMenu.vue 1KB
Error.vue 401B
MyLogin.vue 5KB
MyMarkdown.vue 838B
router
index.js 2KB
Global.js 650B
views
ConfirmOrder.vue 13KB
Goods.vue 8KB
Collect.vue 2KB
ShoppingCart.vue 12KB
Details.vue 11KB
Order.vue 10KB
Home.vue 8KB
About.vue 1KB
package.json 1KB
public
screenshots
shoppingCart.png 101KB
login.png 276KB
goods.png 666KB
register.png 275KB
home.png 1.48MB
shoppingCart.gif 1.73MB
order.png 196KB
collect.png 295KB
favicon.ico 4KB
index.html 613B
vue.config.js 4KB
.gitignore 239B
README.md 2KB
共 49 条
- 1
资源评论
武昌库里写JAVA
- 粉丝: 3136
- 资源: 1872
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功