ektx / GenerateTemHTML

模板生成器

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GenerateTemHTML

HTML模板生成器

参数说明

	// @temlpate: 模板名称,最好是id,样式最好是唯一
	// @data: JSON数组数据
	var html = generateTemHTML(temlpate, data);

使用方式:

将要使用的HTML指定一个id,对内容数据进行[[[数据可以用内容]]]来处理

<head>
...
<!-- 添加 jq -->
<script src="js/jquery.min.js"></script>
<!-- 添加 generateTemHTML -->
<script src="js/generateTemHTML.js"></script>
...
</head>
<body>
	<!-- 编写模板 -->
	<ul id="demo-template">
		<li>
			<h2>[[[姓名]]]</h2>
			<p>[[[年龄]]]</p>
		</li>
	</ul>

<script>
	var data =  [
		{'姓名': 'zwl', '年龄': 27},
		{'姓名': '张飞', '年龄': 57}
	];

	// 引入模板
	var html = generateTemHTML('#demo-template', data)
	// 生成代码
	$('#demo-template').html(html)
</script>
</body>

About

模板生成器


Languages

Language:JavaScript 60.1%Language:HTML 39.9%