博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
电商设计1
阅读量:6046 次
发布时间:2019-06-20

本文共 12988 字,大约阅读时间需要 43 分钟。

项目开发流程

项目经理:管人

产品经理:设计需求原型

测试:

前端:大前端。node

后端:

移动端:

项目开发流程图:

2.商城介绍

 

2.1.项目介绍

  • 商城是一个母婴类的电商购物网站(B2B)。

  • 用户可以在线购买商品、加入购物车、下单、秒杀商品

  • 可以评论已购买商品

  • 管理员可以在后台管理商品的上下架、促销活动

  • 管理员可以监控商品销售状况

  • 客服可以在后台处理退款操作

  • 希望未来3到5年可以支持千万用户的使用

 

2.2.系统架构

2.2.1.架构图

2.2.2.系统架构解读

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

  • 后台管理:

    • 后台系统主要包含以下功能:

      • 商品管理,包括商品分类、品牌、商品规格等信息的管理

      • 销售管理,包括订单统计、订单退款处理、促销活动生成等

      • 用户管理,包括用户控制、冻结、解锁等

      • 权限管理,整个网站的权限控制,采用JWT鉴权方案,对用户及API进行权限控制

      • 统计,各种数据的统计分析展示

    • 后台系统会采用前后端分离开发,而且整个后台管理系统会使用Vue.js框架搭建出单页应用(SPA)。

       

前台门户

  • 前台门户面向的是客户,包含与客户交互的一切功能。例如:

    • 搜索商品

    • 加入购物车

    • 下单

    • 评价商品等等

  • 前台系统我们会使用Thymeleaf模板引擎技术来完成页面开发。出于SEO优化的考虑,我们将不采用单页应用。

 

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

  • 商品微服务:商品及商品分类、品牌、库存等的服务

  • 搜索微服务:实现搜索功能

  • 订单微服务:实现订单相关

  • 购物车微服务:实现购物车相关功能

  • 用户中心:用户的登录注册等功能

  • Eureka注册中心

  • Zuul网关服务

  • Spring Cloud Config配置中心

 

3.项目搭建

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.aiyingshi.com

二级域名:manage.aiyingshi.com , api.aiyingshi.com

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

 

3.4.创建父工程

创建统一的父工程:aiyingshi,用来管理依赖及其版本,注意是创建project,而不是moudle

填写项目信息:

注意:

父工程不需要代码,只是管理依赖,因此我们不选择任何SpringCloud的依赖

跳过依赖选择。

 

填写保存的位置信息:

然后将pom文件修改成我这个样子:

4.0.0
com.aiyingshi.parent
aiyingshi
1.0.0-SNAPSHOT
pom
leyou
Demo project for Spring Boot
org.springframework.boot
spring-boot-starter-parent
2.0.1.RELEASE
UTF-8
UTF-8
1.8
Finchley.RC1
1.3.2
2.0.2
1.1.9
5.1.32
1.2.3
1.0.0-SNAPSHOT
1.26.1-RELEASE
org.springframework.cloud
spring-cloud-dependencies
${spring-cloud.version}
pom
import
org.mybatis.spring.boot
mybatis-spring-boot-starter
${mybatis.starter.version}
tk.mybatis
mapper-spring-boot-starter
${mapper.starter.version}
com.github.pagehelper
pagehelper-spring-boot-starter
${pageHelper.starter.version}
mysql
mysql-connector-java
${mysql.version}
com.github.tobato
fastdfs-client
${fastDFS.client.version}
org.springframework.boot
spring-boot-maven-plugin
spring-milestones
Spring Milestones
https://repo.spring.io/milestone
false

可以发现,我们在父工程中引入了SpringCloud等很多以后需要用到的依赖,以后创建的子工程就不需要自己引入了。

 

最后,删除自动生成的LeyouApplication启动类、测试类以及application.properties文件,我们不需要。

3.5.创建EurekaServer

3.5.1.创建工程

我们的注册中心,起名为:ays-registry

这次我们就不Spring使用提供的脚手架了。直接创建maven项目,自然会继承父类的依赖:

选择新建module:

选择maven安装,但是不要选择骨架:

然后填写项目坐标,我们的项目名称为ays-registry:

选择安装目录,因为是聚合项目,目录应该是在父工程aiyingshi的下面:

3.5.2.添加依赖

添加EurekaServer的依赖:

aiyingshi
com.aiyinshi.parent
1.0.0-SNAPSHOT
4.0.0
com.leyou.common
ly-registry
1.0.0-SNAPSHOT
org.springframework.cloud
spring-cloud-starter-netflix-eureka-server

3.5.3.编写启动类

