Html 如何使用Intellij idea动态调用页面播放scala_Html_Scala_Intellij Idea_Playframework

Html 如何使用Intellij idea动态调用页面播放scala

html scala intellij-idea playframework

Html 如何使用Intellij idea动态调用页面播放scala,html,scala,intellij-idea,playframework,Html,Scala,Intellij Idea,Playframework,我使用intellij idea在play Scala中上传了一个简单的web模板。如何从不同的文件调用每个节，我从index.scala.html调用每个函数这是我的main.scala.html <html> <body id="page-top" class="index"> @navigation @header @services @portfo

我使用intellij idea在play Scala中上传了一个简单的web模板。如何从不同的文件调用每个节，我从index.scala.html调用每个函数这是我的main.scala.html

    <html>
    <body  id="page-top" class="index">
       @navigation
          @header
             @services
                  @portfolio
                         @about
                         @team
                  @client
             @contact
          @footer
 </body>
 </html>

  @(message: String)

   @navigation = { navigation html code}

     @header = {<header> html code</header>}
      @services = {

       <section id="services"><!--html code for reference-->
        <div class="container">
         <div class="row">
          <div class="col-lg-12 text-center">
            <h2 class="section-heading">Services</h2>

          </div>
         </div>
       <div class="row text-center">
        <div class="col-md-4">
            <span class="fa-stack fa-4x">
                <i class="fa fa-circle fa-stack-2x text-primary"></i>
                <i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i>
            </span>
            <h4 class="service-heading">E-Commerce</h4>

        </div>
        <div class="col-md-4">
            <span class="fa-stack fa-4x">
                <i class="fa fa-circle fa-stack-2x text-primary"></i>
                <i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
            </span>
            <h4 class="service-heading">Responsive Design</h4>

        </div>
        <div class="col-md-4">
            <span class="fa-stack fa-4x">
                <i class="fa fa-circle fa-stack-2x text-primary"></i>
                <i class="fa fa-lock fa-stack-1x fa-inverse"></i>
             </span>
            <h4 class="service-heading">Web Security</h4>

        </div>
      </div>
     </div>
     </section>

    }
@main("hello test")(navigation)(header)(services){  }

我的应用程序包控制器

  import play.api._
  import play.api.mvc._

  object Application extends Controller {
  def index = Action {
  Ok(views.html.index("Ok"))
      }
   }

我的路线

   GET        /                    controllers.Application.index

我希望标题位于同一个文件中，将@services@portfolio制作成不同的文件，并将它们动态地称为一页网页。

我知道一种解决方案。您必须为每个函数创建一个文件

navigation.scala.html

header.scala.html

并添加括号：

<html>
    <body  id="page-top" class="index">
       @navigation()
          @header()
....
    </body>
</html>

在target index.template.scala中找到。您将看到在对象索引apply方法中声明了导航、标题和其他函数。因此，即使通过反射也无法访问。见下面我的答案。所以你指的是每个文件中的每个函数。在href中，如何提供链接以及在何处使用@import views.html.mainscala.@import views.html.mainscala.\uu仅当您在使用前创建mainscala package add，但在第一个语句@后使用。。。。如果没有，只需在index.scala.html中调用@mainhello testnavigationheaderservices{}

@()
<header> html code</header>

@import views.html.mainscala._

<html>
    <body  id="page-top" class="index">
       @navigation()
          @header()
....
    </body>
</html>