当前位置:首页 > 科技  > 软件

Spring Boot:如何快速集成Mybatis和Thymeleaf

来源: 责编: 时间:2024-01-16 10:15:20 318观看
导读前言有时候做方案,需要模拟一些业务上的一些场景来验证方案的可行性,基本上每次都是到处百度如何集成springboot+mybatis+thymeleaf这些东西的集成平时基本上一年也用不了一次,虽然比较简单,奈何我真得记不住详细的每一步

前言

有时候做方案,需要模拟一些业务上的一些场景来验证方案的可行性,基本上每次都是到处百度如何集成springboot+mybatis+thymeleaf这些东西的集成平时基本上一年也用不了一次,虽然比较简单,奈何我真得记不住详细的每一步,因此每次都是从零开始,我一直在想,把时间浪费在这种重复的事情是没有意义的,所以这篇文章记录一下,以后再也不到处百度来接拼凑了。TGE28资讯网——每日最新资讯28at.com

目标

springboot中集在mybatis和thymeleaf,简单实现一下新增和查询功能,后续有需要再往上补。TGE28资讯网——每日最新资讯28at.com

图片图片TGE28资讯网——每日最新资讯28at.com

环境配置

jdk版本:1.8TGE28资讯网——每日最新资讯28at.com

开发工具:Intellij iDEA 2020.1TGE28资讯网——每日最新资讯28at.com

springboot:2.3.9.RELEASETGE28资讯网——每日最新资讯28at.com

具体步骤

依赖引入

主要引入了springboot、thymeleaf、mybais、mysql、jdbc以及热部署和lombda相关的依赖;TGE28资讯网——每日最新资讯28at.com

<dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter</artifactId></dependency><dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter-web</artifactId></dependency><dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter-test</artifactId>    <scope>test</scope></dependency><dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter-thymeleaf</artifactId></dependency><dependency>    <groupId>ognl</groupId>    <artifactId>ognl</artifactId>    <version>3.1.26</version></dependency><dependency>    <groupId>org.projectlombok</groupId>    <artifactId>lombok</artifactId></dependency><dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-devtools</artifactId>    <optional>true</optional></dependency><dependency>    <groupId>org.mybatis.spring.boot</groupId>    <artifactId>mybatis-spring-boot-starter</artifactId>    <version>2.1.4</version></dependency><dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter-jdbc</artifactId></dependency><dependency>    <groupId>mysql</groupId>    <artifactId>mysql-connector-java</artifactId></dependency>

配置文件

配置文件这里新增了三处配置,分别是thymeleaf、数据库连接、mybatis;TGE28资讯网——每日最新资讯28at.com

#thymeleaf配置spring.thymeleaf.cache=falsespring.thymeleaf.suffix=.htmlspring.thymeleaf.prefix=classpath:/templates/spring.thymeleaf.servlet.content-type=text/htmlspring.thymeleaf.encoding=utf-8#数据库连接配置spring.datasource.driverClassName=com.mysql.cj.jdbc.Driverspring.datasource.url=jdbc:mysql://localhost:3307/happy_home?serverTimeznotallow=Asia/Shanghai spring.datasource.username=rootspring.datasource.password=root#mybatis配置mybatis.mapper-locatinotallow=classpath:/mapper/*.xmlmybatis.configuration.log-impl=org.apache.ibatis.logging.stdout.StdOutImpl

图片图片TGE28资讯网——每日最新资讯28at.com

前端代码TGE28资讯网——每日最新资讯28at.com

1、resources/static目录下,新增静态文件index.html;TGE28资讯网——每日最新资讯28at.com

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><div id="testContent">    <form id="registeForm" name="registe" method="post" action="/person//registe" enctype="multipart/form-data"          target="_self">        登陆名:<input name="loginNo" type="text"/><br/>        姓名:<input name="userName" type="text"/><br/>        性别:<input name="sex" type="radio" value="男"/>男<input name="sex" type="radio" value="女"/>女<br/>        手机号码:<input name="phoneNumber" type="text"/><br/>        身份证号:<input name="IDCard" type="text"/><br/>        地址:<input name="address" type="text"/><br/>        门牌号:<input name="houseNumber" type="text"/><br/>        <input type="submit" value="提交" id="submitForm">    </form></div></body></html>

2、resources/templates目录上,新增home.html文件;TGE28资讯网——每日最新资讯28at.com

<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head>    <meta charset="UTF-8"/>    <title>主页</title>    <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script></head><body><div>    ID:<span id="personId" data-th-text="${id}" ></span></div><div id="personInfo">    <p>登陆名:<span></span></p>    <p>姓名:<span></span></p>    <p>性别:<span></span></p>    <p>手机号码:<span></span></p>    <p>身份证号:<span></span></p>    <p>地址:<span></span></p>    <p>门牌号:<span></span></p></div></body><script type="text/javascript">    var id=$('#personId').text();    $.ajax({        url: 'http://localhost:8080/person/'+id,        method: 'get',        success: function (res) {            console.log(res)            $('#personInfo p')[0].append(res.loginNo);            $('#personInfo p')[1].append(res.userName);            $('#personInfo p')[2].append(res.sex);            $('#personInfo p')[3].append(res.phoneNumber);            $('#personInfo p')[4].append(res.idcard);            $('#personInfo p')[5].append(res.address);            $('#personInfo p')[6].append(res.houseNumber);        }    })</script></html>

