作者
小海同学啊
整理我是程序汪
今天推荐一个高仿电商项目小米商城,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状态控制登录框是否显示。