锁定老帖子 主题:关于json template一点思考
精华帖 (0) :: 良好帖 (1) :: 新手帖 (11) :: 隐藏帖 (1)
|
|
---|---|
作者 | 正文 |
发表时间:2010-03-04
google的jst也不错,项目在用~~
|
|
返回顶楼 | |
发表时间:2010-03-04
fkpwolf 写道 jindw 写道
server端也要模板么?难道生成json也要模板? 无语了,可怜的纯前端工程师。 |
|
返回顶楼 | |
发表时间:2010-03-05
jindw 写道 fkpwolf 写道 jindw 写道
server端也要模板么?难道生成json也要模板? 无语了,可怜的纯前端工程师。 我这样认为:既然json已经在client端用模板来生成html,server端难道还要用模板来render json?如果后端模板指jsp, rails之类,那应该跟前端模板关系不大,它只管生成json。 错误之处请赐教。 |
|
返回顶楼 | |
发表时间:2010-03-05
fkpwolf 写道 jindw 写道 fkpwolf 写道 jindw 写道
server端也要模板么?难道生成json也要模板? 无语了,可怜的纯前端工程师。 我这样认为:既然json已经在client端用模板来生成html,server端难道还要用模板来render json?如果后端模板指jsp, rails之类,那应该跟前端模板关系不大,它只管生成json。 错误之处请赐教。 定势思维害死人。 前后端的分工并不应该局限在是否在浏览器上运行。 而应该更多关注某种逻辑是否与展现相关。 |
|
返回顶楼 | |
发表时间:2010-03-05
jindw 写道 fkpwolf 写道 jindw 写道 fkpwolf 写道 jindw 写道
server端也要模板么?难道生成json也要模板? 无语了,可怜的纯前端工程师。 我这样认为:既然json已经在client端用模板来生成html,server端难道还要用模板来render json?如果后端模板指jsp, rails之类,那应该跟前端模板关系不大,它只管生成json。 错误之处请赐教。 定势思维害死人。 前后端的分工并不应该局限在是否在浏览器上运行。 而应该更多关注某种逻辑是否与展现相关。 这,不是很明白,我就不揣摩圣衣了。 |
|
返回顶楼 | |
发表时间:2010-03-06
hehe,我的理解,js相关的东西比如数据和模板,不一定是js编出来的,可以通过java,.net等生成。js这个东西其实模糊了前后台的界限的。其实你调用一个js函数,完全不必理会它是前段计算还是后端计算。
|
|
返回顶楼 | |
发表时间:2010-03-07
最后修改:2010-03-08
akandfxs 写道 hehe,我的理解,js相关的东西比如数据和模板,不一定是js编出来的,可以通过java,.net等生成。js这个东西其实模糊了前后台的界限的。其实你调用一个js函数,完全不必理会它是前段计算还是后端计算。
是的。我在试用模板时,发现模板中的数据其实很多要用代码产生出来,最常见的比如翻译文字。 所以这里有点像模板(json)的模板(jsp) |
|
返回顶楼 | |
发表时间: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> |
|
返回顶楼 | |
发表时间:2010-03-07
或者可以参考Firefox的模板语法特性(或者利用这个思路来置换模板的内容):
http://www.w3schools.com/e4x/tryit.asp?filename=trye4x_demo |
|
返回顶楼 | |
发表时间:2010-03-08
我也推荐一个
俺写的前台模板 jCT 看专题吧 http://achun.iteye.com/category/33268 |
|
返回顶楼 | |