17 如何使用Qweb開發一個頁面

odoo 注重敏捷,但是同時也帶來的問題我就是不夠靈活,如果有一天你的boss讓你做一個工作臺,將其他模型的數據進行統計,并使用圖表的形式進行展示。 這時候該如何做呢?

很明顯 odoo 提供的視圖時沒有辦法滿足我們的需求的,這個時候 使用qweb注冊一個頁面就很有必要了。

首先開發之前你需要了解一些知識 【Qweb語法傳送】

1 使用Qweb生成一個你想要的html界面(static/src/xml/epidemic_tongji_page.xml)

<?xml version="1.0" encoding="UTF-8"?><template>    <t t-name="EpidemicTongjipage">    <p>這是一個測試頁面</p>    </t></template>

2 對AbstractAction模塊進行擴展,得到自己的Widget并且使用web.core對我們的Widget進行注冊,實現格式如下:(static/src/js/epidemic_tongji_page.js)

odoo.define('Epidemic_#tongji_page', function(require) {"use strict";var AbstractAction = require('web.AbstractAction');var core = require('web.core');// 模塊擴展var TongjiPage = AbstractAction.extend({    template: 'EpidemicTongjiPage',    ......});// 對TongjiPage進行注冊,通過映射綁定動作core.action_registry.add('tag.#page', TongjiPage);});

3 注冊完成之后,需要新增一個客戶端動作來綁定我們自己的界面實現動作的調整,其中動作的tag屬性此時需要設置為新增widget的映射值:(tag屬性非常重要,必須和映射值保持一致)(views/epidemic_tongji_page_view.xml)

<record  model="ir.actions.client">    <field name="name">TongjiPagee</field>    <field name="tag">'tag.#page</field> </record>

4 此時我們新建一個菜單項目,并且其 action屬性指定到客戶端動作來實現頁面跳轉(views/menu_views.xml):

<!-- Top menu item -->    <menuitem name="統計頁面"                            action="epidemic_tongji_page_action"              sequence="99"    />

5 現在我們基本實現了自定義的界面開發,最后需要將靜態資源進行加載:
js文件我們需要使用資產捆綁(views/templates.xml)

<?xml version="1.0" encoding="UTF-8" ?><odoo>    <template  inherit_ name="epidemic_#assets_backend">        <xpath expr="." position="inside">            <script type="text/javascript" src="/epidemic_tongji/static/src/js/epidemic_tongji_page.js"/>        </xpath>    </template></odoo>

清單關聯文件中:

'qweb': ['static/src/xml/epidemic_tongji_page']'data': ['views/epidemic_tongji_page_view.xml',            'views/templates.xml',           'views/menu_views.xml']

最后 重啟、更新模塊,你會發現頁面已經加載好了