github地址：github.com/932361223/M…
由于暂时没有实现注册页面 先提供一个测试账号： 用户名:zenon 密码:zenon
该项目是对小米商城系统的模仿，实现了从浏览商品到结算商品的整个过程，其中包括了商品列表、根据价格筛选商品、对商品 排序、登录、加入购物车、结算等功能 前台使用vue-cli构建了请求服务器，使用了Vue框架，还使用了vue-router、axios、Vuex、element ui、qrcode等
商城的页面流程：
商城组件部分 :
知识图谱：
一、项目基础架构
可搭建一个通用性的前端架构，内容涵盖跨域方案、路由封装、错误拦截等。
二、商城首页
首页各个组件的静态代码实现，并实现了图片懒加载插件集成和Modal动画实现。
三、登录页面
登录页面交互和接口完整代码实现。
四、Vuex集成
Vuex插件的入门和实战应用。
五、产品站页面
产品站页面吸顶组件、参数组件、视频模块以及Slide动画等实现。
六、商品详情页面
商品详情交互接口实现。
七、购物车页面
购物车头部组件以及购物车所有功能的动态交互实现。
八、ElementUI集成
ElementUI框架在实战集成运用。
九、订单确认页面
订单确认页面中部分静态模块实现以及接口功能实现。
十、订单支付
订单结算交互实现，同时包含微信支付和支付宝支付同后台对接。
十一、订单列表
订单列表的数据渲染和分页功能实现。
接下来，给大家看一下此次商城的界面展示：
首页：
登录界面：帐号 zenon 密码 zenon
产品站：
商品详情:
购物车：
订单确认：
订单支付：微信支付
订单支付：支付宝支付
订单列表：
以上是整个商城的所有页面介绍，内容非常多，从页面开发到交互最后都接口对接，一应俱全。
