SpringBoot整合thymeleaf实现用户添加功能（一）

最新推荐文章于 2024-03-31 16:23:57 发布

菜鸡锻炼法则

最新推荐文章于 2024-03-31 16:23:57 发布

阅读量1.7k

点赞数

分类专栏： springBoot Thymeleaf 文章标签： java spring spring boot

本文链接：https://blog.csdn.net/qq_44807346/article/details/109772893

版权

springBoot 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

Thymeleaf

2 篇文章 0 订阅

订阅专栏

这次想要前端通过thymeleaf动态实现增加用户信息的操作
结果演示：
之前在这里插入图片描述

添加成功：

1.在数据库中建立一个user表，设置了三个变量，userid，username，usersex。（我是用的navicat建立的）

2.在idea中建立实体类User
User.java。

public class Users {
    private String userid;
    private String username;
    private String usersex;

    public String getUserid() {
        return userid;
    }

    public void setUserid(String userid) {
        this.userid = userid;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getUsersex() {
        return usersex;
    }

    public void setUsersex(String usersex) {
        this.usersex = usersex;
    }
}

3.创建controller控制层
UserController.java。

@Controller
@RequestMapping("/user")
public class UserController {
@Autowired
    private UsersService userService;//服务层
    /**
     * 添加方法
     */
    @RequestMapping("/addUser")
    public String showInfo(Users users)
    {

        try {
            this.userService.addUser(users);//调用服务层的方法
        }
        catch (Exception e){
            e.printStackTrace();
            return "error";
        }
        return "redirect:/ok";
    }
   }

跳转控制

@Controller
public class PageController {
    /**
     * 定义一个页面跳转的方法
     */
    @RequestMapping("/{page}")
    public String showPage(@PathVariable String page){
        System.out.println(page);
        return page;
    }
}

4，服务层UserSerivice

UserSerivice.java

public interface UsersService {
    void addUser(Users users);
}

5.在接口内实现UserService的方法
UserServiceImpl.java。

public class UserServiceImpl implements UsersService {
    @Autowired
    private UsersDao usersDao;//引入UsersDao 
    @Override
    @Transactional
    public void addUser(Users users) {
    this.usersDao.insertUsers(users);//调用dao层的方法
   
   }
}

6.创建dao
UsersDao.java

public interface UsersDao {
    void insertUsers(Users users);
}

7.接口实现dao
UsersDaoImpl.java

@Repository
public class UsersDaoImpl implements UsersDao {
 @Autowired
    private JdbcTemplate jdbcTemplate;
    
public void insertUsers(Users users) {
        String sql = "insert into users(userid,username,usersex) values(?,?,?)";
        this.jdbcTemplate.update(sql,users.getUserid(),users.getUsername(),users.getUsersex());
    }
 }

自此，我们后端就已经完成了基本的逻辑了
这个代码框架如图
在这里插入图片描述
现在我们就能通过访问控制层定义的***/addUser***进行添加数据了，在这我们用thymeleaf进行操作
1.在resources里的templa中新建一个html文件
addUser.html。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Title</title>
    <style type="text/css">
        form{
            align-self: center;
            align-content: center;
        }
    </style>
</head>
<body>
    <form th:action="@{/user/addUser}" method="post">
        用户id：<input type="text" name="userid" ><br>
        用户姓名：<input type="text" name="username"><br>
        用户性别：<input type="text" name="usersex"><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

有错误的话可以评论我，要源码的话可以私聊我

菜鸡锻炼法则

关注

0
点赞
踩
11

收藏

觉得还不错? 一键收藏
3
评论
SpringBoot整合thymeleaf实现用户添加功能（一）

这次想要前端通过thymeleaf动态实现增加用户信息的操作结果演示：之前添加成功：1.在数据库中建立一个user表，设置了三个变量，userid，username，usersex。（我是用的navicat建立的）2.在idea中建立实体类UserUser.java。public class Users { private String userid; private String username; private String usersex; pu
复制链接

扫一扫