目錄
前言
根據公司要求，搭建個前後端分離的權限系統，根據目前技術技術水平，採用以下技術棧開發，以此寫一份博客記錄下構架的系統框架，同時希望能幫助因搭建系統架構不怎麼會的小夥伴們，廢話不多說，直接列出技術棧：
前端項目: 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()2109Model模塊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、技術細節
時間有限，後續再更新