odoo 開發入門教程系列-基本視圖

来源:https://www.cnblogs.com/shouke/archive/2023/03/26/17253327.html
-Advertisement-
Play Games

在上一章中已經看到，odoo能夠為給定模型生成預設視圖。實際上，預設視圖對於業務應用程式來說是不可接受的。相反，我們至少應該以邏輯的方式組織各個欄位。 視圖是在帶有操作和菜單的XML文件中定義的。它們是ir.ui.view model的實例。 在我們的estate模塊中，我們需要以邏輯方式組織欄位： ...


在上一章中已經看到，odoo能夠為給定模型生成預設視圖。實際上，預設視圖對於業務應用程式來說是不可接受的。相反，我們至少應該以邏輯的方式組織各個欄位。

視圖是在帶有操作和菜單的XML文件中定義的。它們是ir.ui.view model的實例。

在我們的estate模塊中，我們需要以邏輯方式組織欄位：

  • 在列表（樹）視圖中，我們希望顯示的不僅僅是名稱。
  • 在表單視圖中，應該對欄位進行分組。
  • 在搜索視圖中，我們必須能夠搜索的不僅僅是名稱。具體來說，我們需要"Available"的地產篩選器和按"postcode"分組的快捷方式

List(列表)

參考: 主題關聯文檔可參考List.

列表視圖，也叫樹(tree)視圖, 以表格的形式顯示記錄。

視圖根元素為<tree>。其最基礎版本僅簡單的列出要在表中顯示的所有欄位（其中每個欄位都是一列）:

<tree string="Tests">
    <field name="name"/>
    <field name="last_seen"/>
</tree>

練習 -- 添加一個自定義列表視圖

在合適的XML文件中為estate.property model定義一個列表視圖。 一個簡單的示例

修改odoo14/custom/estate/views/estate_property_views.xml

<?xml version="1.0"?>
<odoo>
    <record id="link_estate_property_action" model="ir.actions.act_window">
        <field name="name">Properties</field>
        <field name="res_model">estate.property</field>
        <field name="view_mode">tree,form</field>
    </record>
    
    <!--本小節添加的內容-->
    <record id="estate_property_view_tree" model="ir.ui.view">
        <field name="name">estate.property.tree</field>
        <field name="model">estate.property</field>
        <field name="arch" type="xml">
            <tree string="Tests">
                <field name="name" string="Title"/>
                <field name="postcode" string="Postcode"/>
                <field name="bedrooms" string="Bedrooms"/>
                <field name="living_area" string="Living Area"/>
                <field name="expected_price" string="Expected Price"/>
                <field name="selling_price" string="Selling Price"/>
                <field name="date_availability" string="Avalilable Form"/>
            </tree>
        </field>
    </record>
</odoo>

註意：暫時不要添加示例中的 editable="bottom"屬性

說明：

<field name="name">自定義列表名稱</field>
<field name="model">模型名稱,即_name的值</field>

重啟服務，瀏覽器驗證，效果如下：

說明：如果未給<field/>添加string屬性，則顯示如下：

Form(表單)

參考: 主題關聯文檔可以查看Form.

表單用於創建和編輯單條件記錄，其根元素為 <form>，由高層框架元素(group和notebook)和交互元素 (按鈕和欄位):

<form string="Test">
    <sheet>
        <group>
            <group>
                <field name="name"/>
            </group>
            <group>
                <field name="last_seen"/>
            </group>
            <notebook>
                <page string="Description">
                    <field name="description"/>
                </page>
            </notebook>
        </group>
    </sheet>
</form>

可以使用常規HTML標記（如"div"和"h1"）以及"class"屬性（Odoo提供了一些內置類）來微調外觀。

一個簡單示例.

練習 -- 添加自定義表單視圖

在合適的XML文件中為estate.property 定義視圖

為了避免每次修改視圖時都重新啟動伺服器，可以在啟動伺服器時添加--dev-xml，以便只刷新頁面就可以查看視圖修改，如下：

python odoo-bin --addons-path=custom,odoo/addons -r myodoo -w test123 -d odoo -u estate --dev xml

修改odoo14/custom/estate/views/estate_property_views.xml

