您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
这篇文章主要介绍“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模板的使用方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。