一、模板介绍
1.简单介绍
mustache是一种无逻辑的模板引擎,用于将数据渲染到模板上,然后可以将渲染过后的结构输出到任何地方,HTML、File……。
官方GitHub。
mustache是通过一种上下文环境(Context)将数据渲染到模板上。
2.Context简单说明
Context对应着数据对象本身,一开始的时候 Context 对应的就是传递的整个数据。当渲染列表时,Context的指向就会发生变化,每渲染到列表的某一项时,Context 就指向某一项的数据,同时内部的parent指针,着缓存着,上一级的Context。每次渲染数据时,先从当前的 Context指针上根据 key 去寻找对应的 value,如果当前 Context 指针没有对应的 key,则到上一级 Context 去匹配数据,依次类推。其实整个 Context 的模式就对应着数据的层级结构。
3.简单使用
使用都比较简单,常用的指令就只有几个, {
{ }}、{
{
{ }}}、{
{@ }}、{
{# }}{
{/ }}、{
{^ }}{
{/ }};下面直接贴出代码,在代码的注释里有一些注意事项。
模板:
<!-- 为了方便, 将模板放入到一个 script 节点下面 -->