如何在play框架中为不同的视图页面指定不同的JS文件
How to specify, different JS file for different view page in play framework?
我们如何在play框架中为不同的视图页面定义不同的javascript文件??
一种方法是=>
@main(title, """
@*JS CODE*@
"""{
//Template Codes
}
在主模板中使用=>
@(title,stringJS){
<script>
@Html(stringJS)
</script>
}
但是,如果JS代码不是在所有页面中使用,而是在选定的少数页面中使用,开发人员不能在每个相对视图页面中复制JS代码。在我的例子中,所有的javascript都加载在页脚,这是一个单独的模板。
我们如何解决这个问题?
任何帮助都是感激的,谢谢!
在通用模板用例 doc, section: 'moreScripts and moreStyles equivalents'
简而言之,它是这样工作的(view)
@moreScripts = {
<script type="text/javascript">alert("hello !");</script>
}
@moreStyles = {
<style>background: pink;</style>
}
@main("Title", moreScripts, moreStyles){
Html content here ...
}
和main.scala.html
以:
@(title: String, moreScripts: Html = Html(""), moreStyles: Html = Html(""))(content: Html)
<!DOCTYPE html>
<html>
<head>
<title>@title</title>
<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
@moreStyles
<script src="@routes.Assets.at("javascripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
@moreScripts
</head>
<body>
@content
</body>
</html>
我想出了我的解决方案,感谢这篇有帮助的帖子,我所做的是:
@main(title, """
@*NO JS CODE, but declaration itself*@
<script src="/assets/javascripts/libs/main.js" type="text/javascript"></script>
<script src="@routes.Assets.at("javascripts/libs/main.js")" type="text/javascript"></script>//Doing this gives out errors, so I had to hardcode the "src" location
"""{
//Template Codes
}
如果有更有效的方法来解决这个问题,欢迎提出意见,因为硬编码src
不是处理这个问题的有效方法,我认为
相关文章:
- 从文本文件js中读取列表
- 当我用ctrl+p搜索时,为什么要在谷歌chrome上使用inspect来调试缺少显示文件js
- 获取用于外部JavaScript文件(.js)的代码提示
- 如何将Javascript文件(.js文件)放在web服务器中
- 如何将 JavaScript 文件(.js 文件)添加到 C# 项目并从 C# 代码调用 JavaScript 方法
- 在 Node 中包含 javascript 文件.js无需 require('.') ing
- 如何使用jquery显示多个文件.多文件.js
- 使用 PDF 打开 PDF 文件.js而不将文件作为查询字符串传递
- 转换颜色十六进制值以用于三个 JSON 文件.js
- 如何使用 jQuery 选择多个文件.多文件.js插件?使用单个关闭按钮一次选择多个文件
- 如何在 Gulp 任务中间添加 CSS 文件.js
- 如何从Dropzone上传和删除文件.js
- 如何在视频中添加视频文件.js 4.2.1.
- 从快速节点下载文件.js具有 JWT 授权
- 访问 JavaScript 文件.js中的 C# 变量
- 在节点中热重载外部 js 文件.js如果文件有任何更改
- 如何在一台服务器中运行不同的.js文件.js NODE JS中的文件
- 如何在多文件.js中上传文件时检查文件扩展名
- 将文件.js中的var导入到模块joomla的模板中,并使用后台进行修改
- 在path项目中编写文件js脚本