《springboot总结》之模板thymeleaf
1.引入依赖：
org.springframework.boot spring-boot-starter-thymeleaf
spring:profiles:active: devmvc:view:prefix: /templatessuffix: .jspstatic-path-pattern: /static/**#热部署 true生效 false 不生效devtools:restart:enabled: falseadditional-exclude: /static/**additional-paths: src/main/javaservlet:multipart:max-file-size: 10MBmax-request-size: 10MB
3.引用thymeleaf模板
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"xmlns:th="http://www.thymeleaf.org">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="renderer" content="webkit"><link rel="shortcut icon" th:href="@{/favicon.ico}"/><link th:href="@{/css/fore/fore_login.css}" rel="stylesheet"><script th:src="@{/js/fore/fore_login.js}"></script><style rel="stylesheet">#baseNavigator {padding: 22px 0;width: 1190px;height: 44px;margin: auto;}#baseNavigator img {width: 190px;margin-top: 8px;}#nav {width: auto;height: 32px;font-family: "Microsoft YaHei UI", Tahoma, serif;font-size: 12px;position: relative !important;background: #f2f2f2;z-index: 999;border-bottom: 1px solid #e5e5e5;}</style><title>登录</title>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden"><nav id="baseNavigator"><a href="${pageContext.request.contextPath}" target="_self"><img th:src="@{/images/fore/WebsiteImage/tmallLogoA.png}"/></a>
</nav>
<div class="content"><div class="contentMain"></div><div class="loginDiv"><div class="loginSwitch" id="loginSwitch"></div><div class="loginMessage"><div class="loginMessageMain"><div class="poptip-arrow"><em></em><span></span></div><img th:src="@{/images/fore/WebsiteImage/scan-safe.png}"/><span>扫码登录更安全</span></div></div><div class="pwdLogin"><span class="loginTitle">密码登录</span><form method="post" class="loginForm"><div class="loginInputDiv"><label for="name" class="loginLabel"><imgth:src="@{/images/fore/WebsiteImage/2018-04-27_235518.png}"width="38px" height="39px" title="会员名"/></label><input type="text" name="name" id="name" class="loginInput" placeholder="会员名/邮箱/手机号"></div><div class="loginInputDiv"><label for="password" class="loginLabel"><imgth:src="@{/images/fore/WebsiteImage/2018-04-27_235533.png}"width="38px" height="39px" title="登录密码"/></label><input type="password" name="password" id="password" class="loginInput"></div><input type="submit" class="loginButton" value="登 录"></form><div class="loginLinks"><a href="#">忘记密码</a><a href="#">忘记会员名</a><a href="${pageContext.request.contextPath}/register">免费注册</a></div><div class="error_message"><p id="error_message_p"></p></div></div><div class="qrcodeLogin"><span class="loginTitle">手机扫码，安全登录</span><div class="qrcodeMain"><img th:src="@{/images/fore/WebsiteImage/login_qrcode.png}"id="qrcodeA"/><img th:src="@{/images/fore/WebsiteImage/login_qrcodeB.png}"id="qrcodeB"/></div><div class="qrcodeFooter"><img th:src="@{/images/fore/WebsiteImage/login_qrcodeB.png}"><p>打开 <a href="https://www.tmall.com/wow/portal/act/app-download">手机天猫</a> | <ahref="https://www.taobao.com/m">手机淘宝</a>扫一扫登录</p></div><div class="loginLinks"><a href="JavaScript:void(0)" id="pwdLogin">密码登录</a><a href="#">免费注册</a></div></div></div>
</div>
<th:block th:replace="footer :: footer" />
</body>
</html>4.公共部分引入：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"xmlns:th="http://www.thymeleaf.org" th:fragment="footer">
<head><link rel="stylesheet" th:href="@{/css/fore/fore_foot.css}"/>
</head>
<!--<div th:fragment="footer">--><div class="footer-copyright" ><div class="footer" ><p><a href="http://pages.tmall.com/wow/seller/act/zhaoshangproduce" target="_blank">关于天猫</a><a href="http://service.tmall.com/support/tmall/tmallHelp.htm" target="_blank">帮助中心</a><a href="http://open.taobao.com" target="_blank">开放平台</a><a href="http://job.alibaba.com/zhaopin/index.htm" target="_blank">诚聘英才</a><a href="http://consumerservice.taobao.com/contact-us" target="_blank">联系我们</a><a href="http://xtao.tmall.com?tracelog=tmallfoot" target="_blank">网站合作</a><a href="http://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201703241622_61002.html"target="_blank">法律声明及隐私权政策</a><a href="http://ipp.alibabagroup.com/" target="_blank">知识产权</a><a href="http://jubao.alibaba.com/index.html?site=TMALL" target="_blank">廉正举报</a><a href="http://rule.tmall.com/trulecycle.htm" target="_blank" class="noneStyle">规则意见征集</a></p><p class="footertwo"><a href="http://www.alibabagroup.com/cn/global/home" target="_blank">阿里巴巴集团</a><a href="http://www.taobao.com" target="_blank">淘宝网</a><a href="http://www.tmall.com/" target="_blank">天猫</a><a href="http://ju.taobao.com/" target="_blank">聚划算</a><a href="http://www.aliexpress.com/" target="_blank">全球速卖通</a><a href="http://www.alibaba.com/" target="_blank">阿里巴巴国际交易市场</a><a href="http://www.1688.com/" target="_blank">1688</a><a href="http://www.alimama.com/" target="_blank">阿里妈妈</a><a href="http://www.fliggy.com/" target="_blank">飞猪</a><a href="http://www.aliyun.com/" target="_blank">阿里云计算</a><a href="http://www.yunos.com/" target="_blank">YunOS</a><a href="http://aliqin.cn/" target="_blank">阿里通信</a><a href="http://www.net.cn/" target="_blank">万网</a><a href="http://www.autonavi.com/" target="_blank">高德</a><a href="http://www.uc.cn/" target="_blank">UC</a><a href="http://www.umeng.com/" target="_blank">友盟</a><a href="http://www.xiami.com/" target="_blank">虾米</a><a href="http://www.alibabaplanet.com" target="_blank">阿里星球</a><a href="http://www.laiwang.com/" target="_blank">来往</a><a href="http://www.dingtalk.com/?lwfrom=20150205115110773" target="_blank">钉钉</a><a href="https://www.alipay.com" target="_blank">支付宝</a></p><div class="copyright">增值电信业务经营许可证：<a href="http://www.miibeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">浙B2-20110446</a>网络文化经营许可证：<a href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/toDetail/CB964ABC7B904B7BA3472DDF700A2D6D"target="_blank">浙网文[2015]0295-065号</a><a href="http://jb.ccm.gov.cn/" target="_blank">12318举报</a><br/>互联网药品信息服务资质证书编号：<a href="http://img.alicdn.com/tps/TB1vi6vPVXXXXbVXVXXXXXXXXXX-927-653.png"target="_blank">浙-（经营性）-2017-0005</a><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010002000120" target="_blank"><img th:src="@{/images/fore/WebsiteImage/TB1yEqRPXXXXXXPXpXXXXXXXXXX-20-20.png}">浙公网安备 33010002000120号</a><br/><span style="font-weight: bold;">© 2018 贤趣开发小组 版权所有</span><span> 你知道什么是996.ICU吗？</span><a href="https://996.icu"><img src="https://img.shields.io/badge/link-996.icu-red.svg" alt="996.icu"/></a></div></div>
</div>
</body>
</html>
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！