在 Play + Play-Scalate 中通过 ".scaml" 使用布局,您需要遵循以下步骤:
在 Play 项目中,首先需要安装 Play-Scalate 插件。在 plugins.sbt
文件中添加以下内容:
addSbtPlugin("com.github.play-scalate" % "play-scalate" % "2.1.0")
然后,在项目根目录下运行 sbt compile
命令以安装插件。
在 build.sbt
文件中,添加以下内容以启用 Scalate 模板引擎:
TwirlKeys.templateImports += "scalate.layout.Binding"
在 app/views
目录下,创建一个名为 main.scaml
的布局模板文件。使用 SCSS 语法编写布局代码,例如:
doctype html
html
head
title= title
link(rel="stylesheet", href="/assets/stylesheets/main.css")
body
header
h1 My Website
content
footer
p © 2022 My Website
在控制器中,使用 Ok(views.html.layout.main(title, content))
方法将布局应用于视图。例如:
package controllers
import play.api.mvc._
class Application extends Controller {
def index = Action {
Ok(views.html.layout.main("Home", views.html.index()))
}
}
在 app/views
目录下,创建一个名为 index.scala.html
的视图文件。在该文件中,编写以下代码:
@(title: String)(content: Html)
@main(title) {
h1 Welcome to my website!
p This is the homepage.
}
现在,当您访问应用程序的主页时,Play 将使用 ".scaml" 模板文件创建的布局。
请注意,这个答案没有提及其他云计算品牌商,因为这个问题的背景是关于 Play 和 Play-Scalate 的。如果您需要了解其他云计算相关的问题,请随时提问。
领取专属 10元无门槛券
手把手带您无忧上云