后端代码

1、PersonController.java

@Controller@RequestMapping("/person")public class PersonController {    @Autowired    private IPersonService personService;        @PostMapping("/registe")    public String registe(Person person, Model model) {        Integer id = this.personService.registe(person);        model.addAttribute("id", id);        return "home";    }    @GetMapping("/{id}")    @ResponseBody    public Person getPerson(@PathVariable("id") Integer id) {        Person person = this.personService.get(id);        return person;    }}

2、IPersonService.java

public interface IPersonService {    Integer registe(Person person);    Person get(Integer id);}

3、PersonServiceImpl.java

@Servicepublic class PersonServiceImpl implements IPersonService {    @Autowired    private PersonDao personDao;    @Override    public Integer registe(Person person) {         this.personDao.insert(person);        return person.getId();    }    @Override    public Person get(Integer id) {        Person persnotallow=personDao.selectById(id);        return person;    }}

4、PersonDao.java

@Mapperpublic interface PersonDao {    Integer insert(Person person);    Person selectById(Integer id);}

5、PersonMapper.xml

<?xml versinotallow="1.0" encoding="utf-8"?><!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"><mapper namespace="com.fanfu.dao.PersonDao">    <resultMap id="personMap" type="com.fanfu.entity.Person">        <result column="user_name" property="userName"></result>        <result column="login_no" property="loginNo"></result>        <result column="sex" property="sex"></result>        <result column="phone_number" property="phoneNumber"></result>        <result column="address" property="address"></result>        <result column="house_number" property="houseNumber"></result>        <result column="ID_card" property="IDCard"></result>        <result column="id" property="id"></result>    </resultMap>    <insert id="insert" parameterType="com.fanfu.entity.Person" keyProperty="id" keyColumn="id" useGeneratedKeys="true">        insert into sys_person(user_name, login_no, phone_number, sex, ID_card, address, house_number)        values (#{userName}, #{loginNo}, #{phoneNumber}, #{sex}, #{IDCard}, #{address}, #{houseNumber})    </insert>    <select id="selectById" resultMap="personMap">        select *        from sys_person        where id = #{id}    </select></mapper>

6、Person.java

@Slf4j@Datapublic class Person  { private Integer id; private String userName; private String loginNo; private String phoneNumber; private String sex; private String IDCard; private String address; private String houseNumber;}

本文链接:http://www.28at.com/showinfo-26-62357-0.htmlSpring Boot:如何快速集成Mybatis和Thymeleaf

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: Android开发之渐变色,你学会了吗?

下一篇: 零基础入门Python与MongoDB:轻松实现数据管理

标签:
  • 热门焦点
  • Find N3入网:最高支持16+1TB

    OPPO将于近期登场的Find N3折叠屏目前已经正式入网,型号为PHN110。本次Find N3在外观方面相比前两代有很大的变化,不再是小号的横向折叠屏,而是跟别的厂商一样采用了较为常见的
  • 分布式系统中的CAP理论,面试必问,你理解了嘛?

    对于刚刚接触分布式系统的小伙伴们来说,一提起分布式系统,就感觉高大上,深不可测。而且看了很多书和视频还是一脸懵逼。这篇文章主要使用大白话的方式,带你理解一下分布式系统
  • 十个简单但很有用的Python装饰器

    装饰器(Decorators)是Python中一种强大而灵活的功能,用于修改或增强函数或类的行为。装饰器本质上是一个函数,它接受另一个函数或类作为参数,并返回一个新的函数或类。它们通常用
  • 让我们一起聊聊文件的操作

    文件【1】文件是什么?文件是保存数据的地方,是数据源的一种,比如大家经常使用的word文档、txt文件、excel文件、jpg文件...都是文件。文件最主要的作用就是保存数据,它既可以保
  • 一个注解实现接口幂等,这样才优雅!

    场景码猿慢病云管理系统中其实高并发的场景不是很多,没有必要每个接口都去考虑并发高的场景,比如添加住院患者的这个接口,具体的业务代码就不贴了,业务伪代码如下:图片上述代码有
  • 本地生活这块肥肉,拼多多也想吃一口

    出品/壹览商业 作者/李彦编辑/木鱼拼多多也看上本地生活这块蛋糕了。近期,拼多多在App首页&ldquo;充值中心&rdquo;入口上线了本机生活界面。壹览商业发现,该界面目前主要
  • 华为HarmonyOS 4.0将于8月4日发布 或搭载AI大模型技术

    华为宣布HarmonyOS4.0将于8月4日正式发布。此前,华为已经针对开发者公布了HarmonyOS4.0,以便于开发者提前进行适配,也因此被曝光出了一些新系统的特性
  • 荣耀Magic4 至臻版 首创智慧隐私通话 强劲影音系统

    2022年第一季度临近尾声,在该季度内,许多品牌陆续发布自己的最新产品,让大家从全新的角度来了解当今的手机技术。手机是电子设备中,更新迭代十分迅速的一款产品,基
  • 北京:科技教育体验基地开始登记

      北京“科技馆之城”科技教育体验基地登记和认证工作日前启动。首批北京科技教育体验基地拟于2023年全国科普日期间挂牌,后续还将开展常态化登记。  北京科技教育体验基
Top