doT.js 实例

最新推荐文章于 2024-03-14 11:53:05 发布

颜华的部落格

最新推荐文章于 2024-03-14 11:53:05 发布

阅读量2.6k

点赞数

分类专栏： HTML 文章标签： doT.js

本文链接：https://blog.csdn.net/u012265444/article/details/70878015

版权

通过模板引擎doT.js，可以实现界面与数据的高效分离，提高开发效率并促进代码重用。查看官方GitHub仓库了解更多。

摘要由CSDN通过智能技术生成

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		div{
			font-family: "微软雅黑";
			font-size: 18px;
			line-height: 23px;
			text-align: center;
			width: 485px;
			margin: 0 auto;
		}
		.jishu{
			background: orange;
		}
		.oushu{
			background: yellow;
		}
		table td{
			padding: 5px 44px;
			border: 1px solid #f36;
		}
		thead tr{
			background: #102b6a;
			color: white;
		}
	</style>
</head>
<body>
	<div >
		
	</div>
	<script src="../jquery-1.11.0.min.js"></script>
	<script src="../doT.min.js"></script>

	<!-- 将类型设置为template，标识为doT.JS -->
	<script type="template" id="dotTmpl">
		<table>
			<thead>
				<tr>
					<th>姓名</th>
					<th>性别</th>
					<th>入学日期</th>