<?xml version="1.0"?>
<odoo>
    <record id="link_estate_property_action" model="ir.actions.act_window">
        <field name="name">Properties</field>
        <field name="res_model">estate.property</field>
        <field name="view_mode">tree,form</field>
    </record>

    <record id="action_lost_leads" model="ir.actions.act_window">
        <field name="name">Properties</field>
        <field name="res_model">estate.property</field>
        <field name="view_mode">tree,form</field>
    </record>

    <record id="estate_property_view_tree" model="ir.ui.view">
        <field name="name">estate.property.tree</field>
        <field name="model">estate.property</field>
        <field name="arch" type="xml">
            <tree string="Tests">
                <field name="name" string="Title"/>
                <field name="postcode" string="Postcode"/>
                <field name="bedrooms" string="Bedrooms"/>
                <field name="living_area" string="Living Area"/>
                <field name="expected_price" string="Expected Price"/>
                <field name="selling_price" string="Selling Price"/>
                <field name="date_availability" string="Avalilable Form"/>
            </tree>
        </field>
    </record>
    
    <!--本小節添加的內容-->
    <record id="estate_property_view_form" model="ir.ui.view">
        <field name="name">estate.property.form</field>
        <field name="model">estate.property</field>
        <field name="arch" type="xml">
            <form string="estate property form">
                <sheet>
                    <h1>
                        <field name="name"/>
                    </h1>
                    <group>
                        <group>
                            <field name="postcode" string="Postcode" ></field>
                            <field name="date_availability" string="Available From"></field>
                        </group>
                        <group>
                            <field name="expected_price" string="Expected Price"></field>
                            <field name="selling_price" string="Selling Price"></field>
                        </group>
                    </group>
                    <notebook>
                        <page string="Description">
                            <group>
                                <field name="description"></field>
                                <field name="bedrooms"></field>
                                <field name="living_area"></field>
                                <field name="facades"></field>
                                <field name="garage"></field>
                                <field name="garden"></field>
                                <field name="garden_area"></field>
                                <field name="garden_orientation"></field>
                            </group>
                        </page>
                    </notebook>
                </sheet>
            </form>
        </field>
    </record>
</odoo>

查看效果

Search(搜索)

參考: 本主題相關文檔可參考Search.

搜索視圖與列表及表單視圖略有不同，因為它們不顯示內容。儘管它們適用於特定模型，但它們用於過濾其他視圖的內容（通常是聚合視圖，比如列表). 除了在使用方面的不同，他們的定義方式是一樣的。

搜索視圖根元素為<search>。該視圖最基礎的版本是列出需要快捷方式的所有欄位：

<search string="Tests">
    <field name="name"/>
    <field name="last_seen"/>
</search>

Odoo生成的預設搜索視圖提供了按name篩選的快捷方式。在自定義搜索視圖中添加用戶可能過濾的欄位是非常常見的。

搜索視圖還可以包含<filter>元素，這些元素充當預定義搜索的開關。篩選器必須具有以下屬性之一：

  • domain：將給定domain添加到當前搜索
  • dontext：添加一些context到當前搜索，使用group_by按給定欄位名稱對結果分組。

一個簡單的示例.

        <record id="view_delivery_carrier_search" model="ir.ui.view">
            <field name="name">delivery.carrier.search</field>
            <field name="model">delivery.carrier</field>
            <field name="arch" type="xml">
                <search string="Delivery Carrier">
                    <field name="name" string="Carrier" />
                    <field name="delivery_type"/>
                    <separator/>
                    <filter string="Archived" name="inactive" domain="[('active', '=', False)]"/>
                    <group expand="1" string="Group By">
                        <filter string="Provider" name="provider" context="{'group_by':'delivery_type', 'residual_visible':True}"/>
                    </group>
                </search>
            </field>
        </record>

在進一步練習之前，有必要介紹一下domain概念。

domain

引用: 本主題相關文檔可參考 Search domains.

在odoo中，domain對記錄上的條件進行編碼：domain是用於選擇模型記錄子集的條件列表。每個條件都是一個包含欄位名、運算符和值的三元組。如果指定欄位滿足作用於值的運算符的條件，則記錄滿足條件。

例如，當在Product模型上使用時，以下domain選擇單價高於1000的所有services：

[('product_type', '=', 'service'), ('unit_price', '>', 1000)]

預設情況下，條件與隱式AND組合在一起，這意味著記錄匹配一個domain，需要滿足domain中的每個條件。邏輯運算符&（AND）、|（OR）和!（NOT）可用於顯式組合條件。它們用於首碼位置（運算符插入在其參數之前，而不是插入在參數之間）。例如，選擇類型為“服務“或“單價”不介於1000和2000之間的產品

['|',
    ('product_type', '=', 'service'),
    '!', '&',
        ('unit_price', '>=', 1000),
        ('unit_price', '<', 2000)]

選擇類型為“服務“且“單價”介於1000和2000之間的產品

['&',('product_type', '=', 'service'),'&',('unit_price', '>=', 1000),('unit_price', '<', 2000)]

等價於

