竹笋

首页 » 问答 » 问答 » 这个高仿小米商城项目,拿来学习再好不过了
TUhjnbcbe - 2022/3/7 22:30:00
福建白癜风微信交流群 http://www.xianmeng.net.cn/fengshang/xinchao/870.html

作者

小海同学啊

整理

我是程序汪

今天推荐一个高仿电商项目小米商城,vue-store作者还是学生,利用寒假做的,学生就这么牛逼哄哄,佩服佩服。

项目简介

本项目前后端分离,前端基于Vue+Vue-router+Vuex+Element-ui+Axios,参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。

前端包含了11个页面:首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、购物车、订单结算页面、我的订单以及错误处理页面。

实现了商品的展示、商品分类查询、关键字搜索商品、商品详细信息展示、登录、注册、用户购物车、订单结算、用户订单、用户收藏列表以及错误处理功能。

后端采取了MVC模式,根据前端需要的数据分模块设计了相应的接口、控制层、数据持久层。后端传送地址store-server。

技术栈

前端:Vue+Vue-router+Vuex+Element-ui+Axios

后端:Node.js、Koa框架

数据库:Mysql

功能模块登录

页面使用了element-ui的Dialog实现弹出蒙版对话框的效果,登录按钮设置在App.vue根组件,通过vuex中的showLogin状态控制登录框是否显示。

1
查看完整版本: 这个高仿小米商城项目,拿来学习再好不过了