Juicer模板渲染举例

当前最新版本: 0.6.14

Juicer 是一个高效、轻量的前端 (Javascript) 模板引擎，使用 Juicer 可以是你的代码实现数据和视图模型的分离(MVC)。除此之外，它还可以在 Node.js 环境中运行。

你可以在遵守 MIT Licence 的前提下随意使用并分发它。Juicer 代码完全开源并托管在 Github 上，如果你在使用的过程中发现什么 Bug 抑或是一些好的建议都欢迎在 Github Issue 上提交。

Juicer 的引入

<script type="text/javascript" src="juicer-min.js></script>

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><metacontent="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"name="viewport"/><title>index</title></head><body><script src="./js/rem.js"></script><div id="app"><script id="list-tpl" type="text/template"><ul>{@each list as it,index}<li>${it.name} (index: ${index})</li>{@/each}{@each blah as it}<li>num: ${it.num} <br />{@if it.num==3}{@each it.inner as it2}${it2.time} <br />{@/each}{@/if}</li>{@/each}</ul></script></div><script type="text/javascript" src="./js/jquery-1.11.0-min.js"></script><script type="text/javascript" src="./js/juicer-min.js"></script><script type="text/javascript">var data = {list: [{ name: ' guokai', show: true },{ name: ' benben', show: false },{ name: ' dierbaby', show: true },],blah: [{ num: 1 },{ num: 2 },{num: 3,inner: [{ time: '15:00' },{ time: '16:00' },{ time: '17:00' },{ time: '18:00' },],},{ num: 4 },],};var res = data;var a = $('#list-tpl').html(),n = juicer(a, res);$('#app').html(n);</script></body>
</html>

Juicer模板渲染举例相关推荐

juicer模板返回html,juicer模板的使用
一.juicer模板的使用什么是juicer(what)? Juicer 是一个高效.轻量的前端 (Javascript) 模板引擎,使用 Juicer 可以是你的代码实现数据和视图模型的分离(MV ...
juicer模板引擎学习
juicer github地址:https://github.com/PaulGuo/Juicer 引入juicer 1.变量${变量名} 这些变量名在后面都需要通过juicer(模板字符串,data ...
对于模板渲染的页面，如何针对渲染出来的对象添加事件
我们在javaweb编程中往往从数据库中将数据取出来,使用模板渲染到页面上,渲染的数据上我们又希望可以产生不同的响应对于这样的问题,我们应该怎样实现场景的描述: <ul class=" ...
Django2.0——模板渲染（一）
在前面的介绍中我们都是用简单的 django.http.HttpResponse来把内容显示到网页上,本节将讲解如何使用渲染模板的方法来显示内容,即调用精美的HTML页面.模板的创建既可以在项目下创建 ...
Django的模板渲染(render)机制
2019独角兽企业重金招聘Python工程师标准>>> 一旦你创建一个 Template 对象,你可以用 context 来传递数据给它. 一个context 是一系列变量和它们值的 ...
flask mysql项目模板渲染_[Flask] Flask问题集（后端模板渲染项目）
1.redirect和render_template的区别? redirect:重定向,会改变url render_template:模板渲染,用模板来渲染当前页,不会改变url 2.关于 'g' 对 ...
flask mysql项目模板渲染_Flask模板渲染
五.flask模板渲染 py文件: from flask import Flask,render_template,Markup app = Flask(__name__) app.debug = T ...
Django学习笔记之模板渲染、模板语言、simple_tag、母版子版、静态配置文件
一.首先我们用PyCharm来创建一个Django项目终端命令:django-admin startproject sitename 图形创建: 这样一个Django项目就创建完成了,上面可以看到项 ...
Go gin静态文件的使用、自定义模板渲染器
Go gin静态文件的使用一.指定静态文件路径 engine.Static("/static", "static") 第一个参数是url,第二个参数是url对 ...

Juicer模板渲染举例

Juicer模板渲染举例相关推荐

最新文章

热门文章