Springboot+shiro+mybatis-plus+vue前後端分離專案設計架構

昨夜劍客發表於2020-12-30
Spring BootMyBatisVue後端架構

目錄

前言

一、後端專案

1、系統架構設計

2、技術細節

1）、構建模組分層

2）、模組之間引用

3）、mybatis-plus配置和引入

4）、mybatis-plus分頁外掛

5）、程式碼生成器，程式碼裡有註釋

6）、shiro框架引入

二、前端專案

1、系統架構設計

2、技術細節

前言

根據公司要求，搭建個前後端分離的許可權系統，根據目前技術技術水平，採用以下技術棧開發，以此寫一份部落格記錄下構架的系統框架，同時希望能幫助因搭建系統架構不怎麼會的小夥伴們，廢話不多說，直接列出技術棧：

前端專案: Vue2.x+element全家桶+webpack+node+vue-admin ，開發工具：HBuilderx                      

                                                                   

 

後端專案 :Springboot2.x+shiro+mybatis-plus+mysql, 開發工具：IDEA

一、後端專案

1、系統架構設計

採用主流分層多模組開發，如下圖所示

2、技術細節

1）、構建模組分層

App(app請求介面全部在這裡)，Web(web請求介面全部在這裡)、Dao(資料層)、Model（抽象資料層）、Service（業務層）、Common（所有通用工具在這裡，任何模組介面訪問）

2）、模組之間引用

如下圖所示：

3）、mybatis-plus配置和引入

Model模組引入maven,然後再web模組resources資原始檔下的application.yml檔案

spring:
  # 環境 dev:開發環境|test:測試環境|prod:生產環境
  profiles:
    active: dev #啟用的配置檔案
mybatis-plus:
  global-config:
    db-config:
      id-type: auto
      field-strategy: not_empty
      table-underline: true
      db-type: mysql
      logic-delete-value: 1 # 邏輯已刪除值(預設為 1)
      logic-not-delete-value: 0 # 邏輯未刪除值(預設為 0)
  mapper-locations: classpath*:mapper/*Mapper.xml
  #實體掃描，多個package用逗號或者分號分隔
  typeAliasesPackage: com.xxhj.dao
server:
  port: 8798

然後在生產環境和開發環境配置如下

spring:
  datasource:
    url: jdbc:mysql://103.205.39.182:3306/xxhjj_new?useUnicode=true&characterEncoding=UTF-8&allowMultiQueries=true&serverTimezone=Asia/Shanghai
    username: root
    password: xiaoxi()2109

Model模組pom檔案配置如下

<dependency>
    <groupId>com.baomidou</groupId>
    <artifactId>mybatis-plus-boot-starter</artifactId>
    <version>3.0.7.1</version>
</dependency>
<dependency>
    <groupId>com.baomidou</groupId>
    <artifactId>mybatis-plus-generator</artifactId>
    <version>3.0.7</version>
</dependency>
<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
    <version>8.0.11</version>
</dependency>

<!-- beetl 模板引擎 -->
<dependency>
    <groupId>com.ibeetl</groupId>
    <artifactId>beetl</artifactId>
    <version>2.9.8</version>
</dependency>

4）、mybatis-plus分頁外掛

@EnableTransactionManagement
@Configuration
@MapperScan("com.xxhj.dao")
public class MybatisPlusConfig {
    private final static Logger logger = LoggerFactory.getLogger(MybatisPlusConfig.class);

    /**
     * @description: 配置分頁外掛
     *
     * @author: gradual
     * @date: 2019/1/15 10:17
     * @param: []
     * @return: com.baomidou.mybatisplus.extension.plugins.PaginationInterceptor
     */
    @Bean
    public PaginationInterceptor paginationInterceptor() {
        logger.debug("註冊分頁外掛");
        return new PaginationInterceptor();
    }

    /**
     * @description: SQL執行效率外掛
     *
     * @author: gradual
     * @date: 20-12-229 下午8:59
     * @param: []
     * @return: com.baomidou.mybatisplus.extension.plugins.PerformanceInterceptor
     */
    @Bean
    @Profile({"test"})// 設定 dev test 環境開啟
    public PerformanceInterceptor performanceInterceptor() {
        return new PerformanceInterceptor();
    }

    /**
     * 邏輯刪除用，3.1.1之後的版本可不需要配置該bean，但專案這裡用的是3.1.0的
     *
     * @author Guo Cheng
     *
     * @return com.baomidou.mybatisplus.core.injector.ISqlInjector
     */
    @Bean
    public ISqlInjector sqlInjector() {
        return new LogicSqlInjector();
    }

}

