thymeleaf模板的使用方法

這篇文章主要介紹“thymeleaf模板的使用方法”，在日常操作中，相信很多人在thymeleaf模板的使用方法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”thymeleaf模板的使用方法”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

在臨武等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作定制開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),營銷型網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè)公司,臨武網(wǎng)站建設(shè)費(fèi)用合理。

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>
        <!--    主內(nèi)容start-->
        <div id="section" th:include="::content">
            頁面正文內(nèi)容
        </div>
        <!--    主內(nèi)容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";
    }

}

到此，關(guān)于“thymeleaf模板的使用方法”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！

網(wǎng)頁題目：thymeleaf模板的使用方法
瀏覽地址：http://m.kartarina.com/article42/jecchc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、電子商務(wù)、網(wǎng)站改版、網(wǎng)站設(shè)計(jì)公司、外貿(mào)網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容