thymeleaf模板的使用方法

发布时间:2021-06-25 12:04:17 作者:chen
来源:亿速云 阅读:111

这篇文章主要介绍“thymeleaf模板的使用方法”,在日常操作中,相信很多人在thymeleaf模板的使用方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”thymeleaf模板的使用方法”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

thymeleaf模板的使用方法

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{/static/favicon.ico}"/>
</head>
<body>
<span th:text="${pageFlag}"></span>
<div class="con">
    <div id="header">
        <h2>City Gallery</h2>
        <h3>欢迎,<span th:text="${session.userInfo.username}">xx</span>登录,<a href="/users/logout">退出登录</a></h3>
    </div>
    <div class="center">
        <div id="nav">
            <ul>
                <li><a href="/sale/toMainXs">销售</a></li>
                <li><a href="/sale/toMainXsList">销售查询</a></li>
                <li><a href="/sale/toMainXsKc">库存</a></li>
            </ul>
        </div>
        <!--    主内容start-->
        <div id="section" th:include="::content">
            页面正文内容
        </div>
        <!--    主内容end-->
    </div>
    <div id="footer">
        @copy; sunpin.com
    </div>
</div>
<style>
    #header {
        background-color:black;
        color:white;
        /*text-align:center;*/
        padding:5px;
    }
    .center{
        display: flex;
    }
    #nav {
        line-height:30px;
        background-color:#eeeeee;
        /*height:300px;*/
        width:20%;
        padding:5px;
    }
    #section {
        padding:10px;
        background: red;
        flex: 1;
    }
    #footer {
        background-color:black;
        color:white;
        clear:both;
        text-align:center;
        padding:5px;
    }
    ul{
        list-style: none;
    }
</style>
</body>
</html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      th:replace="demo/layout1">
    <div th:fragment="content">
        销售模块
    </div>
</html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      th:replace="demo/layout1">
    <div th:fragment="content">
        销售库存
    </div>
</html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      th:replace="demo/layout1">
    <div th:fragment="content">
        销售列表
        <span th:text="${saleList}">xx</span>
        <table>
            <tr th:each="sale : ${saleList}">
                <th scope="row" th:text="${saleStat.index + 1}">1</th>
                <td th:text="${sale.id}">neo</td>
                <td th:text="${sale.price}">Otto</td>
                <td th:text="${sale.quantity}">6</td>
                <td th:text="${sale.totalprice}">6</td>
                <td th:text="${sale.saledate}">6</td>
                <td th:text="${sale.userid}">6</td>
                <td th:text="${sale.productid}">6</td>
                <td><a th:href="@{/toSaleEdit(id=${sale.id})}">edit</a>|<a th:href="@{/deleteSale(id=${sale.id})}">delete</a></td>
            </tr>
        </table>
    </div>
</html>
package com.example.springboot_jxc_0511.jxc.controller;


import com.example.springboot_jxc_0511.jxc.entity.Sale;
import com.example.springboot_jxc_0511.jxc.entity.Users;
import com.example.springboot_jxc_0511.jxc.service.ISaleService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RestController;

import java.util.List;

/**
 * <p>
 *  前端控制器
 * </p>
 *
 * @author gongxl
 * @since 2021-05-11
 */
@Controller
@RequestMapping("/sale")
public class SaleController {
    @Autowired
    private ISaleService iSaleService;
    /**
     * @Author GongXl
     * @Description 销售模块
     * @Date 2021/5/11 16:59
     * @Param [model]
     * @return java.lang.String
     **/
    @RequestMapping("/toMainXs")
    public String toMainXs(Model model) {
        model.addAttribute("users",new Users());
        model.addAttribute("pageFlag","xs");
        return "main_xs";
    }
    /**
     * @Author GongXl
     * @Description 销售列表
     * @Date 2021/5/11 16:59
     * @Param [model]
     * @return java.lang.String
     **/
    @RequestMapping("/toMainXsList")
    public String toMainXsList(Model model) {
        List<Sale> saleList = iSaleService.list();
        model.addAttribute("users",new Users());
        model.addAttribute("pageFlag","xs_list");
        model.addAttribute("saleList",saleList);
        return "main_xs_list";
    }
    /**
     * @Author GongXl
     * @Description 销售库存
     * @Date 2021/5/11 16:59
     * @Param [model]
     * @return java.lang.String
     **/
    @RequestMapping("/toMainXsKc")
    public String toMainXsKc(Model model) {
        model.addAttribute("users",new Users());
        model.addAttribute("pageFlag","xs_kc");
        return "main_xs_kc";
    }

}

到此,关于“thymeleaf模板的使用方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

推荐阅读:
  1. SpringBoot 之Thymeleaf模板
  2. 如何针对Thymeleaf模板抽取公共页面

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

thymeleaf

上一篇:Java的简单工厂模式怎么用

下一篇:代理ip的速度快不快

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》