傻蛋丸子

2020-12-23 16:25 已编辑 C++

关注

SpingBoot实操(3)

三

今日目标

介绍LayUI，将LayUI部署到SpringBoot项目中，并且简单测试。
介绍MybatisGenerator。

概念介绍

什么是LayUI

给后端用的非常简单的前端页面框架，能让你的页面不那么丑。

具体介绍参考：LayUI官网

IDEA实际操作

LayUI

第一步

新建一个SpringBoot工程，在LayUI官网下载v2.5.6版本的zip压缩包。

新建SpringBoot工程

LayUI安装包

第二步

将2.5.6版本的zip包解压，将lauyi文件夹放到src/main/resources/static下。

新建src/main/resources/templates/test.html文件，代码如下：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Layui HTML</title>
        <link rel="stylesheet" href="../layui/css/layui.css">
    </head>
    <body>

    </body>
    <script src="../layui/layui.js"></script>
    <script>
        layui.use([&#39;layer&#39;, &#39;form&#39;], function(){
            var layer = layui.layer
                ,form = layui.form
            layer.msg(&#39;Hello LayUI&#39;);
        });
    </script>
</html>

新建src/main/java/com/example/demo/controller/TestController.java，代码如下：

package com.example.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class TestController {
    @GetMapping("/test")
    public String test(){
        return"test";
    }
}

第三步

查看效果：

LayUI测试

PS：这里有两个问题值得注意——

layui是放在static下面的，但是在项目build起来之后，html页面中引用layui组件，却不需要在路径加上static，只需要href="../layui/css/layui.css，还是因为SpringBoot配置好了。
LayUI一般要配合Thymeleaf使用的，LayUI做美化，Thymeleaf把数据渲染。

MybatisGenerator

Mybatis比起传统的JDBC来说，已经要少写很多代码了，但是MybatisGenerator能让你更少写！

第一步

在数据库中建表（我的是testspringboot2_database数据库）。

建表语句如下：

CREATE TABLE `generator_test` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT &#39;id&#39;,
  `test` varchar(100) NOT NULL COMMENT &#39;测试字段&#39;,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

第二步

打开SpringBoot工程，增加dependency。

dependencies下的依赖。

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-jdbc</artifactId>
        </dependency>

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

        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>1.3.2</version>
        </dependency>

plugins下的依赖：

          <plugin>
                <groupId>org.mybatis.generator</groupId>
                <artifactId>mybatis-generator-maven-plugin</artifactId>
                <version>1.3.5</version>
                <dependencies>
                    <dependency>
                        <groupId> mysql</groupId>
                        <artifactId>mysql-connector-java</artifactId>
                        <version> 5.1.39</version>
                    </dependency>
                    <dependency>
                        <groupId>org.mybatis.generator</groupId>
                        <artifactId>mybatis-generator-core</artifactId>
                        <version>1.3.5</version>
                    </dependency>
                </dependencies>
                <executions>
                    <execution>
                        <id>Generate MyBatis Artifacts</id>
                        <phase>package</phase>
                        <goals>
                            <goal>generate</goal>
                        </goals>
                    </execution>
                </executions>
                <configuration>
                    <verbose>true</verbose>
                    <!-- 是否覆盖 -->
                    <overwrite>true</overwrite>
                    <!-- MybatisGenerator的配置文件位置 -->
                    <configurationFile>src/main/resources/mybatisGeneratorConfig.xml</configurationFile>
                </configuration>
            </plugin>

PS：注意以下几点——

MybatisGenerator是用来自动生成代码的，它还是架在Mybatis上的，所以Mybatis的entity，dao，mapper/*.xml，application.properties对于数据库的配置一个都不能少。
MybatisGenerator的dependency是放在<plugins>标签下的，意味着也可以通过命令行直接调用命令，来生成Mybatis代码。</plugins>

第三步

新建各种文件和文件夹，并且增加配置。

新建controller，dao，entity，mapper文件夹。

新建src/main/resources/mybatisGeneratorConfig.xml

配置代码如下：

<?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>
    <context id="my-blog-generator-config" targetRuntime="MyBatis3">
        <!-- 生成的Java文件的编码 -->
        <property name="javaFileEncoding" value="utf-8"/>
        <!-- 格式化java代码 -->
        <property name="javaFormatter" value="org.mybatis.generator.api.dom.DefaultJavaFormatter"/>
        <!-- 格式化XML代码 -->
        <property name="xmlFormatter" value="org.mybatis.generator.api.dom.DefaultXmlFormatter"/>
        <plugin type="org.mybatis.generator.plugins.ToStringPlugin"/>
        <!--创建Java类时对注释进行控制-->
        <commentGenerator>
            <property name="suppressDate" value="true"/>
            <!-- 是否去除自动生成的注释 true：是 ： false:否 -->
            <property name="suppressAllComments" value="true"/>
        </commentGenerator>
        <!--数据库地址及登陆账号密码 改成你自己的配置-->
        <jdbcConnection
                driverClass="com.mysql.jdbc.Driver"
                connectionURL="jdbc:mysql://localhost:3306/testspringboot2_database"
                userId="root"
                password="admin">
        </jdbcConnection>
        <javaTypeResolver>
            <property name="forceBigDecimals" value="false"/>
        </javaTypeResolver>
        <!--生成实体类设置-->
        <javaModelGenerator targetPackage="com.example.demo.entity" targetProject="src/main/java">
            <property name="enableSubPackages" value="true"/>
            <property name="trimStrings" value="true"/>
        </javaModelGenerator>
        <!--生成Mapper文件设置-->
        <sqlMapGenerator targetPackage="mapper" targetProject="src/main/resources">
            <property name="enableSubPackages" value="true"/>
        </sqlMapGenerator>
        <!--生成Dao类设置-->
        <javaClientGenerator type="XMLMAPPER" targetPackage="com.example.demo.dao"
                             targetProject="src/main/java">
            <property name="enableSubPackages" value="true"/>
        </javaClientGenerator>
        <!--需要自动生成代码的表及对应的类名设置-->
        <table tableName="generator_test" domainObjectName="GeneratorTest"
               enableCountByExample="false"
               enableUpdateByExample="false"
               enableDeleteByExample="false" enableSelectByExample="false" selectByExampleQueryId="false">
        </table>
    </context>
</generatorConfiguration>

配置application.properties，代码如下：

# datasource config
spring.datasource.url=jdbc:mysql://localhost:3306/testspringboot2_database?useUnicode=true&characterEncoding=utf8&autoReconnect=true&useSSL=false&&serverTimezone=UTC
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.username=root
spring.datasource.password=admin

mybatis.mapper-locations=classpath:mapper/*.xml

第四步

View-Tool Windows-Maven打开Maven视图，双击执行mybatis-generator:generate。

执行完成之后就会生成dao接口，entity表的类实体，mapper中的具体xml代码。

第五步

测试MybatisGenerator，在controller中新建TestMybatisGeneratorController.java，代码如下：

package com.example.demo.controller;

import com.example.demo.dao.GeneratorTestMapper;
import com.example.demo.entity.GeneratorTest;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.annotation.Resource;
import java.util.List;

@Controller
public class TestMybatisGeneratorController {
    @Resource
    GeneratorTestMapper generatorTestMapper;
    @GetMapping("/test/mybatis/generator/select")
    @ResponseBody
    public GeneratorTest select(Long id){
        //return generatorTestMapp
        return generatorTestMapper.selectByPrimaryKey(id);
    }
}

PS：这里一定要注意，因为没有模板文件，也就是没有前端文件，所以一定要@RestController或者是在函数前面写上@ResponseBody，以JSON格式返回，我在这里踩了坑，没经验...

往generator_test表中插入两条数据：

向DemoApplication.java中添加mapper扫描：

MapperScan("com/example/demo/dao")

运行项目，访问localhost:8080/test/mybatis/generator/select?id=1，效果如下：

总结

感觉所有的依赖件都讲完了，SpringBoot/Thymeleaf/LayUI/Mybatis/MybatisGenerator，当然我知道讲的很浅，主要是在配置和测试简单功能。
我还是希望在具体的项目中进一步了解这些东西的用法。
接下来会学&写事务处理、Ajax传递数据、RESTful API的东西。
然后就是具体的项目实践开发了，总之，慢慢磨……

如果图片无法加载，请访问我的原博客