轉載請註明原文地址：https://www.cnblogs.com/ygj0930/p/10826202.html

一：簡介

QWeb是一個基於xml的模板引擎，用於生成HTML片段和頁面。

模板指令是寫在xml標簽中，以t-開頭。

二：template標簽

創建一個QWeb視圖，只需要一個arch元素並包含以下的屬性：

• id -- 視圖的id
• name, inherit_id, priority 與ir.ui.view的一致
• primary -- 設置為True並與inherit_id一起使用時，設置為主視圖
• groups -- 以逗號分隔的分組id
• page -- 設置為True時，該頁面為網頁
• optional -- enabled 或 disabled，在用戶界面中是否可以被禁用，默認是可以禁用

三：Qweb語法

1:輸出內容

<p><t t-esc="要顯示的內容"/></p>

2:條件語句：t-if屬性值為True時，輸出t標簽包含內容

<div>
    <t t-if="condition">
        <p>ok</p>
    </t>
</div>

#當condition是true的時候解析成：
<div>
    <p>ok</p>
</div>

#condition為false的時候解析成
<div>
</div>

還有t-elif/t-else:

<div>
    <p t-if="user.birthday == today()">Happy bithday!</p>
    <p t-elif="user.login == ‘root‘">Welcome master!</p>
    <p t-else="">Welcome!</p>
</div>

3:循環

t-foreach用來指定需要循環處理的數據，t-as提供的是在後面用於代表當前項目的變量名。

<t t-foreach="[1, 2, 3]" t-as="i">
    <p><t t-esc="i"/></p>
</t>
#上述語句輸出：
<p>1</p>
<p>2</p>
<p>3</p>

4:屬性

qweb可以對屬性進行實時計算並在輸出時設置，通過t-attr來實現，有三種形式：

1）t-att-屬性名 可以根據屬性名創建一個屬性：

<div t-att-a="42"/>  //創建屬性a，屬性值為42
#輸出
<div a="42"></div>

屬性值也可以為一個 格式化字符串，可以在運行期間確定具體值，作為屬性值

<li t-attf-class="row {{ item_parity }}">//item_parity在運行時確定值

2）t-att=mapping 如果參數是映射表，每個鍵值對會生成一個屬性：

<div t-att="{‘a‘: 1, ‘b‘: 2}"/>
#輸出
<div a="1" b="2"></div>

3）t-att=pair 如果參數是元組或2個元素的數組，那麽第一個項就作為屬性名，第二個作為屬性值：

<div t-att="[‘a‘, ‘b‘]"/>
#輸出
<div a="b"></div>

5：設置變量

使用t-set屬性來實現變量聲明，它的值就是設置的變量名。然後用t-value屬性的屬性值作為新變量的值。

<t t-set="foo" t-value="2 + 1"/>
<t t-esc="foo"/>
#輸出3

6:調用其他qweb模板

<t t-call="other-template"/>//調用指定名字的模板

四：Python專用指令

1:格式化紀錄

• t-field只能用於格式化記錄字段（從browe函數獲取到的），可以根據字段類型自動匹配格式；
• t-options只能用於自定義字段，最常用的是widget，其他的選項都是field-xx或widget-xx

2:在controller中渲染模版

response = http.request.render(‘模版名‘, {參數列表})
#會直接從controller裏返回一個響應對象

3:在視圖中渲染模版

在ir.ui.view:中的render方法：

• render(cr, uid, id[, values][, engine=‘ir.qweb][, context])
  通過view的數據庫id來渲染一個qweb視圖模板，模板在ir.ui.view記錄會自動加載，它會為渲染環境設置一系列默認值
  • request - 當前WebRequest對象
  • debug - 當前請求是否是debug模式
  • quote_plus - 是否進行url encode轉義
  • json - 相關的標準庫
  • time - 相關的標準庫
  • datetime - 相關的標準庫
  • relativedelta - model的時間處理屬性
  • keep_query - 一個keep_query函數，參數1：values-傳遞給qweb的上下文環境，參數2：engine (str) 用於qweb渲染的odoo模型名

五：JS專用指令

1:定義模板

<templates>
    <t t-name="template-name">
        <!-- template code -->
    </t>
</templates>

2:繼承模板

模板繼承是用來修改已存在的模板，即給在其他模塊定義的模板添加內容。

通過t-extend來表示，它的值是被繼承的模板名，通過t-jquery來定位，通過t-operation來指定修改的位置/方式。

<t t-extend="base.template">
    <t t-jquery="ul" t-operation="append">
        <li>new element</li>
    </t>
</t>

t-jquery是一個css選擇器，用於選擇需要改變的節點，並通過t-operation指定需要進行的操作

• append - 新節點的內容添加到原節點的後面（最後一個子節點後）
• prepend - 新節點內容添加到原節點前面（第一個子節點前）
• before - 新節點內容添加到原節點前
• after - 新節點內容添加到原節點後
• inner - 新節點內容替換原節點的子節點
• replace - 新節點內容直接替換原節點
• 如果沒有指定operation，那麽模板內容會被解析成javascript節點，並將context節點設置為this

六：調試指令

1:t-log

<t t-log="打印信息"/>

2:斷點調試t-debug

<t t-if="condition">
    <t t-debug="">
</t>

3:t-js

該節點內容裏的javascript代碼會在渲染時執行，接收一個context參數，將當前的環境傳給js，從而可以使用context.XX調用上下文中的內容。

<t t-js="ctx">
    console.log("var is", ctx.var);
</t>

Odoo Qweb語法