1. hrm仓库搭建
2. 配置中心搭建
3. 课程中心后台搭建
4. 后台管理前端搭建-课程类型表的crud
- 4.1 准备工作
- 4.2 修改前端
  - 4.2.1 步骤分析
  - 4.2.2 步骤实现
5. 坑点注意

1. hrm仓库搭建

1.1 在GitHub创建仓库

1.2 项目初始化

把项目仓库地址克隆到本地
拷贝项目原型到本地的克隆文件夹里，添加，提交并推送
拉取仓库忽略target和idea，添加，提交并推送

1.3 把项目导入idea，完成版本控制

删除原来的项目，从github克隆下来项目

2. 配置中心搭建

2.1 github配置库

在github创建配置仓库 https://github.com/94only/hrm_config.git

2.2 配置中心服务端

2.2.1 步骤分析

创建服务端项目
导入jar
application.yml配置
入口类
测试

2.2.2 步骤实现

创建服务端项目

在二级子模块hrm_support_parent下创建三级子模块hrm_config_server
导包

        <!--springboot支持-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <!--测试场景-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
        </dependency>
        <!--eureka客户端-->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId>
        </dependency>
        <!--配置中心支持-->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-config-server</artifactId>
        </dependency>

application.yml配置

server:
  port: 8848 # 端口
spring:
  application:
    name: config-server # 起个名字
  cloud:
    config:
      server:
        git:
          uri: https://github.com/94only/hrm_config.git # 配置仓库的地址
          username: 1094431266@qq.com # github用户名
          password: rootapy06942  # GitHub密码
eureka:
  client:
    service-url:
      defaultZone: http://localhost:7001/eureka # 注册到eureka的地址
  instance:
    prefer-ip-address: true # 显示真实ip

入口类

package cn.wangningbo.hrm;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.cloud.config.server.EnableConfigServer;
import org.springframework.cloud.netflix.eureka.EnableEurekaClient;

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

测试

先启动EurekaServer7001Application，再启动ConfigServer8848Application。然后浏览器访问地址http://localhost:7001/，看到CONFIG-SERVER注册进去了即可算作成功

2.3 配置中心客户端-zuul改造

Eureka,configserver不需要配置,其他的都是客户端

2.3.1 步骤分析

这个时候它的配置应该是从GitHub的配置中心获取

github远程仓库准备好配置zuul的配置文件
导包
做配置
测试

2.3.2 步骤实现

github远程仓库准备好配置zuul的配置文件(注意：eureka的配置不能放上去)

server:
  port: 9527
spring:
  application:
    name: zuul-gateway
