关于使用tpl模板如何从模板中取数据放入js中

最近在百度地图实习,地图等业务一般都是使用PHP,所以一般模板是smarty,有的模块可以在tpl中判断,然后渲染,有的则需要在js中作进一步判断,对于PHP传过来的变量,怎么导入到js中呢?使用 var s = {%json_encode($arrOutput)%}; require("authenticate.js").init(s.data);

js中进行封装,只需要将数据传入,如上式中的s.data。

require("authenticate.js").init(s.data);等效于var authenticate = require("authenticate.js"); authenticate.init(s.data);

js 中写module.exports = {

el:"  ( 容器 ) ",

init:function(xx){

this.bindEvent(xx);

},

bindEvent:function(yy){


}


};

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Freemarker模板文件的扩展名通常为`.ftl`,而不是`.tpl`。你可以创建一个以`.ftl`为扩展名的文件,并使用Freemarker的模板语法编写动态内容。 以下是一个简单的FreeMarker模板示例: ```freemarker <html> <head> <title>Welcome to FreeMarker!</title> </head> <body> <h1>Welcome ${user}!</h1> <p>Here are your orders:</p> <ul> <#list orders as order> <li>${order}</li> </#list> </ul> </body> </html> ``` 在上面的模板,`${user}`和`${order}`是Freemarker的变量插值语法,它们会被实际的值替换。`<#list>`语句用于遍历`orders`列表并生成相应的HTML代码。 你可以将上述模板保存在一个以`.ftl`为扩展名的文件,例如`welcome.ftl`。 在使用Freemarker时,你需要创建一个`Configuration`对象,并将其配置为加载模板文件的位置。然后,使用`Template`对象加载模板,并将数据模型传递给它。最后,使用`Template.process()`方法将数据模型与模板合并,生成最终的输出。 以下是一个简单的Java示例: ```java Configuration cfg = new Configuration(Configuration.VERSION_2_3_31); cfg.setClassForTemplateLoading(this.getClass(), "/templates"); Template template = cfg.getTemplate("welcome.ftl"); Map<String, Object> data = new HashMap<>(); data.put("user", "John"); data.put("orders", Arrays.asList("Order 1", "Order 2", "Order 3")); Writer out = new StringWriter(); template.process(data, out); String output = out.toString(); ``` 在上面的示例,我们将模板文件放在`/templates`目录下,并使用`cfg.setClassForTemplateLoading()`方法设置模板加载的位置。然后,我们创建一个包含用户和订单数据的`Map`对象,并将其传递给`template.process()`方法。最后,我们将生成的输出保存在一个字符串。 希望这个示例能帮助你理解Freemarker模板的基本用法。请记住,Freemarker有更多的语法和功能,你可以参考官方文档以了解更多信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值