thymeleaf标签——页面引入表头

版权声明:版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_42248764/article/details/84890418

本文旨为笔记,仅供参考
在前端页面用thymeleaf标签做一个非常简易的页面包含表头的例子:
效果如图:
在这里插入图片描述

非常简单:

只需要一个标签就ok·

<div th:include="header ::myheader"> </div>

再看看表头部分:

<body>
	<div th:fragment="myheader">
		<div style="color:red">首页 滚动 国际 图片 视频 军事 评论 历史 文化 谷雨 公益 旅游 新闻哥</div>
		
		<!-- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
		</script> -->
	</div>
	
	
</body>

在正文部分引入表头,就可以在每一个页面都有表头的内容:

<body>
	//header代表类名 ;
	//myheader代表 th:fragment
	
	<div th:include="header ::myheader"></div>
	
	//弹出提示框
	<script>alert($);</script>
			
	记者从国防科工局、国家航天局获悉:12月8日2时23分,我国在西昌卫星发射中心用长征三号乙运载火箭成功发射嫦娥四号探测器,<br/>
	开启了月球探测的新旅程。嫦娥四号探测器后续将经历地月转移、近月制动、环月飞行,最终实现人类首次月球背面软着陆,<br/>
	开展月球背面就位探测及巡视探测,并通过已在使命轨道运行的“鹊桥”中继星,实现月球背面与地球之间的中继通信。<br/>
	
</body>

猜你喜欢

转载自blog.csdn.net/weixin_42248764/article/details/84890418
今日推荐