[建站]古董级模版引擎技术handlebar

建站 · 2021-01-13

随着前端的发展,这些都已经是退出历史舞台的技术,
但本着完整记录的初衷,还是简单介绍一下:

handlebars.js

1.下载并引用Handlebars.js

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.3.0/handlebars.js"></script>

2.代码示例

//html展示
<div class="entry">
  <h1>{{title}}</h1>
  <h2>By {{author.name}}</h2>
  <div class="body">{{body}}</div>
</div>

//数据源
<script>
var context = {
  title: 'My First Blog Post!',
  author: {
    id: 47,
    name: 'Yehuda Katz',
  },
  body: 'My first post. Wheeeee!',
}</script>

参考:http://keenwon.com/992.html
文末附送一个json在线编辑生成器网站
http://www.bejson.com/jsoneditoronline/

handlebars json编辑
Theme Jasmine by Kent Liao