三
今日目标
- 介绍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下。
image.png
image.png
新建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(['layer', 'form'], function(){
var layer = layui.layer
,form = layui.form
layer.msg('Hello LayUI');
});
</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 'id',
`test` varchar(100) NOT NULL COMMENT '测试字段',
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代码。
第三步
新建各种文件和文件夹，并且增加配置。
新建controller，dao，entity，mapper文件夹。
image.png
新建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。
image.png
执行完成之后就会生成dao接口，entity表的类实体，mapper中的具体xml代码。
image.png
第五步
测试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表中插入两条数据：
image.png
向DemoApplication.java中添加mapper扫描：
MapperScan("com/example/demo/dao")
运行项目，访问localhost:8080/test/mybatis/generator/select?id=1，效果如下：
image.png
总结
- 感觉所有的依赖件都讲完了，SpringBoot/Thymeleaf/LayUI/Mybatis/MybatisGenerator，当然我知道讲的很浅，主要是在配置和测试简单功能。
- 我还是希望在具体的项目中进一步了解这些东西的用法。
- 接下来会学&写事务处理、Ajax传递数据、RESTful API的东西。
- 然后就是具体的项目实践开发了，总之，慢慢磨……
网友评论