jSmart 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
jSmart 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
jSmart 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
jSmart 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
jSmart 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

jSmart 是著名的 PHP 模板引擎 Smarty 的 JavaScript 移植版本。

示例模板:

<script id="test_tpl" type="text/x-jsmart-tmpl">
   
<h1>{$greeting}</h1>
   
{foreach $books as $i => $book}
     
<div style="background-color: {cycle values="cyan,yellow"};">
         
[{$i+1}] {$book.title|upper} by {$book.author}
           
{if $book.price}                                
               
Price: <span style="color:red">${$book.price}</span>
           
{/if}                                          
      </
div>
   
{foreachelse}
     
No books
   
{/foreach}
   
Total: {$book@total}
</script>
展开阅读全文

评论 (0)

加载中
更多评论
暂无内容
2014/10/26 23:21

JS模板引擎 之 Jsmart

--定义和使用 //定义 <script id="tmpl" type="text/x-jsmart-tmpl"> </script> <div id="content"></div> //使用 var jsmart_tmpl = document.getElementById('tmpl').innerHTML; var tmpl = new jSmart(jsmart_tmpl); var tmpl_html = tmpl .fetch(data); document.getElementById('content').innerHTML = tmpl_html; --基本语法 jsmart这个模板是模仿php smart模板引擎编写的,基本语法是相同的 请参照php s...

0
0
发表于软件架构专区
2018/06/15 16:00

用北哥三个火枪手(yii2+houjs+yii2-wx)实现微信礼物打赏功能 --- 上部

> 有段时间没有写实战类的文章了,今天分享一篇,使用yii2+houjs+yii2-wx实现微信送礼物功能。 先来个效果图 ![](https://user-gold-cdn.xitu.io/2018/6/15/164026fa325a1f93?w=1346&h=566&f=jpeg&s=97131) 简单点说就是点击**“送礼物”**按钮后出现一个弹出框,里面有很多礼物,点击某个礼物后弹出框刷新并出现一个二维码,微信扫码支付。 当然这个钱会进入到会员的个人账号内,然后提现。 **为何要做这样一个功能那?** 说心...

0
5
发表了博客
2013/06/21 19:29

13款javascript模板引擎

JavaScript 在生成各种页面内容时如果能结合一些模板技术,可以让逻辑和数据之间更加清晰,本文介绍 X 款 JavaScript 的模板引擎。(排名不分先后顺序) 1. Mustache 基于javascript 实现的模板引擎,类似于 Microsoft’s jQuery template plugin,但更简单易用! 2. EasyTemplate 在使用过Freemarker模板后,感 觉它的 语法比较朴实,平易近人,容易上手,于是决定按它的语法风格实现一个前端的 模板引擎,这就有了下面的EasyTem...

0
3
发表于大前端专区
2013/07/29 12:02

推荐13款javascript模板引擎

javaScript 在生成各种页面内容时如果能结合一些模板技术,可以让逻辑和数据之间更加清晰,本文介绍 X 款 JavaScript 的模板引擎。(排名不分先后顺序) 1. Mustache 基于javascript 实现的模板引擎,类似于 Microsoft’s jQuery template plugin,但更简单易用! 2. EasyTemplate 在使用过Freemarker模 板后,感觉它的 语法比较朴实,平易近人,容易上手,于是决定按它的语法风格实现一个前端的 模板引擎,这就有了下面的EasyTem...

1
19
发表于大前端专区
01/13 14:23

Java转前端开发难吗?

  Java转前端开发难吗?自 Java转向前端以来,它一直在思考近年来前端的变化。之前将数据填充到 html的过程在 Service上完成, Service的模版引擎,如jsp、 velocity、 freemarker等,支持循环和条件判断。   根据组件的概念,可以将一个页面或多个页面之间的相同部分提取为组件,如 jsp的@includevelocity的# weight,数据具有 page、 request、 session、application4个域,并进行了良好的层次结构处理, page用于存储当前...

0
0
发表于大前端专区
01/11 14:39

Java转前端开发难吗?

  Java转前端开发难吗?自 Java转向前端以来,它一直在思考近年来前端的变化。之前将数据填充到 html的过程在 Service上完成, Service的模版引擎,如jsp、 velocity、 freemarker等,支持循环和条件判断。   根据组件的概念,可以将一个页面或多个页面之间的相同部分提取为组件,如 jsp的@includevelocity的# weight,数据具有 page、 request、 session、application4个域,并进行了良好的层次结构处理, page用于存储当前...

0
0
发表于大前端专区
2020/11/14 16:19

Java转前端开发难吗?

  Java转前端开发难吗?自 Java转向前端以来,它一直在思考近年来前端的变化。之前将数据填充到 html的过程在 Service上完成, Service的模版引擎,如jsp、 velocity、 freemarker等,支持循环和条件判断。   根据组件的概念,可以将一个页面或多个页面之间的相同部分提取为组件,如 jsp的@includevelocity的# weight,数据具有 page、 request、 session、application4个域,并进行了良好的层次结构处理, page用于存储当前...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
17 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部