9

我正在计划我的网站结构如下：

  • header.scala.html
  • XXX
  • 页脚.scala.html

现在，应该有一个特定页面而不是“xxx”（即“UsersView.scala.html”）。
我需要的是将页脚和页眉的来源（与众所周知的语言一样）包含在中间页面的代码中。

所以我的问题是：

  1. 你如何使用 scala 模板在另一个页面中包含一个页面？
  2. 你认为这是一个很好的 Play 范例！基于框架的网站？
4

3 回答 3

33

只需像方法一样调用另一个模板。如果你想包含footer.scala.html：

@footer()

于 2012-08-11T04:26:30.827 回答
15

一种常见的模式是创建一个包含样板的模板，并采用 HTML 类型的参数。比方说：

main.scala.html

@(content: HTML)

@header
// boilerplate

@content

// more boilerplate
@footer

实际上，您并不需要使用这种方法分离页眉和页脚。

您的 UsersView.scala.html 然后看起来像这样：

@main {

// all your users page html here.

}

您通过将用户视图作为参数传递给 main 来包装用户视图。

您可以在示例中看到这样的示例

我通常的主模板涉及更多内容，大致如下所示：

@(title: String)(headInsert: Html = Html.empty)(content: Html)(implicit user: Option[User] = None)
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>@title</title>
  // bootstrap stuff here
  @headInsert
</head>
<body>
  @menu(user)
  <div id="mainContainer" class="container">  
    @content
  </div>

</body>
</html>

这样，模板可以传入头部插入和标题，并使用户可用，当然还有内容。

于 2012-08-01T17:02:17.407 回答
2

Play 提供了一种非常方便的方式来帮助实现它！

官方文档中的布局部分：

首先我们有一个base.html（这是我们在django中调用的-_-）

// views/main.scala.html
@(title: String)(content: Html)
<!DOCTYPE html>
<html>
  <head>
    <title>@title</title>
  </head>
  <body>
    <section class="content">@content</section>
  </body>
</html>

如何使用base.html？

@main(title = "Home") {

  <h1>Home page</h1>

}

更多信息在这里

于 2015-12-29T15:39:17.913 回答