后台管理系统介绍

本篇文章主要内容如下：


1.使用人人开源人人开源绞手架搭建后台管理系统的前端和后端框架。


2.使用renren-generator逆向生成微服务（gulimall_pms、gulimall_oms、gulimall_sms、gulimall_ums、gulimall_wms）的CRUD代码。

后台管理系统搭建（人人开源绞手架）

克隆项目

• clone renren-fast、renren-fast-vue项目，将renren-fast集成到gulimall
  
  

  

搭建后台管理系统后端

• 创建后台管理系统数据库，并创建数据库表
  
• 修改数据库配置信息
  
• 启动项目
  

搭建后台管理系统前端

使用VSCode打开 renren-fast-vue

安装Node.js

Node.js是一个基于Chrome V8 引擎的JavaScript 运行环境。NPM 是随同NodeJS 一起安装的包管理工具，类似于 Java Maven；

• 官网下载安装node.js，并使用node -v 检查版本
  
• 配置npm 使用淘宝镜像：npm config set registry http://registry.npm.taobao.org/
• 大家如果 npm install 安装依赖出现chromedriver之类问题，先在项目里运行下面命令
  • npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
  • 然后再运行npm install

安装所需依赖

• 运行 npm install 安装所需依赖
  
• 下载完的依赖均在node_modules文件夹中
  

运行项目

• 运行 npm run dev 启动项目
  
  
  

逆向生成微服务CRUD代码（renren-generator）

使用renren-generator根据数据库（gulimall_pms、gulimall_oms、gulimall_sms、gulimall_ums、gulimall_wms）逆向生成代码。


下面以生成pms代码为例进行记录。

生成代码

clone renren-generator

• clone renren-generator项目并集成到gulimall

  
  
  

• 修改数据库配置信息和代码生成信息
  
  

• 修改Controller生成模板，注释掉RequiresPermissions注解， 后面使用Spring Security

  
  

代码逆向生成

• 启动并访问项目
  
  
• 选中表进行代码生成，生成的代码会以压缩包的形式下载下来
  
• 解压后拷贝到对应的项目目录中
  

创建gulimall-common公共依赖模块

创建公共服务模块导入微服务所需要的公共依赖

• 创建公共依赖模块
  

  <description>每一个微服务公共的依赖，bean，工具等</description>
  

• 在微服务中导入该模块的依赖

  <dependency>
  	<groupId>com.atguigu.gulimall</groupId>
  	<artifactId>gulimall-common</artifactId>
  	<version>0.0.1-SNAPSHOT</version>
  </dependency>
  

在公共服务引入所需的依赖和类

• 所需依赖

  <!-- mybatis-plus -->
      <dependency>
          <groupId>com.baomidou</groupId>
          <artifactId>mybatis-plus-boot-starter</artifactId>
          <version>3.2.0</version>
      </dependency>
  
      <dependency>
          <groupId>org.projectlombok</groupId>
          <artifactId>lombok</artifactId>
          <version>1.18.8</version>
      </dependency>
  
      <!-- https://mvnrepository.com/artifact/org.apache.httpcomponents/httpcore -->
      <dependency>
          <groupId>org.apache.httpcomponents</groupId>
          <artifactId>httpcore</artifactId>
          <version>4.4.12</version>
      </dependency>
  
  
      <dependency>
          <groupId>commons-lang</groupId>
          <artifactId>commons-lang</artifactId>
          <version>2.6</version>
      </dependency>
  

• 所需公共类从renren-fast中拷贝
  

整合MyBatis-Plus

导入依赖

 <dependency>
     <groupId>com.baomidou</groupId>
     <artifactId>mybatis-plus-boot-starter</artifactId>
     <version>3.2.0</version>
 </dependency>

配置数据源

• 在gulimall-common模块中导入数据库驱动

  <dependency>
      <groupId>mysql</groupId>
       <artifactId>mysql-connector-java</artifactId>
       <version>8.0.17</version>
   </dependency>
  

• 在application.yml配置数据源相关信息和启动端口

  spring:
    datasource:
      username: root
      password: root
      url: jdbc:mysql://192.168.217.138:3306/gulimall_pms?useSSL=false
      driver-class-name: com.mysql.jdbc.Driver
  server:
  	port: 7000
  

配置MyBatis-Plus

• 使用@MapperScan

  @MapperScan("com.atguigu.gulimall.product.dao")
  @SpringBootApplication
  public class GulimallProductApplication {
  
  	public static void main(String[] args) {
  		SpringApplication.run(GulimallProductApplication.class, args);
  	}
  
  }
  

• 在application.yml配置MyBatis-Plus SQL映射文件位置，并设置主键自增

  mybatis-plus:
    mapper-locations: classpath:/mapper/**/*.xml
    global-config:
      db-config:
        id-type: auto #设置主键自增
  

代码测试

• 测试胆码
  

@RunWith(SpringRunner.class)
@SpringBootTest
public class GulimallProductApplicationTests {

	@Autowired
	BrandService brandService;

	@Test
	public void contextLoads() {

		BrandEntity brandEntity = new BrandEntity();
		brandEntity.setDescript("");
		brandEntity.setName("huawei");
		brandService.save(brandEntity);
		System.out.println("save successful!");
	}

}

• 此时结果显示数据成功插入