目錄

1. 環(huán)境搭建
2. 后端
   2.1 數(shù)據(jù)庫設(shè)計
   2.2 SpringBoot + Mybatis
   2.3 SpringBoot+RestfulAPI
3. 前端
   3.1 VueJS 2.0 + Webpack工程介紹
   3.2 Admin-LTE介紹及使用
   3.3 VueJS一些基礎(chǔ)知識
   3.4 項目中用到的和VueJS的開源組件

1 前言

Java web的DAO層現(xiàn)在最流行的肯定還是Mybatis這種弱化的ORM。所以Spring boot必定也會支持Mybatis言缤。
這篇文章先會介紹

1. Mybatis Generator的使用方法绰更。這是個神奇的工具，有了表結(jié)構(gòu)胚膊，會自動生成Model和mapper.xml文件
2. 如何整合SpringBoot

2 Mybatis Generator

Mybatis Generator有三種用法：命令行豺撑、eclipse插件娃循、maven插件。我這里只用了maven插件窖剑。所以這里用Maven的方式來介紹坚洽。

2.1 pom中加入配置

在backend的pom里添加：

<plugin>
 2     <groupId>org.mybatis.generator</groupId>
 3     <artifactId>mybatis-generator-maven-plugin</artifactId>
 4     <version>1.3.2</version>
 5     <configuration>
 6         <configurationFile>src/main/resources/mybatis-generator/generatorConfig.xml</configurationFile>
 7         <verbose>true</verbose>
 8         <overwrite>true</overwrite>
 9     </configuration>
10     <executions>
11         <execution>
12             <id>Generate MyBatis Artifacts</id>
13             <goals>
14                 <goal>generate</goal>
15             </goals>
16         </execution>
17     </executions>
18     <dependencies>
19         <dependency>
20             <groupId>org.mybatis.generator</groupId>
21             <artifactId>mybatis-generator-core</artifactId>
22             <version>1.3.2</version>
23         </dependency>
24     </dependencies>
25 </plugin>

可以看出，這里使用了mybatis-generator-maven-plugin這個plugin西土，然后指定了src/main/resources/mybatis-generator/generatorConfig.xml這個配置文件讶舰。并定于了maven的goal是 generate。

2.2 generatorConfig.xml

讀者可以自行根據(jù)自己的表名需了，進行修改跳昼。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE generatorConfiguration PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"
        "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd">
<generatorConfiguration>

    <classPathEntry
            location="/Users/professor/.m2/repository/mysql/mysql-connector-java/5.1.38/mysql-connector-java-5.1.38.jar"/>
    <context id="MysqlTables" targetRuntime="MyBatis3">
        <jdbcConnection driverClass="com.mysql.jdbc.Driver"
                        connectionURL="jdbc:mysql://localhost:3306/minions" userId="root"
                        password="123456">
        </jdbcConnection>
        <javaTypeResolver>
            <property name="forceBigDecimals" value="false"/>
        </javaTypeResolver>
        <javaModelGenerator targetPackage="com.xxxx.xxxx.model"
                            targetProject="/Users/professor/IdeaProjects/xxx/backend/src/main/java">
            <property name="enableSubPackages" value="true"/>
            <property name="trimStrings" value="true"/>
        </javaModelGenerator>
        <sqlMapGenerator targetPackage="com.xxxx.xxxx"
                         targetProject="/Users/professor/IdeaProjects/xxxx/backend/src/main/resources">
            <property name="enableSubPackages" value="true"/>
        </sqlMapGenerator>
        <javaClientGenerator type="XMLMAPPER"
                             targetPackage="com.xxxx.xxx.dao"
                             targetProject="/Users/professor/IdeaProjects/xxxx/backend/src/main/java">
            <property name="enableSubPackages" value="true"/>
        </javaClientGenerator>
        <table schema="minions" tableName="users" enableCountByExample="false"
               enableUpdateByExample="false" enableDeleteByExample="false"
               enableSelectByExample="false" selectByExampleQueryId="false">
        </table>
        <table schema="minions" tableName="env" enableCountByExample="false"
               enableUpdateByExample="false" enableDeleteByExample="false"
               enableSelectByExample="false" selectByExampleQueryId="false">
        </table>
    </context>
</generatorConfiguration>

這里有幾個關(guān)鍵的需要說下：

1. classPathEntry：找到j(luò)ar包的位置。
2. jdbcConnection：數(shù)據(jù)庫連接的配置肋乍。
3. javaModelGenerator：Model生成的位置鹅颊。
4. sqlMapGenerator: Mapper生成的位置。
5. javaClientGenerator： Dao生成的位置墓造。
6. table：需要生成的源數(shù)據(jù)表名堪伍。

2.3 生成

使用IntelliJ Idea時，打開maven窗口：

maven窗口

或者命令行：
mvn mybatis-generator:generate

2.4 結(jié)果

Dao：

Dao1

Dao2

Mapper:

Mapper

Model：

Model

是的滔岳。這些都是自動生成的杠娱。省了很多工作量挽牢，提升了效率谱煤。

!還有就是記得，把上面pom文件里的這段刪掉禽拔，以免后面進行打包比如mvn install的時候從新執(zhí)行以下刘离，導致你修改過的dao，model睹栖，mapper被覆蓋硫惕。

3 Springboot+mybatis整合

3.1 添加依賴

backend的pom文件添加：

 <!-- Spring Boot Mybatis 依賴 -->
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>${mybatis-spring-boot}</version>
        </dependency>

在application.properies添加：

#數(shù)據(jù)源
spring.datasource.url=jdbc:mysql://localhost:3306/xxx?relaxAutoCommit=true&zeroDateTimeBehavior=convertToNull&&allowMultiQueries=true&characterEncoding=utf-8&useSSL=false
spring.datasource.username=root
spring.datasource.password=123456
spring.datasource.driver-class-name=com.mysql.jdbc.Driver
## Mybatis 配置
mybatis.typeAliasesPackage=com.xxx.xxx.model
mybatis.mapperLocations=classpath:com/xxx/xxx/*.xml

配置好這些一切，下面就可以開始controller和service的編寫了野来。當然恼除，自己也要會根據(jù)這些生成的模板，增加自己的mapper訪問方式曼氛。

源碼

Git Hub Demo