论坛首页 Web前端技术论坛

关于json template一点思考

浏览 9371 次
精华帖 (0) :: 良好帖 (1) :: 新手帖 (11) :: 隐藏帖 (1)
作者 正文
   发表时间:2010-03-04  
google的jst也不错,项目在用~~
0 请登录后投票
   发表时间:2010-03-04  
fkpwolf 写道
jindw 写道
前端模板必须借助后端模板这个平台才能发展起来。
对前端模板感兴趣的同学可以试试这个:

http://lite.googlecode.com


server端也要模板么?难道生成json也要模板?


无语了,可怜的纯前端工程师。
0 请登录后投票
   发表时间:2010-03-05  
jindw 写道
fkpwolf 写道
jindw 写道
前端模板必须借助后端模板这个平台才能发展起来。
对前端模板感兴趣的同学可以试试这个:

http://lite.googlecode.com


server端也要模板么?难道生成json也要模板?


无语了,可怜的纯前端工程师。

我这样认为:既然json已经在client端用模板来生成html,server端难道还要用模板来render json?如果后端模板指jsp, rails之类,那应该跟前端模板关系不大,它只管生成json。

错误之处请赐教。
0 请登录后投票
   发表时间:2010-03-05  
fkpwolf 写道
jindw 写道
fkpwolf 写道
jindw 写道
前端模板必须借助后端模板这个平台才能发展起来。
对前端模板感兴趣的同学可以试试这个:

http://lite.googlecode.com


server端也要模板么?难道生成json也要模板?


无语了,可怜的纯前端工程师。

我这样认为:既然json已经在client端用模板来生成html,server端难道还要用模板来render json?如果后端模板指jsp, rails之类,那应该跟前端模板关系不大,它只管生成json。

错误之处请赐教。


定势思维害死人。
前后端的分工并不应该局限在是否在浏览器上运行。
而应该更多关注某种逻辑是否与展现相关。
0 请登录后投票
   发表时间:2010-03-05  
jindw 写道
fkpwolf 写道
jindw 写道
fkpwolf 写道
jindw 写道
前端模板必须借助后端模板这个平台才能发展起来。
对前端模板感兴趣的同学可以试试这个:

http://lite.googlecode.com


server端也要模板么?难道生成json也要模板?


无语了,可怜的纯前端工程师。

我这样认为:既然json已经在client端用模板来生成html,server端难道还要用模板来render json?如果后端模板指jsp, rails之类,那应该跟前端模板关系不大,它只管生成json。

错误之处请赐教。


定势思维害死人。
前后端的分工并不应该局限在是否在浏览器上运行。
而应该更多关注某种逻辑是否与展现相关。

这,不是很明白,我就不揣摩圣衣了。
0 请登录后投票
   发表时间:2010-03-06  
hehe,我的理解,js相关的东西比如数据和模板,不一定是js编出来的,可以通过java,.net等生成。js这个东西其实模糊了前后台的界限的。其实你调用一个js函数,完全不必理会它是前段计算还是后端计算。
0 请登录后投票
   发表时间:2010-03-07   最后修改:2010-03-08
akandfxs 写道
hehe,我的理解,js相关的东西比如数据和模板,不一定是js编出来的,可以通过java,.net等生成。js这个东西其实模糊了前后台的界限的。其实你调用一个js函数,完全不必理会它是前段计算还是后端计算。

是的。我在试用模板时,发现模板中的数据其实很多要用代码产生出来,最常见的比如翻译文字。
所以这里有点像模板(json)的模板(jsp)
0 请登录后投票
   发表时间:2010-03-07   最后修改:2010-03-07
楼主可以看看这个模板:http://github.com/edspencer/jaml
Templating
Usually we want to inject data into templates – let’s see how to do that:
Jaml.register('product', function(product) {
  div({cls: 'product'},
    h1(product.title),

    p(product.description),

    img({src: product.thumbUrl}),
    a({href: product.imageUrl}, 'View larger image'),

    form(
      label({for: 'quantity'}, "Quantity"),
      input({type: 'text', name: 'quantity', id: 'quantity', value: 1}),

      input({type: 'submit', value: 'Add to Cart'})
    )
  );
});

And now to render it:
//this is the product we will be rendering
var bsg = {
  title      : 'Battlestar Galactica DVDs',
  thumbUrl   : 'thumbnail.png',
  imageUrl   : 'image.png',
  description: 'Best. Show. Evar.'
};

Jaml.render('product', bsg);

Which gives us:
<div class="product">
  <h1>Battlestar Galactica DVDs</h1>
  <p>Best. Show. Evar.</p>
  <img src="thumbnail.png" />
  <a href="image.png">View larger image</a>
  <form>
    <label for="quantity">Quantity</label>
    <input type="text" name="quantity" id="quantity" value="1"></input>
    <input type="submit" value="Add to Cart"></input>
  </form>
</div>
0 请登录后投票
   发表时间:2010-03-07  
或者可以参考Firefox的模板语法特性(或者利用这个思路来置换模板的内容):
http://www.w3schools.com/e4x/tryit.asp?filename=trye4x_demo
0 请登录后投票
   发表时间:2010-03-08  
我也推荐一个
俺写的前台模板 jCT 看专题吧
http://achun.iteye.com/category/33268
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics