项目总结之小米商城(1)

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

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

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

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

小米商城的技术栈:(1)封装的Api

                                 (2)vuex

                                  (3)登录鉴权

                                   (4)全局变量

                                    (5)axios请求拦截

                                      (6)element-ui

首先看一下它的首页:

项目总结之小米商城(1)_第1张图片

整体看出有以下几个模块

1.(1)首页:

   (2)全部商品:

   (3)关于我们:

2.(1)登录/注册/以及显示登陆成功后的用户名

3.(1)我的订单:

   (2)我的收藏:

   (3)购物车:

4.搜索商品

5.布局

以下技术点看下一篇

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(vue)