[('product_type', '=', 'service'),('unit_price', '>=', 1000),('unit_price', '<', 2000)]

選擇類型為“服務“或者“單價”大於等於1000或者單價小於500的產品

['|', '|', ('product_type', '=', 'service'),('unit_price', '>=', 1000),('unit_price', '<', 500)]

選擇名字為 ABC 而且語言編碼不為 en_US 而且國家的編碼為 be 或者 de

[('name','=','ABC'),
 ('language.code','!=','en_US'),
 '|',('country_id.code','=','be'),
     ('country_id.code','=','de')]

簡單一點的寫法

[('name','=','ABC'),
 ('language.code','!=','en_US'),
 ('country_id.code','in', ['be', 'de'])]
波蘭表示法簡介

Odoo是使用了波蘭表示法，簡單來說，波蘭表示法是一種操作符置於操作數前，並且不需要括弧仍然能無歧義地解析表達的方法。

運算順序
以二元運算為例，從左至右讀入表達式，遇到一個操作符後跟隨兩個操作數時，則計算之，然後將結果作為操作數替換這個操作符和兩個操作數；重覆此步驟，直至所有操作符處理完畢。

舉個例子：

['|','&','|',a,b,c,'&',d,e]

其中a，b，c，e，f，g 分別是不帶邏輯運算符的表達式，表達式的運算順序：

1、['|','&','|',a,b,c,'&',d,e]
 
2、['|','&',(a | b),c,'&',d,e]
 
3、['|',((a | b) & c),'&',d,e]
 
4、['|',((a | b) & c),(d & e)]
 
5、[(((a | b) | c) | (d & e))]

如果我們要做到這個效果

A and (B or C) and D and E

先從裡面開始，把or提前

A and (or B C) and D and E

把裡面的and提前，去掉括弧

and A or B C and D E

所以最後的domain可以這樣寫

A, '|', B, C, D, E

當然，我們也可以把表達式寫得更容易看一點，如下：

A, D, E, '|', B, C

練習

添加定義搜索視圖

在合適的XML中為 estate.property 模型定義一個搜索視圖

添加過濾和分組

添加以下內容到之前創建就的搜索視圖

  • 一個顯示avaliable地產的過濾器，也就說，state應該為 “New“ 或者“Offer Received”。
  • 按"postcode"分組的能力

修改odoo14/custom/estate/views/estate_property_views.xml

<?xml version="1.0"?>
<odoo>
    <record id="link_estate_property_action" model="ir.actions.act_window">
        <field name="name">Properties</field>
        <field name="res_model">estate.property</field>
        <field name="view_mode">tree,form</field>
    </record>

    <record id="action_lost_leads" model="ir.actions.act_window">
        <field name="name">Properties</field>
        <field name="res_model">estate.property</field>
        <field name="view_mode">tree,form</field>
    </record>

    <record id="estate_property_view_tree" model="ir.ui.view">
        <field name="name">estate.property.tree</field>
        <field name="model">estate.property</field>
        <field name="arch" type="xml">
            <tree string="Tests">
                <field name="name" string="Title"/>
                <field name="postcode" string="Postcode"/>
                <field name="bedrooms" string="Bedrooms"/>
                <field name="living_area" string="Living Area"/>
                <field name="expected_price" string="Expected Price"/>
                <field name="selling_price" string="Selling Price"/>
                <field name="date_availability" string="Avalilable Form"/>
            </tree>
        </field>
    </record>

    <record id="estate_property_view_form" model="ir.ui.view">
        <field name="name">estate.property.form</field>
        <field name="model">estate.property</field>
        <field name="arch" type="xml">
            <form string="estate property form">
                <sheet>
                    <h1>
                        <field name="name"/>
                    </h1>
                    <group>
                        <group>
                            <field name="postcode" string="Postcode" ></field>
                            <field name="date_availability" string="Available From"></field>
                        </group>
                        <group>
                            <field name="expected_price" string="Expected Price"></field>
                            <field name="selling_price" string="Selling Price"></field>
                        </group>
                    </group>
                    <notebook>
                        <page string="Description">
                            <group>
                                <field name="description"></field>
                                <field name="bedrooms"></field>
                                <field name="living_area"></field>
                                <field name="facades"></field>
                                <field name="garage"></field>
                                <field name="garden"></field>
                                <field name="garden_area"></field>
                                <field name="garden_orientation"></field>
                            </group>
                        </page>
                    </notebook>
                </sheet>
            </form>
        </field>
    </record>

    <!--本小節添加的內容-->
    <record id="estate_property_search_view" model="ir.ui.view">
        <field name="name">estate.property.search</field>
        <field name="model">estate.property</field>
        <field name="arch" type="xml">
            <search string="Estate Property">
                <!-- 搜索 -->
                <field name="name" string="Title" />
                <field name="postcode" string="Postcode"></field>
                <separator/>
                <!-- 篩選 -->
                <filter string="Available" name="state" domain="['|',('state', '=', 'New'),('state', '=', 'Offer Received')]"></filter>
                <filter name="bedrooms" domain="[('bedrooms', '>', 3)]"></filter>
                <filter name="bedrooms and selling_price" domain="[('bedrooms', '>', 2),('selling_price', '>=', 1000)]"></filter>
                <!-- 分組 -->
                <group expand="1" string="Group By">
                    <filter string="朝向" name="garden_orientation" context="{'group_by':'garden_orientation'}"/>
                </group>
            </search>
        </field>
    </record>
