投稿 资料上传 搜索
您现在的位置是: 首页 > 文章 > 正文

springBoot+mybatis+thymeleaf前后端交互案例

一. 创建新建一个spring-boot项目,如下图:


二. 选择依赖


三.点击完成后,项目结构如下图:


四. 在resources里面新建index.html,再java里面新建实体类包、控制器包,新建相应的类:Entity.java、userController.java如下图:


五.在spring-boot里面有个Application.java,这个东西相当于一个main方法,是整个项目的启动类,所有的代码都应该设置在该文件目录下以便扫描

@SpringBootApplication

public class ThymeleafApplication{

public static void main(String[]args){

SpringApplication.run( ThymeleafApplication .class,args );

}

}

六. 配置thymeleaf模板引擎及mybatis,项目扫描路径等

spring.thymeleaf.prefix=classpath:/static/
spring.mvc.view.prefix=classpath:/static/
spring.thymeleaf.suffix=.html
spring.thymeleaf.servlet.content-type=text/html
spring.thymeleaf.cache=false
spring.thymeleaf.mode=HTML5

七. 修改 pom.xml,添加依赖

<modelVersion>4.0.0</modelVersion>

    <groupId>com.example</groupId>
    <artifactId>thymeleaf</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>jar</packaging>

    <name>thymeleaf</name>
    <description>Demo project for Spring Boot</description>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.0.3.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <java.version>1.8</java.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</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>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

八. 配置mybatis,打开application.properties,添加数据库连接

spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/car?useUnicode=true&characterEncoding=UTF-8&useSSL=false
spring.datasource.username=root
spring.datasource.password=root
mybatis.type-aliases-package=com.jxjc.domain

九.  实体类User.java

package com.example.entity;

public class User {

    private String name;
    private Integer id;
    private String classname;
    private String school;
    private String interesting;
    private String sex;
    
    
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getClassname() {
        return classname;
    }
    public void setClassname(String classname) {
        this.classname = classname;
    }
    public String getSchool() {
        return school;
    }
    public void setSchool(String school) {
        this.school = school;
    }
    public String getInteresting() {
        return interesting;
    }
    public void setInteresting(String interesting) {
        this.interesting = interesting;
    }
    public String getSex() {
        return sex;
    }
    public void setSex(String sex) {
        this.sex = sex;
    }
    @Override
    public String toString() {
        return "User [name=" + name + ", id=" + id + ", classname=" + classname + ", school=" + school
                + ", interesting=" + interesting + ", sex=" + sex + "]";
    }
}

十. 控制器userController.java

package com.example.controller;

import java.util.ArrayList;
import java.util.List;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import com.example.entity.User;

@Controller
@RequestMapping(value = "/user" ,method = RequestMethod.GET)
public class userController {
    @RequestMapping(value = "/list")
    public String listUser(Model model) {
        List<User> userlist = new ArrayList<User>();
        for (int i = 0; i < 10; i++) {
            User user = new User();
            user.setId(i);
            user.setName("张三");
            user.setClassname("计算机一班");
            user.setInteresting("打篮球");
            user.setSchool("武汉生物工程学院");
            user.setSex("男生");
            userlist.add(user);
        }
        model.addAttribute("userList",userlist);
        return "/user/list";
    }

}

十一. 前端HTML

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>thymeleaf</title>
</head>
<body>
<h2>用户列表</h2>
<div>
    <ul>
        <li th:each="user:${userList}">
        <span th:text="${user.id}"></span>-
        <span th:text="${user.name}"></span>-
        <span th:text="${user.classname}"></span>-
        <span th:text="${user.school}"></span>-
        <span th:text="${user.interesting}"></span>-
        <span th:text="${user.sex}"></span>
        </li>
    </ul>
</div>
</body>
</html>

十二.完结;另外分享一个比较好的实例带源码下载,值得借鉴springboot+mybatis+shiro+rabbitmq+redis项目实战

转载于:

文章标签:
阿里云服务器采购季
给作者打赏,鼓励TA抓紧创作!
评论