vue 高仿小米商城本项目前后端分离,前端基于Vue+Vuex+Element+Axios。后端基于Node.js+Mysql实现。
01
—
前端框架
技术上采用了目前比较流行的技术框架,主要包含:Vue、Vuex、Element、Axios等技术框架集成。具体详见《源码》。前端包含了11个页面:首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、购物车、订单结算页面、我的订单以及错误处理页面。实现了商品的展示、商品分类查询、关键字搜索商品、商品详细信息展示、登录、注册、用户购物车、订单结算、用户订单、用户收藏列表以及错误处理功能。
02
—
使用方法
前端使用方法:
1.源码
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
03
—
后端框架
技术上采用了目前比较流行的技术框架,基于Node.js(Koa)实现的电商后端项目。具体详见《源码》。后端采取了MVC模式,根据前端需要的数据分模块设计了相应的接口、控制层、数据持久层。数据库采用:mysql
04
—
使用方法
后端使用方法:
1. 源码
2. Project setup cd store-server npm install 3. Run project node app.js
05
—
系统截图
功能包含:首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、购物车、订单结算页面、我的订单以及错误处理页面。