</odoo>

重啟服務，驗證效果

作者：授客
微信/QQ：1033553122
全國軟體測試QQ交流群：7156436
Git地址：https://gitee.com/ishouke
友情提示：限於時間倉促，文中可能存在錯誤，歡迎指正、評論！
作者五行缺錢，如果覺得文章對您有幫助，請掃描下邊的二維碼打賞作者，金額隨意，您的支持將是我繼續創作的源動力，打賞後如有任何疑問，請聯繫我!!!
           微信打賞                        支付寶打賞                  全國軟體測試交流QQ群  
              


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 【軟體架構】 類和類的六種關係 Power Designer設計UML類圖
    UML(Unified Modeling Language)統一建模語言 power designer中給類的“操作”添加“輸入參數” 查看所設計類的代碼： 類和類的六種關係 1 繼承關係（泛化關係） 語義：子類和父類之間的關係 語法：extends 符號：（子類指向父類） power design ...
  • OOP前三次作業總結BLOG
    代理模式（Proxy Pattern）是一種結構型設計模式，結構型模式描述如何將類或對象按某種佈局組成更大的結構。它允許你提供一個代理對象來控制對另一個對象的訪問。代理對象擁有與實際對象相同的介面，因此它可以被用來代替實際對象。 ...
  • 讀Java性能權威指南（第2版）筆記29_線程和同步性能下
    1. JVM線程優化 1.1. 當空間不足時，可以調整線程使用的記憶體 1.2. 每個線程都有一個原生棧，操作系統會在這裡存儲線程的調用棧信息 1.3. 原生棧的大小是1 MB 1.3.1. 32位的Windows JVM原生棧大小是320KB 1.3.2. 在64位的JVM中，通常不會修改這個值 1 ...
  • Linux環境下使用jsoncpp
    1. 下載jsoncpp -->https://github.com/open-source-parsers/jsoncpp/tree/update 兩種下載方法： 方法一：git clone ... 到伺服器上(或虛擬機上...)，有點慢，甚至會失敗...！ 方法二：下載 zip包，通過第三方軟體 ...
  • 【Visual Leak Detector】QT 中 VLD 輸出解析（三）
    使用 VLD 記憶體泄漏檢測工具輔助開發時整理的學習筆記。本篇介紹在 QT 中使用 VLD 時，有多處記憶體泄漏時的輸出報告解析。 ...
  • GO實現Redis：GO實現Redis的AOF持久化（4）
    將用戶發來的指令以RESP協議的形式存儲在本地的AOF文件，重啟Redis後執行此文件恢複數據 https://github.com/csgopher/go-redis 本文涉及以下文件： redis.conf：配置文件 aof：實現aof redis.conf appendonly yes app ...
  • Go 語言 new 和 make 關鍵字的區別
    原文鏈接： Go 語言 new 和 make 關鍵字的區別 本篇文章來介紹一道非常常見的面試題，到底有多常見呢？可能很多面試的開場白就是由此開始的。那就是 new 和 make 這兩個內置函數的區別。 其實這個問題本身並不複雜，簡單來說就是，new 只分配記憶體，而 make 只能用於 slice、m ...
  • 南昌航空大學-軟體學院-22206104-段清如-JAVA第一次Blog作業
    南昌航空大學-軟體學院-22206104-段清如-JAVA第一次Blog作業 前言： 這個學期才開始接觸java，到現在一個多月的時間，已經差不多可以寫出一些基本的簡單的程式了。對比上個學期學習的C語言，我認為java更加方便，方法更多，函數更多，但是時間效率上略遜一籌。在這一個月的java學習過程 ...