zuul:
  routes:
    sysmanage.serviceId: hrm-sysmanage # 服务名
    sysmanage.path: /sysmanage/** # 把myUser打头的所有请求都转发给user-provider
  ignored-services: "*" # 所有服务都不允许以服务名来访问
  prefix: "/services" # 加一个统一前缀
  retryable: true # 是否重试
ribbon:
  ConnectTimeout: 250 # 连接超时时间(ms)
  ReadTimeout: 2000 # 通信超时时间(ms)
  OkToRetryOnAllOperations: true # 是否对所有操作重试
  MaxAutoRetriesNextServer: 2 # 同一服务不同实例的重试次数
  MaxAutoRetries: 1 # 同一实例的重试次数
hystrix:
  command:
    default:
      execution:
        isolation:
          thread:
            timeoutInMillisecond: 3000 # 熔断超时时长：3000ms

导包

        <!--配置中心支持-->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-config</artifactId>
        </dependency>

做配置application.yml

spring:
  profiles:
    active: dev
  cloud:
    config:
#      uri: http://localhost:8848 # 配置configserver单个服务器的时候
      discovery:
        enabled: true
        service-id: config-server # 多个服务器的时候，根据名字从配置中心获取多个服务
      label: master # 分支名字
      name: application-zuul  # 文件名字
      profile: ${spring.profiles.active} # 那个环境
eureka:
  client:
    service-url:
      defaultZone: http://localhost:7001/eureka
  instance:
    # instance-id: gateway-9527.com
    prefer-ip-address: true

测试

先启动，在启动，最后启动，如果都没报错，并且注册到了注册中心，端口是指定的9527，即可算作成功！

2.4 配置中心客户端-系统管理中心改造

2.4.1 步骤分析

github远程仓库准备好配置sysmanage的配置文件

application-sysmanage-dev.yml

server:
  port: 9001
spring:
  application:
    name: hrm-sysmanage
  datasource:
      driver-class-name: com.mysql.jdbc.Driver
      url: jdbc:mysql://localhost:3306/hrm_sysmanage
      username: root
      password: apy06942
mybatis-plus:
  mapper-locations: classpath:cn/wangningbo/hrm/mapper/*Mapper.xml
  type-aliases-package: cn.wangningbo.hrm.domain,cn.wangningbo.hrm.query

导包

        <!--配置中心支持-->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-config</artifactId>
        </dependency>

做配置

测试

2.4.2 步骤实现

3. 课程中心后台搭建

3.1 步骤分析

创建二级子模块hrm_course_parent
在二级子模块hrm_course_parent下创建两个三级子模块hrm_course_interface和hrm_course_service
hrm_course_interface配置

3.1 导入jar
3.2 表设计
3.3 代码生成
hrm_course_service配置

4.1 导入jar
4.2 配置文件
4.3 入口类
4.4 启动测试eureka服务里面有没有
4.5 配置到配置中心
4.6 入口类
4.7 测试
4.8 配置到网关，实现网关访问
4.9 postman测试

3.2 步骤实现

创建二级子模块hrm_course_parent
在二级子模块hrm_course_parent下创建两个三级子模块hrm_course_interface和hrm_course_service

3.2.1 hrm_course_interface配置

导入jar

        <dependency>
            <groupId>cn.wangningbo.hrm</groupId>
            <artifactId>hrm_basic_util</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
        <!--不能直接依赖starter，有自动配置，而消费者是不需要额。-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <!--不能全部引入mybatis-plus,这是要做数据库操作,这里是不需要的,只需引入核心包解决错误而已-->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus</artifactId>
            <version>2.2.0</version>
        </dependency>
        <!--客户端feign支持-->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-openfeign</artifactId>
        </dependency>

表设计
代码生成

在hrm_course_service配置完以后

3.2.2 hrm_course_service配置

导入jar

        <!--所有provider公共依賴-->
        <dependency>
            <groupId>cn.wangningbo.hrm</groupId>
            <artifactId>hrm_course_interface</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <!-- Eureka 客户端依赖 -->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId>
        </dependency>
        <!--mybatis-plus支持-->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>2.2.0</version>
        </dependency>
        <!--数据库支持-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>
        <!--配置中心支持-->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-config</artifactId>
        </dependency>
        <!--引入swagger支持-->
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger2</artifactId>
            <version>2.9.2</version>
        </dependency>
        <!-- https://mvnrepository.com/artifact/io.springfox/springfox-swagger-ui -->
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger-ui</artifactId>
            <version>2.9.2</version>
        </dependency>

配置文件

server:
  port: 9002
spring:
  application:
    name: hrm-course
  datasource:
      driver-class-name: com.mysql.jdbc.Driver
      url: jdbc:mysql://localhost:3306/hrm_course
      username: root
      password: apy06942
mybatis-plus:
  mapper-locations: classpath:cn/wangningbo/hrm/mapper/*Mapper.xml
  type-aliases-package: cn.wangningbo.hrm.domain,cn.wangningbo.hrm.query
eureka:
  client:
    service-url:
      defaultZone: http://localhost:7001/eureka
  instance:
    prefer-ip-address: true

入口类
启动测试eureka服务里面有没有
配置到配置中心
入口类

package cn.wangningbo.hrm;

import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.cloud.netflix.eureka.EnableEurekaClient;

@SpringBootApplication
@EnableEurekaClient
@MapperScan("cn.wangningbo.hrm.mapper")
public class Course9002Application {
    public static void main(String[] args) {
        SpringApplication.run(Course9002Application.class, args);
    }
}

测试

访问，查看是否可以拿到数据
配置到网关，实现网关访问

在网关的配置文件里再zuul里面的routes配置一下

sysmanage.serviceId: hrm-course # 服务名
sysmanage.path: /course/** # 把myUser打头的所有请求都转发给user-provider

postman测试

3.3 Swagger配置

3.3.1 本项目swagger配置

在service模块里面导入jar

        <!--引入swagger支持-->
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger2</artifactId>
            <version>2.9.2</version>
        </dependency>
        <!-- https://mvnrepository.com/artifact/io.springfox/springfox-swagger-ui -->
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger-ui</artifactId>
            <version>2.9.2</version>
        </dependency>

准备swagger所需类

package cn.wangningbo.hrm.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import springfox.documentation.builders.ApiInfoBuilder;
import springfox.documentation.builders.PathSelectors;
import springfox.documentation.builders.RequestHandlerSelectors;
import springfox.documentation.service.ApiInfo;
import springfox.documentation.service.Contact;
import springfox.documentation.spi.DocumentationType;
import springfox.documentation.spring.web.plugins.Docket;
import springfox.documentation.swagger2.annotations.EnableSwagger2;

@Configuration
@EnableSwagger2
public class Swagger2 {
 
    @Bean
    public Docket createRestApi() {
        return new Docket(DocumentationType.SWAGGER_2)
                .apiInfo(apiInfo())
                .select()
                //对外暴露服务的包,以controller的方式暴露,所以就是controller的包.
                .apis(RequestHandlerSelectors.basePackage("cn.wangningbo.hrm.web.controller"))
                .paths(PathSelectors.any())
                .build();
    }


    private ApiInfo apiInfo() {
        return new ApiInfoBuilder()
                .title("课程中心api")
                .description("课程中心接口文档说明")
                .contact(new Contact("wangningbo", "", "wang_ning_bo163@163.com"))
                .version("1.0")
                .build();
    }
}

3.3.2 网关swagger配置

在网关的配置那里新加一行代码

resources.add(swaggerResource("课程中心", "/services/course/v2/api-docs", "2.0"));

4. 后台管理前端搭建-课程类型表的crud

4.1 准备工作

准备一个elementui的前端项目，注释掉登录拦截和修改端口，修改项目名字

4.2 修改前端

4.2.1 步骤分析

写一个coursetype.vue文件，实现增删改查
配置路由
配置axios通过网关访问
配置跨域请求通过
测试

4.2.2 步骤实现

写一个coursetype.vue文件，实现增删改查
配置路由
配置axios通过网关访问

//配置axios的全局基本路径
axios.defaults.baseURL = 'http://localhost:9527/services/'

配置跨域请求通过

在网关中配置跨域请求通过

package cn.wangningbo.hrm.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

//跨域处理
@Configuration
public class GlobalCorsConfig {
    @Bean
    public CorsFilter corsFilter() {
        //1.添加CORS配置信息
        CorsConfiguration config = new CorsConfiguration();
        //1) 允许的域,不要写*，否则cookie就无法使用了
        config.addAllowedOrigin("http://127.0.0.1:6001");
        config.addAllowedOrigin("http://localhost:6001");
        //2) 是否发送Cookie信息
        config.setAllowCredentials(true);
        //3) 允许的请求方式
        config.addAllowedMethod("OPTIONS");
        config.addAllowedMethod("HEAD");
        config.addAllowedMethod("GET");
        config.addAllowedMethod("PUT");
        config.addAllowedMethod("POST");
        config.addAllowedMethod("DELETE");
        config.addAllowedMethod("PATCH");
        // 4）允许的头信息
        config.addAllowedHeader("*");
        //2.添加映射路径，我们拦截一切请求
        UrlBasedCorsConfigurationSource configSource = new
                UrlBasedCorsConfigurationSource();
        configSource.registerCorsConfiguration("/**", config);
        //3.返回新的CorsFilter.
        return new CorsFilter(configSource);
    }
}

测试

5. 坑点注意

github的配置文件编码
idea的编码
分页那里没拿到总数，要使用分页插件。

//Spring boot方式:配置分页插件
@EnableTransactionManagement
@Configuration
@MapperScan(" cn.wangningbo.hrm.mapper")
public class MybatisPlusConfig {

    @Bean
    public PaginationInterceptor paginationInterceptor() {
        return new PaginationInterceptor();
    }
}

SAAS-HRM-day2

SAAS-HRM-day2

1. hrm仓库搭建

1.1 在GitHub创建仓库

1.2 项目初始化

1.3 把项目导入idea，完成版本控制

2. 配置中心搭建

2.1 github配置库

2.2 配置中心服务端

2.2.1 步骤分析

2.2.2 步骤实现

2.3 配置中心客户端-zuul改造

2.3.1 步骤分析

2.3.2 步骤实现

2.4 配置中心客户端-系统管理中心改造

2.4.1 步骤分析

2.4.2 步骤实现

3. 课程中心后台搭建

3.1 步骤分析

3.2 步骤实现

3.2.1 hrm_course_interface配置

3.2.2 hrm_course_service配置

3.3 Swagger配置

3.3.1 本项目swagger配置

3.3.2 网关swagger配置

4. 后台管理前端搭建-课程类型表的crud

4.1 准备工作

4.2 修改前端

4.2.1 步骤分析

4.2.2 步骤实现

5. 坑点注意