是否可以在模板调用页面中拆分doLayout？

如何解决是否可以在模板调用页面中拆分doLayout？

| 在播放框架视图中，您可以使用doLayout标记将代码主要导入基本模板文件中。但是说我的基本文件中有一些完全分开的区域，例如

<html>
<head></head>
<body>
<div1>doLayout</div1>
<div2>some text in here thats standard across all views...</div2>
<div3>doLayout..again</div> 
</body>
</html>

因此，在使用此基本html文件的视图中，我可能希望将div1和div 2中的图片链接到某些文本中，但我希望将doLayouts分开并考虑将它们分开的content（div2）。

解决方法

Play支持强大的＃{set /}标签，使您可以提供一段代码并将其分配给HTML页面中的占位符。例如，您可能在某些代码示例中看到了这一点（尽管不记得是哪一个）。在layout.html中：

<head>
    <link href=\"skin.css\'}\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />
    #{get \'moreStyles\' /}
</head>

在any_page.html中：

<div id=\'normal_dolayout_body\'>
    <p>This is the doLayout body</[p>
</div>

#{set \'moreStyles\'}
   <link href=\"extra.css\" rel=\'stylesheet\' type=\'text/css\' media=\'all\' />
#{/set}

结果页面将同时具有两个CSS声明。现在要创建复杂的布局，可以同时使用#set和#include标签，如下所示：在layout.html中：

<!--div.container start -->
<div class=\"container\">  
<div class=\"center\">
<div id=\"layout\">
        <div id=\'content\'>
    #{doLayout/}
</div>
<div id=\'sidebar\'>
    #{get \'sidebar\'/}
    </div>
</div>
</div>
<!--div.container end -->

<!--div.footer start -->
<div class=\"footer\">
    #{get \'promo\' /}
    #{get \'footerlinks\' /}
</div>
<!--div.footer end -->

在any_page.html中：

<div id=\'normal_body\'>Will be included by doLayout</div>

<!-- You may have any number of #set tags which will be matched with any #get declared in your main layout. -->
#{set \'promo\'}
   #{include \'my_custom_promo.html\'/}
#{/set}

#{set \'sidebar\'}
    #{if user.isHappy }
        #{include \'/Commons/happy_user_sidebar.html\' /}
    #{/if}
    #{else}
        #{include \'/Commons/default_sidebar.html\' /}
    #{/else}
#{/set}

促销和侧边栏块将被注入模板中关联的#get占位符。尽我们所能，您可以使用#set和include标签，将DRY原理应用于页面组合件，并采用类似块的方法来组合自定义页面内容。如果您想使设计人员更轻松，甚至可以定义自己的自定义标签，以将复杂的逻辑隐藏在漂亮的＃{sidebar user：user /}标签中。 , 使用doLayout标记，则不能，您无法实现所要询问的内容。 doLayout串联使用extends标记来确定将布局注入到主布局中的位置，但不带参数。因此，如果您尝试多次调用doLayout，那么它将如何知道正在注入哪一部分？我看到您有两个选择。您的第一个选择是改用includes标记。这将允许您做类似的事情

#{include \'head.html\' /}
your top layout code
#{include \'middle-common.html\' /}
your bottom layout code
#{include \'foot.html\' /}

有关ѭ10和ѭ5的区别的更多信息，请参见此处-doLayout和'Java Play！'中的模板中包含的内容之间有什么区别？第二种选择是使用CSS正确执行布局。从理论上讲，您应该能够将其放在标题中，并且只需使用CSS即可正确放置它。

是否可以在模板调用页面中拆分doLayout？

如何解决是否可以在模板调用页面中拆分doLayout？

解决方法

相关推荐