5）、程式碼生成器，程式碼裡有註釋

/**
 * MyBatis-plus 程式碼生成器
 */
@Configuration
public class CodeGenerator {
    public static boolean isTable = false;//true指定表名，false查詢所有表
    // 資料庫連線配置
    private static final String DB_URL = "jdbc:mysql://103.205.39.182:3306/xxhjj_new";
    private static final String DB_USERNAME = "root";
    private static final String DB_PASSWORD = "xiaoxi()2109";
    private static final String PACKAGE_NAME = "com.xxhj.dao";

    public static void main(String[] args) {
        System.out.println(System.getProperty("user.dir"));
        generateByTables(false, PACKAGE_NAME);
    }

    public static void generateByTables(boolean serviceNameStartWithI, String packageName) {
        AutoGenerator mpg = new AutoGenerator();  // 程式碼生成器
        // 全域性配置
        GlobalConfig gc = new GlobalConfig();
        String projectPath = System.getProperty("user.dir");
        gc.setOutputDir(projectPath + "/Dao/src/main/java");
        //gc.setOutputDir(OUTPUT_DIR);  // 輸出位置
        gc.setFileOverride(false);  // 覆蓋檔案
        gc.setAuthor("");
        gc.setOpen(true);
        // service 命名方式
        gc.setServiceName("%sService");
        // service impl 命名方式
        gc.setServiceImplName("%sServiceImpl");
        // 自定義檔案命名，注意 %s 會自動填充表實體屬性！
        gc.setMapperName("%sMapper");
        gc.setXmlName("%sMapper");
        gc.setFileOverride(true);
        gc.setActiveRecord(true);
        //不覆蓋之前的程式碼
        gc.setFileOverride(false);
        // XML 二級快取
        gc.setEnableCache(false);
        // XML ResultMap
        gc.setBaseResultMap(true);
        // XML columList
        gc.setBaseColumnList(false);
        mpg.setGlobalConfig(gc);

        // 資料來源配置
        DataSourceConfig dsc = new DataSourceConfig();
        dsc.setUrl(DB_URL);
        dsc.setDriverName("com.mysql.cj.jdbc.Driver");
        dsc.setUsername(DB_USERNAME);
        dsc.setPassword(DB_PASSWORD);
        mpg.setDataSource(dsc);
        // 包配置
        PackageConfig pc = new PackageConfig();
        pc.setParent(packageName);
        pc.setMapper("mapper");
        pc.setXml("mapper/xml/");
        pc.setController("controller");
        pc.setEntity("model");
        mpg.setPackageInfo(pc);

        // 策略配置
        StrategyConfig strategy = new StrategyConfig();
        strategy.setCapitalMode(true);  // 大寫命名
        strategy.setEntityLombokModel(false); // lombok模型
        strategy.setColumnNaming(NamingStrategy.underline_to_camel); // 表名對映策略
        strategy.setNaming(NamingStrategy.underline_to_camel);  // 欄位對映策略
        //strategy.setTablePrefix(TB_PREFIX);  // 表字首
        if (isTable)
            strategy.setInclude(scanner("請輸入表名，多個用英文逗號分割").split(","));
        mpg.setStrategy(strategy);

        // 模板引擎
        mpg.setTemplateEngine(new BeetlTemplateEngine());
        try {
            mpg.execute();
        } catch (Exception e) {

        }
    }

    public static String scanner(String tip) {
        Scanner scanner = new Scanner(System.in);
        StringBuilder help = new StringBuilder();
        help.append("請輸入" + tip + "：");
        System.out.println(help.toString());
        if (scanner.hasNext()) {
            String ipt = scanner.next();
            if (StringUtils.isNotEmpty(ipt)) {
                scanner.close();
                return ipt;
            }
        }
        throw new MybatisPlusException("請輸入正確的" + tip + "！");
    }
}

6）、shiro框架引入

在Common模組，引入shiro，如下圖所示

<dependency>
    <groupId>org.apache.shiro</groupId>
    <artifactId>shiro-spring</artifactId>
    <version>1.5.3</version>
</dependency>

在這裡面，Web模組配置shiro,主要用到三個類，

AjaxPermissionsAuthorizationFilter（過濾器）、ShiroConfiguration（配置）、UserRealm（許可權驗證），在這裡面建議小夥伴們先了解下2篇文章:(shiro註解許可權控制、UserRealm類重寫isPermitted)

二、前端專案

1、系統架構設計

安裝vue-admin框架，element-ui,如下圖所示

2、技術細節

時間有限，後續再更新

相關文章