【JRender学习】（一）JRender的使用的心得，取值、画表格之类（这个Jrender还蛮好用的）

置顶

futurelist_Dane

于 2018-09-30 11:20:19 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：入门帖文章标签： html jrender jquery 入门括号取值

本文链接：https://blog.csdn.net/futurelist_Dane/article/details/82906413

本文介绍了JRender的使用，包括如何创建HTML模板，引入JS库（JQuery和JRender），以及如何组织数据。重点讲解了取值语法{{:[value]}}和模板的定义。文章以蒸包子的比喻生动阐述了数据（馅料）、模板（包子皮）和容器（碗）的关系，并展示了如何将数据绑定到模板并显示在页面上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

过程

1、建立html模板

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
	</head>
	<body>
		
	</body>
</html>

2、引入js文件（要用到jquery和jrender的js库）

注意注意，不注意你就掉沟里：jsrender的引用一定要放到jquery的后面，html从上到下解释，jrender有的要用到jquery的功能的，如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<!-- 此处顺序一定要将jrender放到jquery后面 -->
		<script src="js/jquery-3.3.1.min.js"></script>
		<script src="js/jsrender.min.js"></script>
	</head>
	<body>
		
	</body>
</html>