`
sunnyhl
  • 浏览: 79655 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

node.js 模板jst

阅读更多
-----------------------
感觉不太像通常所说的“模板”,所谓的模板有点像早选与的jsp、asp页面。
------------------------
默认通过<textarea>来保存html模板。
     类似freemarker的结构。
     速度较快。
     http://www.cnblogs.com/fengmk2/archive/2011/04/28/2031971.html

     语法示例:
<a href="/login{if returnURL != null && returnURL != 'main'}?goto=${returnURL}{/if}" mce_href="login{if returnURL != null && returnURL != 'main'}?goto=${returnURL}{/if}">Login</a>

 
     模板:(看样子像页面文件)
     接下来就是待解析的模板了,放在了一个id为cart_jst的textarea里
<textarea id="cart_jst" style="display:none;">
Hello ${customer.first} ${customer.last}.<br/>
Your shopping cart has ${products.length} item(s):
<table><tr><td>Name</td><td>Description</td><td>Price</td><td>Quantity &amp;amp; Alert</td></tr>
{for p in products}
<tr><td>${p.name|capitalize}</td><td>${p.desc}</td><td>$${p.price}</td><td>${p.quantity} : ${p.alert|default:""|capitalize}</td></tr>
{forelse}
<tr><td colspan="4">No products in your cart.</tr>
{/for}
</table>
{if customer.level == "gold"}
We love you!  Please check out our Gold Customer specials!
{else}
Become a Gold Customer by buying more stuff here.
{/if}
</textarea>


实际内容:(客服端访问结果)

最后的内容就像这样
Hello John Public.<br/>
Your shopping cart has 3 item(s):
<table><tr><td>Name</td><td>Description</td><td>Price</td><td>Quantity &amp;amp; Alert</td></tr><tr><td>MAC</td><td>computer</td><td>$1000</td><td>100 : </td></tr><tr><td>IPOD</td><td>music player</td><td>$200</td><td>200 : ON SALE NOW!</td></tr><tr><td>CINEMA DISPLAY</td><td>screen</td><td>$800</td><td>300 : BEST DEAL!</td></tr></table>

参考:http://www.blogjava.net/xiaomage234/archive/2009/11/10/301767.html
分享到:
评论

相关推荐

    jade:基于Tilt的服务器端Jade编译器

    Jade.JS是最流行的Node.JS模板框架。 这个gem使您能够轻松地在服务器端编译Jade模板(类似于Sprockets .eco引擎的工作方式)。 宝石应该与JST引擎一起使用。 例子 sample.jst.jade: !!!5 head title Hello, #{...

    前端开源库-prejst

    1. 安装:通过npm(Node.js包管理器)安装`prejst`,命令通常是`npm install prejst`。 2. 配置:配置`prejst`以指定JST模板文件的位置和输出的AMD模块路径。 3. 预编译:运行`prejst`命令,它会读取JST文件并生成...

    基于JavaScript和TypeScript的京东项目设计源码及多语言支持

    25个JST模板文件和24个映射文件说明了项目在前后端分离中模板和数据绑定的应用。19个npm忽略文件则体现了项目在使用npm(Node.js包管理器)进行模块化开发中对特定文件的忽略需求。18个JPG图片文件和16个PNG图片文件...

    前端开源库-browserify-compile-templates

    Browserify允许开发者利用Node.js的CommonJS模块系统在浏览器环境中编写代码,这意味着我们可以将JavaScript代码拆分为可重用的模块,然后在页面上按需加载。这个特性使得前端代码的结构更加清晰,维护性更强。 **...

    in-memoriam:NPR Music纪念在2012年去世的歌手,乐器演奏家,词曲作者和名人。2012年12月24日

    )在悼念这里有什么该项目包含以下文件夹和重要文件: data -数据文件,例如用于生成HTML的数据文件jst -Javascript( )模板less 文件将被编译为CSS并串联以进行部署templates -HTML( )模板,将在本地编译www要...

    sotomayor:最高法院大法官索尼亚·索托马约尔(Sonia Sotomayor)与NPR分享了她的故事-一个充满家庭照片的手提箱

    jst -Javascript( )模板 less 文件将被编译为CSS并串联以进行部署 templates -HTML( )模板,将在本地编译 www要部署的静态和已编译资产(又称为“输出”) app.py一个应用程序,用于在本地渲染项目。 app_...

    基于JavaScript的股票资讯与交易系统设计源码

    npm忽略文件(66个)揭示了项目可能使用npm(Node.js的包管理器)来管理项目依赖,保证开发环境的一致性。 此外,TypeScript文件(61个)的存在表明开发者在项目中采用了TypeScript来增强JavaScript的类型系统,...

    基于Vue3框架的uni-app租赁平台设计源码

    Vue文件和JST文件的存在则直接关联到视图层的构建和模板渲染。 进一步分析源码文件的组织结构,我们可以发现几个关键文件夹:pages.json是定义页面路由和页面配置的主要文件,它负责管理整个平台的页面结构;node_...

    基于Vue框架的青岛兼职小程序二期前端设计源码

    图片文件、JST文件、Map文件、SCSS文件和MJS模块文件等其他资源,各自承担着小程序界面美化、模板渲染、样式定义和模块封装等功能。 源码的基础结构包括node_modules文件夹,这是存放项目所依赖的npm包的地方,这些...

    基于Vue框架的海南康烯小程序设计源码

    JST文件的存在说明项目可能还使用了某些特定的模板或预处理技术。 源码的组织结构清晰,功能全面,表明了开发者遵循了良好的软件工程实践。文件夹如pages、node_modules、uni_modules、store、api、unpackage、...

Global site tag (gtag.js) - Google Analytics