## 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
- Beetl 3 中文文檔
- 第一部分 基礎用法
- 1.1 安裝
- 1.2 快速開始
- 1.3 模板基礎配置
- 1.4 模板加載器
- 1.5 定界符與占位符
- 1.6 注釋
- 1.7 變量定義
- 1.8 屬性
- 1.9 數學表達式
- 1.10 循環語句
- 1.11 條件語句
- 1.12 異常捕獲
- 1.13 虛擬屬性
- 1.14 函數調用
- 1.15 安全輸出(重要)
- 1.16 輸出格式化
- 1.17 標簽
- 1.18 調用Java方法與屬性
- 1.19 嚴格MVC控制
- 1.20 指令
- 1.21 錯誤處理
- 1.22 Beetl小工具
- 1.23 Escape
- 第二部分 高級用法
- 2.1 配置GroupTemplate
- 2.2 自定義方法
- 2.3 自定義格式化函數
- 2.4 自定義標簽
- 2.5 自定義虛擬屬性
- 2.6 使用額外的資源加載器
- 2.7 自定義資源加載器
- 2.8 使用CompositeResourceLoader
- 2.9 自定義錯誤處理器
- 2.10 自定義安全管理器
- 2.11 注冊全局共享變量
- 2.12 自定義布局
- 2.13 性能優化
- 2.14 定制輸出
- 2.15 定制模板引擎
- 2.16 直接運行Beetl腳本
- 2.17 模板校驗
- 第三部分 Web 集成
- 3.1 Web提供的全局變量
- 3.2 集成技術開發指南
- 3.3 Servlet集成
- 3.4 SpringMVC集成
- 3.5 Spring Boot集成
- 3.6 Jodd集成
- 3.7 JFinal4 集成方案
- 3.8 Nutz集成
- 3.9 Struts2集成
- 3.10 整合ajax的局部渲染技術
- 3.11 在頁面輸出錯誤提示信息
- 附錄
- 4.1 內置方法
- 4.2 Spring相關函數
- 4.3 Spring security
- 4.4 shiro
- 4.5 內置格式化方法
- 4.6 內置標簽函數
- 4.7 內置html標簽
- 4.8 性能優化
- 4.9 Eclipse 插件
- 4.10 性能測試對比