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

最近在开发一个管理系统 在数据呈现时候 使用了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有时候也过于庞大了哈~