我正在学习Perl并使用Dancer作为Web框架.
我有两个视图(tt文件)应该共享相同的导航.
因此,开始学习如何管理导航和页脚模板会很棒.
我有两个视图(tt文件)应该共享相同的导航.
因此,开始学习如何管理导航和页脚模板会很棒.
我已经阅读了Template Toolkit的文档,并且我已经完成了以下操作:
我已将config.yml文件更改为:
#template: "simple" template: "template_toolkit" engines: template_toolkit: start_tag: '[%' end_tag: '%]'
我在.pm文件中定义了模板:
package proyecto; use Dancer ':Syntax'; our $VERSION = '0.1'; get '/' => sub { template 'index'; }; get '/menu' => sub { template 'menu'; }; true;
<li class="active">< a href="/menu">Menu <span class="sr-only"></span></a></li>
我想重复使用index.tt中的导航代码到menu.tt,所以我将index.tt中的导航代码包装成如下:
[% BLOCK navigation %] #my nav code [% END %]
为了最终在menu.tt文件中包含该代码,我编写了以下内容(导航代码应该在哪里):
[% navigation = 'index.tt' %] [% INCLUDE navigation %]
index.tt和menu.tt文件位于文件夹视图中.但它似乎并不那么容易! =(关于如何将代码从一个文件重用到另一个文件的任何建议,该文件位于同一目录中?
解决方法
这就是
layouts的用途.这个想法是所有页面共有的内容(例如页眉,页脚,导航栏)都在布局中,每个页面特有的内容都在名为
views的模板中.视图在其他框架中称为“部分”,因为它们只包含部分内容的页面.
如果使用dancer命令行实用程序来设置应用程序,则默认布局为views / layouts / main.tt,如下所示:
<!DOCTYPE html> <html> <head> <Meta http-equiv="Content-type" content="text/html; charset=<% settings.charset %>" /> <title>Foo</title> <link rel="stylesheet" href="<% request.uri_base %>/css/style.css" /> </head> <body> <% content %> <div id="footer"> Powered by <a href="http://perldancer.org/">Dancer</a> <% dancer_version %> </div> </body> </html>
<%content%>当您调用模板’view’时,section将被指定的视图替换; (在您的情况下,由于您使用的是模板工具包样式的分隔符,因此您需要将<%和%>更改为[%和%].)
例如,如果views / index.tt是:
<h1>Hello,World!</h1>
<!DOCTYPE html> <html> <head> <Meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Foo</title> <link rel="stylesheet" href="http://www.example.com/css/style.css" /> </head> <body> <h1>Hello,World!</h1> <div id="footer"> Powered by <a href="http://perldancer.org/">Dancer</a> 1.3202 </div> </body> </html>
请注意,已经有一个页脚部分;你只需要为标题和导航栏添加元素.
如果这是新开发,你应该使用Dancer2而不是Dancer(幸运的是,布局和视图在两者中都是相同的).