首页 > Web开发 > 详细

非常便利的前端模板smarty js 的使用

时间:2016-03-08 00:24:32      阅读:329      评论:0      收藏:0      [点我收藏+]

最近在开发一个管理系统 在数据呈现时候 使用了smarty js的 库 。熟悉php smarty摸板的应该很熟悉

但我一开始还是表示怀疑态度的! 现在用了不要太爽哈 其实腾讯大大也在用类似的模板生成数据 比方lol 抽皮肤活动!!

用法很简单

1 获得json数据 通常是ajax获取json 或者直接动态json生成

2 创建html

技术分享

3 调用

技术分享

然后就可以在htm里生成数据了

技术分享

 

很神奇 也很方便 好了我只是拖 说这个不错而已 用法是别的博主转载的 感谢

github地址:  https://github.com/miroshnikov/jsmart(里面也有教程)

首先来看if语句,if语句

{if},{elseif},{else}
{if $foo != ‘bar‘}
   bar
{elseif $foo == ‘abc‘}
   buh
{else}
   smth else
{/if}

foreach语句

{foreach $comic as $i => $comic}
      <tr>
        <td>{$comic.cnum}</td><td>{$comic.ctitle}</td>
        <td><a href="javascript:lookComic({$comic.cpage});">查看</a>
         <a href="javascript:editComic({$comic.cpage});">修改</a>
         <a href="javascript:deleteComic({$comic.cpage});">删除</a>
        </td>
      </tr>
      {foreachelse}
                            <td>没有数据</td><td>没有数据</td>
      {/foreach}

 还可以使用javascript 但不推荐 js里再生成js 没什么意义 而且变量是全局的

{$foo = ‘bar‘}

{javascript}
   if (foo == ‘bar‘)

    alert(foo); // res: bar
    }
{/javascript}

还有很多用法 但也没时间仔细研究 边学边用吧

蛮适合做小功能性网页的, php的smarty有时候也过于庞大了哈~

 

非常便利的前端模板smarty js 的使用

原文:http://www.cnblogs.com/lanbosm/p/5252450.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!