@SpringBootApplication@EnableEurekaServerpublic class AYSRegistry {    public static void main(String[] args) {        SpringApplication.run(AYSRegistry.class, args);    }}

3.5.4.配置文件

server:  port: 10086spring:  application:    name: ays-registryeureka:  client:    fetch-registry: false    register-with-eureka: false    service-url:      defaultZone: http://127.0.0.1:${server.port}/eureka  server:    enable-self-preservation: false # 关闭自我保护    eviction-interval-timer-in-ms: 5000 # 每隔5秒进行一次服务列表清理

3.6.创建Zuul网关

3.6.1.创建工程

与上面类似,选择maven方式创建Module,然后填写项目名称,我们命名为:ays-api-gateway

填写保存的目录:

3.6.2.添加依赖

这里我们需要添加Zuul和EurekaClient的依赖:

aiyingshi
com.aiyingshi.parent
1.0.0-SNAPSHOT
4.0.0
com.aiyingshi.common
ays-api-gateway
1.0.0-SNAPSHOT
org.springframework.cloud
spring-cloud-starter-netflix-zuul
org.springframework.cloud
spring-cloud-starter-netflix-eureka-client
org.springframework.boot
spring-boot-starter-actuator

3.6.3.编写启动类

@SpringBootApplication@EnableDiscoveryClient@EnableZuulProxypublic class aysApiGateway {    public static void main(String[] args) {        SpringApplication.run(aysApiGateway.class, args);    }}

3.6.4.配置文件

server:  port: 10010spring:  application:    name: api-gatewayeureka:  client:    service-url:      defaultZone: http://127.0.0.1:10086/eureka    registry-fetch-interval-seconds: 5  instance:    prefer-ip-address: true    ip-address: 127.0.0.1    instance-id: ${spring.application.name}:${server.port}zuul:  prefix: /api # 添加路由前缀  retryable: trueribbon:  ConnectTimeout: 250 # 连接超时时间(ms)  ReadTimeout: 2000 # 通信超时时间(ms)  OkToRetryOnAllOperations: true # 是否对所有操作重试  MaxAutoRetriesNextServer: 1 # 同一服务不同实例的重试次数  MaxAutoRetries: 1 # 同一实例的重试次数hystrix:  command:    default:      execution:        isolation:          thread:            timeoutInMillisecond: 10000 # 熔断超时时长:10000ms

3.6.5.项目结构

目前,aiyingshi下有两个子模块:

  • ays-registry:服务的注册中心(EurekaServer)

  • ays-api-gateway:服务网关(Zuul)

截止到这里,我们已经把基础服务搭建完毕,为了便于开发,统一配置中心(ConfigServer)我们留待以后添加。

3.7.创建商品微服务

既然是一个母婴类的电商购物平台,那么核心自然就是商品。因此我们要搭建的第一个服务,就是商品微服务。其中会包含对于商品相关的一系列内容的管理,包括:

  • 商品分类管理

  • 品牌管理

  • 商品规格参数管理

  • 商品管理

  • 库存管理

我们先完成项目的搭建:

3.7.1.微服务的结构

因为与商品的品类相关,我们的工程命名为ays-item.

需要注意的是,我们的ays-item是一个微服务,那么将来肯定会有其它系统需要来调用服务中提供的接口,因此肯定也会使用到接口中关联的实体类。

因此这里我们需要使用聚合工程,将要提供的接口及相关实体类放到独立子工程中,以后别人引用的时候,只需要知道坐标即可。

我们会在ays-item中创建两个子工程:

  • ays-item-interface:主要是对外暴露的接口及相关实体类

  • ays-item-service:所有业务逻辑及内部使用接口

调用关系如图所示

 

 

3.7.2.创建父工程ays-item

依然是使用maven构建:

保存的位置:

不需要任何依赖,我们可以把项目打包方式设置为pom

aiyingshi
com.aiyingshi.parent
1.0.0-SNAPSHOT
4.0.0
com.aiyingshi.service
ays-item
1.0.0-SNAPSHOT
pom

3.7.3.创建ays-item-interface

在ays-item工程上点击右键,选择new > module:

依然是使用maven构建,注意父工程是ays-item:

注意:接下来填写的目录结构需要自己手动完成,保存到ays-item下的ays-item-interface目录中:

 

3.7.4.创建ays-item-service

ays-item-interface类似,我们选择在ays-item上右键,新建module,然后填写项目信息:

填写存储位置,是在/ays-item/ays-item-service目录

3.7.5.整个微服务结构

3.7.6.添加依赖

接下来我们给ays-item-service中添加依赖:

