乐优商城学习

1.0 项目开发流程

　　　　

 

 2.0 系统架构

　　

 

　　 整个乐优商城可以分为两部分：后台管理系统、前台门户系统。

　　- 后台系统主要包含以下功能：
    　　- 商品管理，包括商品分类、品牌、商品规格等信息的管理
   　　 - 销售管理，包括订单统计、订单退款处理、促销活动生成等
   　　 - 用户管理，包括用户控制、冻结、解锁等
   　　 - 权限管理，整个网站的权限控制，采用JWT鉴权方案，对用户及API进行权限控制
   　　 - 统计，各种数据的统计分析展示
 　　 - 后台系统会采用前后端分离开发，而且整个后台管理系统会使用Vue.js框架搭建出单页应用（SPA）。

　　

 

 

　

　 - 前台门户面向的是客户，包含与客户交互的一切功能。例如：
  　　  - 搜索商品
  　　  - 加入购物车
   　　 - 下单
   　　 - 评价商品等等
 　　 - 前台系统我们会使用Thymeleaf模板引擎技术来完成页面开发。出于SEO优化的考虑，我们将不采用单页应用。

 

　　

 

无论是前台还是后台系统，都共享相同的微服务集群，包括：

　　- 商品微服务：商品及商品分类、品牌、库存等的服务
　　- 搜索微服务：实现搜索功能
　　- 订单微服务：实现订单相关
　　- 购物车微服务：实现购物车相关功能
　　- 用户中心：用户的登录注册等功能
　　- Eureka注册中心
　　- Zuul网关服务
　　- Spring Cloud Config配置中心
　　- ...

 

3.0 项目工程搭建

 

 3.1.技术选型

前端技术：

　　- 基础的HTML、CSS、JavaScript（基于ES6标准）
　　- JQuery
　　- Vue.js 2.0以及基于Vue的框架：Vuetify
　　- 前端构建工具：WebPack
　　- 前端安装包工具：NPM
　　- Vue脚手架：Vue-cli
　　- Vue路由：vue-router
　　- ajax框架：axios
　　- 基于Vue的富文本框架：quill-editor

后端技术：

　　- 基础的SpringMVC、Spring 5.0和MyBatis3
　　- Spring Boot 2.0.1版本
　　- Spring Cloud 最新版 Finchley.RC1
　　- Redis-4.0
　　- RabbitMQ-3.4
　　- Elasticsearch-5.6.8
　　- nginx-1.10.2：
　　- FastDFS - 5.0.8
　　- MyCat
　　- Thymeleaf

3.2.开发环境

为了保证开发环境的统一，每个人都按照环境来配置：

　　- IDE：我们使用Idea 2017.3 版本
　　- JDK：统一使用JDK1.8
　　- 项目构建：maven3.3.9以上版本即可
　　- 版本控制工具：git

3.3.域名

　　我们在开发的过程中，为了保证以后的生产、测试环境统一。尽量都采用域名来访问项目。

　　一级域名：www.leyou.com

　　二级域名：manage.leyou.com , api.leyou.com

　　我们可以通过switchhost工具来修改自己的host对应的地址，只要把这些域名指向127.0.0.1，那么跟你用localhost的效果是完全一样的。

3.4 后台管理前台工程搭建

　　3.4.1 webpack

　　　　

 

 

　　

 

 　　　　vue-cli 　　　　 npm install -g vue-cli　　

　　　　cd vue-cli-demo　　vue init webpack　　y  回车 回车 回车 y n n n 回车

　　　　

 

 　　　　npm run dev

 手动搭建maven父工程

 搭建eureka注册中心

 搭建zuul网关

 搭建业务项目，例如商品工程