spring-boot+mybatis+thymeleaf前后端交互示例

新建一个spring-boot项目,spring-boot是一个maven项目我们可以在eclipse上添加sts组件也可以在spring官网直接下载STS,完成之后重启新建一个spring-boot项目

spring-boot+mybatis+thymeleaf前后端交互示例_第1张图片

选择依赖

spring-boot+mybatis+thymeleaf前后端交互示例_第2张图片

finish

spring-boot+mybatis+thymeleaf前后端交互示例_第3张图片

项目结构

我们在resources里面新建index.html,再java里面新建实体类包、控制器包,新建相应的类:Entity.class、userController.class

 

spring-boot+mybatis+thymeleaf前后端交互示例_第4张图片

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

spring-boot+mybatis+thymeleaf前后端交互示例_第5张图片

配置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


    4.0.0

    com.example
    thymeleaf
    0.0.1-SNAPSHOT
    jar

    thymeleaf
    Demo project for Spring Boot

    
        org.springframework.boot
        spring-boot-starter-parent
        2.0.3.RELEASE
         
    

    
        UTF-8
        UTF-8
        1.8
    

    
        
            org.springframework.boot
            spring-boot-starter-thymeleaf
        
        
            org.springframework.boot
            spring-boot-starter-web
        

        
            org.springframework.boot
            spring-boot-starter-test
            test
        
    

    
        
            
                org.springframework.boot
                spring-boot-maven-plugin
            
        
    

配置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 userlist = new ArrayList();
        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";
    }
}

 





thymeleaf


用户列表

    
            
  •         -         -         -         -         -                  
  •     

 

你可能感兴趣的:(springboot)