我们需要

  • Eureka客户端

  • web启动器

  • mybatis启动器

  • 通用mapper启动器

  • 分页助手启动器

  • 连接池,我们用默认的Hykira

  • mysql驱动

  • 千万不能忘了,我们自己也需要ays-item-interface中的实体类

这些依赖,我们在顶级父工程:aiyingshi中已经添加好了。所以直接引入即可:

ays-item
com.aiyingshi.service
1.0.0-SNAPSHOT
4.0.0
com.aiyingshi.service
ays-item-service
1.0.0-SNAPSHOT
org.springframework.cloud
spring-cloud-starter-netflix-eureka-client
org.springframework.boot
spring-boot-starter-web
org.mybatis.spring.boot
mybatis-spring-boot-starter
${mybatis.starter.version}
tk.mybatis
mapper-spring-boot-starter
${mapper.starter.version}
com.github.pagehelper
pagehelper-spring-boot-starter
${pageHelper.starter.version}
mysql
mysql-connector-java
${mysql.version}
com.aiyingshi.service
ays-item-interface
${aiyingshi.latest.version}
org.springframework.boot
spring-boot-starter-actuator

3.7.7.编写启动和配置

在整个ays-item工程中,只有ays-item-service是需要启动的。因此在其中编写启动类即可:

@SpringBootApplication@EnableDiscoveryClientpublic class aysItemService {    public static void main(String[] args) {        SpringApplication.run(aysItemService.class, args);    }}

然后是全局属性文件:

server:  port: 8081spring:  application:    name: item-service  datasource:    url: jdbc:mysql://localhost:3306/aiyingshi    username: root    password: 123    hikari:      maximum-pool-size: 30      minimum-idle: 10eureka:  client:    service-url:      defaultZone: http://127.0.0.1:10086/eureka  instance:    lease-renewal-interval-in-seconds: 5 # 每隔5秒发送一次心跳    lease-expiration-duration-in-seconds: 10 # 10秒不发送就过期    prefer-ip-address: true    ip-address: 127.0.0.1    instance-id: ${spring.application.name}:${server.port}

3.8.添加商品微服务的路由规则

既然商品微服务已经创建,接下来肯定要添加路由规则到Zuul中,我们不使用默认的路由规则。

zuul:  prefix: /api # 添加路由前缀  retryable: true  routes:    item-service: /item/** # 将商品微服务映射到/item/**

3.9.启动测试

我们分别启动:ays-registry,ays-api-gateway,ays-item-service

查看Eureka面板:

3.10.测试路由规则

为了测试路由规则是否畅通,我们是不是需要在item-service中编写一个controller接口呢?

其实不需要,Spring提供了一个依赖:actuator

只要我们添加了actuator的依赖,它就会为我们生成一系列的访问接口:

  • /info

  • /health

  • /refresh

  • ...

添加依赖:

org.springframework.boot
spring-boot-starter-actuator

重启后访问Eureka控制台:

鼠标悬停在item-service上,会显示一个地址:

这就是actuator提供的接口,我们点击访问:

http://127.0.0.1:8081/actuator/info

因为我们没有添加信息,所以是一个空的json,但是可以肯定的是:我们能够访问到item-service了。

接下来我们通过路由访问试试,根据路由规则,我们需要访问的地址是:

 

3.11.通用工具模块

有些工具或通用的约定内容,我们希望各个服务共享,因此需要创建一个工具模块:ays-common

 使用maven来构建module:

 

转载于:https://www.cnblogs.com/daiwei1981/p/9993640.html

你可能感兴趣的文章
Rays Power Infra将在印度建立100MW光伏项目
查看>>
Java EE供应商和伦敦Java用户组宣布新的MicroProfile
查看>>
QTP安装问题小记
查看>>
对话阿里云AI 科学家闵万里:1984年人工智能低潮是否会重演?
查看>>
Intellij IDEA 添加jar包的三种方式
查看>>
十分钟入门RocketMQ
查看>>
年计划,技术儿告诉你怎么做?
查看>>
通过ODBC连接PostgreSQL和Greenplum
查看>>
2015.08.19结构体
查看>>
Nodejs测试:从0到90(理论篇)
查看>>
Android Camera开发系列(下)——自定义Camera实现拍照查看图片等功能
查看>>
windows7下制作苹果mac os x 10.10Yosemiteu盘启动盘
查看>>
Appium移动自动化测试(四)--one demo
查看>>
这是就是联想?2年4次因同一问题返售后,售后找不到确切原因。。。。。
查看>>
10、spss做最优尺度分析
查看>>
OCMaskedTextField
查看>>
android 时间控件概述
查看>>
Linux命令学习总结:reboot命令
查看>>
【Oracle】使用hanganalyze 命令分析数据库hang【转】
查看>>
Python 应用剖析工具介绍
查看>>