2.12 自定義布局 · Beetl3官方文檔

## 2.12 自定義布局布局可以通過Beetl提供的include,layout 以及模板變量來完成。模板變量能完成復雜的布局 - 采用layout include ```javascript <% //content.html內容如下： layout("/inc/layout.html"){ %> this is 正文 .......... <% } %> ``` 如上一個子頁面將使用layout布局頁面，layout 頁面內容如下 ```javascript <% include("/inc/header.html"){} %> this is content:${layoutContent} this is footer: ``` layoutContent 是默認變量，也可以改成其他名字，具體請參考layout標簽函數全局變量總是能被布局用的頁面所使用，如果布局頁面需要臨時變量，則需要顯示的傳入，如： ```javascript <% var user= model.user; include("/inc/header.html",{title:'這是一個測試頁面',user:user}){} %> ``` 這樣，title和user成為全局變量，能被header.html 及其子頁面引用到 - 繼承布局：采用模板變量和include ```javascript <% var jsPart = { %> web頁面js部分 <% }; %> <% var htmlPart = { %> web頁面html部分 <% }; include("/inc/layout.html",{jsSection:jsPart,htmlSection:htmlPart}){} %> ``` layout.html頁面如下： ```html <body> <head> ${jsSection} </head> <body> ....... ${htmlSection} </body> ``` > include, includeUrl,includeJSP,還有includeFragement都是Beetl提供的include系列標簽函數，includeUrl,includeJSP考慮到需要WEB環境，并沒有內置，需要手工注冊，參考IncludeJSPTag.java,IncludeUrlTag.java