• 电商设计1


    项目开发流程

    项目经理:管人

    产品经理:设计需求原型

    测试:

    前端:大前端。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文件修改成我这个样子:

    <?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <modelVersion>4.0.0</modelVersion>
    
        <groupId>com.aiyingshi.parent</groupId>
        <artifactId>aiyingshi</artifactId>
        <version>1.0.0-SNAPSHOT</version>
        <packaging>pom</packaging>
    
        <name>leyou</name>
        <description>Demo project for Spring Boot</description>
    
        <parent>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-parent</artifactId>
            <version>2.0.1.RELEASE</version>
            <relativePath/> <!-- lookup parent from repository -->
        </parent>
    
        <properties>
            <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
            <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
            <java.version>1.8</java.version>
            <spring-cloud.version>Finchley.RC1</spring-cloud.version>
            <mybatis.starter.version>1.3.2</mybatis.starter.version>
            <mapper.starter.version>2.0.2</mapper.starter.version>
            <druid.starter.version>1.1.9</druid.starter.version>
            <mysql.version>5.1.32</mysql.version>
            <pageHelper.starter.version>1.2.3</pageHelper.starter.version>
            <leyou.latest.version>1.0.0-SNAPSHOT</leyou.latest.version>
            <fastDFS.client.version>1.26.1-RELEASE</fastDFS.client.version>
        </properties>
    
        <dependencyManagement>
            <dependencies>
                <!-- springCloud -->
                <dependency>
                    <groupId>org.springframework.cloud</groupId>
                    <artifactId>spring-cloud-dependencies</artifactId>
                    <version>${spring-cloud.version}</version>
                    <type>pom</type>
                    <scope>import</scope>
                </dependency>
                <!-- mybatis启动器 -->
                <dependency>
                    <groupId>org.mybatis.spring.boot</groupId>
                    <artifactId>mybatis-spring-boot-starter</artifactId>
                    <version>${mybatis.starter.version}</version>
                </dependency>
                <!-- 通用Mapper启动器 -->
                <dependency>
                    <groupId>tk.mybatis</groupId>
                    <artifactId>mapper-spring-boot-starter</artifactId>
                    <version>${mapper.starter.version}</version>
                </dependency>
                <!-- 分页助手启动器 -->
                <dependency>
                    <groupId>com.github.pagehelper</groupId>
                    <artifactId>pagehelper-spring-boot-starter</artifactId>
                    <version>${pageHelper.starter.version}</version>
                </dependency>
                <!-- mysql驱动 -->
                <dependency>
                    <groupId>mysql</groupId>
                    <artifactId>mysql-connector-java</artifactId>
                    <version>${mysql.version}</version>
                </dependency>
                <!--FastDFS客户端-->
                <dependency>
                    <groupId>com.github.tobato</groupId>
                    <artifactId>fastdfs-client</artifactId>
                    <version>${fastDFS.client.version}</version>
                </dependency>
              </dependencies>
        </dependencyManagement>
    
        <build>
            <plugins>
                <plugin>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-maven-plugin</artifactId>
                </plugin>
            </plugins>
        </build>
    
        <repositories>
            <repository>
                <id>spring-milestones</id>
                <name>Spring Milestones</name>
                <url>https://repo.spring.io/milestone</url>
                <snapshots>
                    <enabled>false</enabled>
                </snapshots>
            </repository>
        </repositories>
    </project>

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

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

    3.5.创建EurekaServer

    3.5.1.创建工程

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

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

    选择新建module:

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

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

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

    3.5.2.添加依赖

    添加EurekaServer的依赖:

    <?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <parent>
            <artifactId>aiyingshi</artifactId>
            <groupId>com.aiyinshi.parent</groupId>
            <version>1.0.0-SNAPSHOT</version>
        </parent>
        <modelVersion>4.0.0</modelVersion>
    
        <groupId>com.leyou.common</groupId>
        <artifactId>ly-registry</artifactId>
        <version>1.0.0-SNAPSHOT</version>
    
        <dependencies>
            <dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-starter-netflix-eureka-server</artifactId>
            </dependency>
        </dependencies>
    </project>

    3.5.3.编写启动类

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

    3.5.4.配置文件

    server:
      port: 10086
    spring:
      application:
        name: ays-registry
    eureka:
      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的依赖:

    <?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <parent>
            <artifactId>aiyingshi</artifactId>
            <groupId>com.aiyingshi.parent</groupId>
            <version>1.0.0-SNAPSHOT</version>
        </parent>
        <modelVersion>4.0.0</modelVersion>
    
        <groupId>com.aiyingshi.common</groupId>
        <artifactId>ays-api-gateway</artifactId>
        <version>1.0.0-SNAPSHOT</version>
    
        <dependencies>
            <dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-starter-netflix-zuul</artifactId>
            </dependency>
            <dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId>
            </dependency>
            <!--是springboot提供的微服务检测接口,默认对外提供几个接口:/info-->
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-actuator</artifactId>
            </dependency>
        </dependencies>
    </project>

    3.6.3.编写启动类

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

    3.6.4.配置文件

    server:
      port: 10010
    spring:
      application:
        name: api-gateway
    eureka:
      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: true
    ribbon:
      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

    <?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <parent>
            <artifactId>aiyingshi</artifactId>
            <groupId>com.aiyingshi.parent</groupId>
            <version>1.0.0-SNAPSHOT</version>
        </parent>
        <modelVersion>4.0.0</modelVersion>
    
        <groupId>com.aiyingshi.service</groupId>
        <artifactId>ays-item</artifactId>
        <version>1.0.0-SNAPSHOT</version>
        <!-- 打包方式为pom -->
        <packaging>pom</packaging>
    </project>

    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中已经添加好了。所以直接引入即可:

    <?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <parent>
            <artifactId>ays-item</artifactId>
            <groupId>com.aiyingshi.service</groupId>
            <version>1.0.0-SNAPSHOT</version>
        </parent>
        <modelVersion>4.0.0</modelVersion>
    
        <groupId>com.aiyingshi.service</groupId>
        <artifactId>ays-item-service</artifactId>
        <version>1.0.0-SNAPSHOT</version>
    
        <dependencies>
            <!--Eureka客户端-->
            <dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId>
            </dependency>
            <!--web启动器-->
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-web</artifactId>
            </dependency>
            <!-- mybatis启动器 -->
            <dependency>
                <groupId>org.mybatis.spring.boot</groupId>
                <artifactId>mybatis-spring-boot-starter</artifactId>
                <version>${mybatis.starter.version}</version>
            </dependency>
            <!-- 通用Mapper启动器 -->
            <dependency>
                <groupId>tk.mybatis</groupId>
                <artifactId>mapper-spring-boot-starter</artifactId>
                <version>${mapper.starter.version}</version>
            </dependency>
            <!-- 分页助手启动器 -->
            <dependency>
                <groupId>com.github.pagehelper</groupId>
                <artifactId>pagehelper-spring-boot-starter</artifactId>
                <version>${pageHelper.starter.version}</version>
            </dependency>
            <!-- mysql驱动 -->
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
                <version>${mysql.version}</version>
            </dependency>
            <dependency>
                <groupId>com.aiyingshi.service</groupId>
                <artifactId>ays-item-interface</artifactId>
                <version>${aiyingshi.latest.version}</version>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-actuator</artifactId>
            </dependency>
        </dependencies>
    </project>

    3.7.7.编写启动和配置

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

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

    然后是全局属性文件:

    server:
      port: 8081
    spring:
      application:
        name: item-service
      datasource:
        url: jdbc:mysql://localhost:3306/aiyingshi
        username: root
        password: 123
        hikari:
          maximum-pool-size: 30
          minimum-idle: 10
    eureka:
      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

    • ...

    添加依赖:

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-actuator</artifactId>
    </dependency>

    重启后访问Eureka控制台:

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

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

    http://127.0.0.1:8081/actuator/info

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

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

    http://127.0.0.1:10010/api/item/actuator/info

    3.11.通用工具模块

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

     使用maven来构建module:

  • 相关阅读:
    idea拉取git项目并创建为maven项目(新创建github项目)
    寒假学习进度-4
    寒假学习进度-3
    寒假学习进度-2
    寒假学习进度-1
    面向对象设计原则
    Servlet中生成json文件,echarts模板调用
    Mapreduce--数据清洗
    Tutorial 06_MapReduce实例WordCount
    爬虫学习-入门
  • 原文地址:https://www.cnblogs.com/daiwei1981/p/9993640.html
Copyright © 2020-2023  润新知