一周排行
    -Advertisement-
    Play Games
  • C#自增運算符詳解：++i與i++的區別及應用場景
    概述：在C#中，++i和i++都是自增運算符，其中++i先增加值再返回，而i++先返回值再增加。應用場景根據需求選擇，首碼適合先增後用，尾碼適合先用後增。詳細示例提供清晰的代碼演示這兩者的操作時機和實際應用。 在C#中，++i 和 i++ 都是自增運算符，但它們在操作上有細微的差異，主要體現在操作的 ...
  • Taurus.MVC 性能壓力測試（ap 壓測 和 linux 下wrk 壓測）：.NET 版本
    上次發佈了：Taurus.MVC 性能壓力測試（ap 壓測 和 linux 下wrk 壓測）：.NET Core 版本，今天計劃準備壓測一下 .NET 版本，來測試並記錄一下 Taurus.MVC 框架在 .NET 版本的性能，以便後續持續優化改進。 為了方便對比，本文章的電腦環境和測試思路，儘量和... ...
  • 一文讀懂.NET WebAPI中FromRoute、FromQuery、FromBody的關鍵角色與用法
    .NET WebAPI作為一種構建RESTful服務的強大工具，為開發者提供了便捷的方式來定義、處理HTTP請求並返迴響應。在設計API介面時，正確地接收和解析客戶端發送的數據至關重要。.NET WebAPI提供了一系列特性，如[FromRoute]、[FromQuery]和[FromBody]，用 ...
  • WPF/C#實現圖像濾鏡優化方案：打造炫目視覺體驗！
    原因：我之所以想做這個項目，是因為在之前查找關於C#/WPF相關資料時，我發現講解圖像濾鏡的資源非常稀缺。此外，我註意到許多現有的開源庫主要基於CPU進行圖像渲染。這種方式在處理大量圖像時，會導致CPU的渲染負擔過重。因此，我將在下文中介紹如何通過GPU渲染來有效實現圖像的各種濾鏡效果。 生成的效果 ...
  • Bogus 實戰：使用 Bogus 和 EFCore 生成模擬數據和種子數據【完整教程】
    引言 上一章我們介紹了在xUnit單元測試中用xUnit.DependencyInject來使用依賴註入，上一章我們的Sample.Repository倉儲層有一個批量註入的介面沒有做單元測試，今天用這個示例來演示一下如何用Bogus創建模擬數據 ，和 EFCore 的種子數據生成 Bogus 的優 ...
  • WPF隨筆收錄-實時繪製心率曲線
    一、前言 在自己的項目中，涉及到實時心率曲線的繪製，項目上的曲線繪製，一般很難找到能直接用的第三方庫，而且有些還是定製化的功能，所以還是自己繪製比較方便。很多人一聽到自己畫就害怕，感覺很難，今天就分享一個完整的實時心率數據繪製心率曲線圖的例子；之前的博客也分享給DrawingVisual繪製曲線的方 ...
  • wpf程式修改啟動入口註意事項
    如果你在自定義的 Main 方法中直接使用 App 類並啟動應用程式，但發現 App.xaml 中定義的資源沒有被正確載入，那麼問題可能在於如何正確配置 App.xaml 與你的 App 類的交互。 確保 App.xaml 文件中的 x:Class 屬性正確指向你的 App 類。這樣，當你創建 Ap ...
  • 記一次 .NET某爐膛鍋爐檢測系統 崩潰分析
    一：背景 1. 講故事 上個月有個朋友在微信上找到我，說他們的軟體在客戶那邊隔幾天就要崩潰一次，一直都沒有找到原因，讓我幫忙看下怎麼回事，確實工控類的軟體環境複雜難搞，朋友手上有一個崩潰的dump，剛好丟給我來分析一下。 二：WinDbg分析 1. 程式為什麼會崩潰 windbg 有一個厲害之處在於 ...
  • 一個.NET內置依賴註入的小型強化版
    前言 .NET生態中有許多依賴註入容器。在大多數情況下，微軟提供的內置容器在易用性和性能方面都非常優秀。外加ASP.NET Core預設使用內置容器，使用很方便。 但是筆者在使用中一直有一個頭疼的問題：服務工廠無法提供請求的服務類型相關的信息。這在一般情況下並沒有影響，但是內置容器支持註冊開放泛型服 ...
  • WPF隨筆收錄-DataGrid固定右側列
    一、前言 在項目開發過程中，DataGrid是經常使用到的一個數據展示控制項，而通常表格的最後一列是作為操作列存在，比如會有編輯、刪除等功能按鈕。但WPF的原始DataGrid中，預設只支持固定左側列，這跟大家習慣性操作列放最後不符，今天就來介紹一種簡單的方式實現固定右側列。（這裡的實現方式參考的大佬 ...
所有分類