SpringBoot的templates

templates

使用这个包下的文件 需要导入jar 包 并且在页面接收templates包下文件的数据需要添加约束

jar包

 		<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

页面依赖

<html lang="en"  xmlns:th="http://www.thymeleaf.org">

templates的简单语法

<!--文本-->
<div th:text="${msg}"></div>
<!--接收后台传输的数据-->
<div> [[ ${msg} ]]</div>

<!--不转义-->
<div th:utext="${msg2}"></div>
<!--遍历集合-->
<div th:each="user :  ${msglist} " th:text="${user}"></div>
<!--遍历集合的第二种方式-->
<div th:each="user :  ${msglist} ">[[ ${user} ]]</div>

简单的增删改查

<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table>
<!--        表头-->
        <thead>
            <tr>
                <td>id</td>
                <td>账号</td>
                <td>密码</td>
        </thead>
			<!-- 后台返回页面数据 数据名叫做 list  是一个list集合 里面存放的是user-->
        <tr th:each="user,index:${list}">
            <td th:text="${index.index}"></td>
            <td th:text="${user.getId()}"></td>
            <td th:text="${user.getName()}"></td>
            <td th:text="${user.getPassword()}"></td>
            <td><a th:href="@{'/login/remove/'+${user.getId()}}">删除</a></td>
        </tr>
    </table>

    <hr/>
    <hr/>
    <hr/>
    <h1>添加用户</h1>
    <form th:action="@{/login/add}" method="post">
        id:<input type="text" name="id" />
        用户名:<input type="text" name="name" />
        密码:<input type="text" name="password" />
        <input type="submit" value="提交" />
    </form>

    <hr/>
    <hr/>
    <hr/>
    <h1>修改用户</h1>
    				
    <form th:action="@{/login/updata}" method="post">
        id:<input type="text" name="id" />
        用户名:<input type="text" name="name" />
        密码:<input type="text" name="password" />
        <input type="submit" value="提交" />
    </form>

</body>
</html>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值