odoo 开发入门教程系列-QWeb简史

QWeb简史

到目前为止,我们的房地产模块的界面设计相当有限。构建列表视图很简单,因为只需要字段列表。表单视图也是如此:尽管使用了一些标记,如<group><page>,但在设计方面几乎没有什么可做的。

然而,如果我们想给我们的应用程序一个独特的外观,就必须更进一步,能够设计新的视图。此外,PDF报告或网站页面等其他功能需要另一个更灵活的工具:模板引擎。

您可能已经熟悉现有的引擎,如Jinja(Python)、ERB(Ruby) 或Twig(PHP)。Odoo自带内置引擎:QWeb模板。QWeb是Odoo使用的主要模板引擎。它是一个XML模板引擎,主要用于生成HTML片段和页面。

你可能已经在Odoo见过 看板,其中的记录以卡片状结构显示。我们将为我们的房地产模块构建这样的视图。

一个具体的示例: 一个看板视图

参考: 本主题关联文档可以查看Kanban.

目标: 本节结束时创建一个房产的看板视图

odoo 开发入门教程系列-QWeb简史

在我们的地产应用程序中,我们希望添加一个看板视图来显示我们的房产。看板视图是标准的Odoo视图(如表单和列表视图),但其结构更灵活。事实上,每张卡片的结构是表单元素(包括基本HTML)和QWeb的混合。看板视图的定义与列表视图和表单视图的定义相似,只是它们的根元素是kanban。看板视图最简单的形式如下:

<kanban>
    <templates>
        <t t-name="kanban-box">
            <div class="oe_kanban_global_click">
                <field name="name"/>
            </div>
        </t>
    </templates>
</kanban>

让我们分解一下这个例子:

  • <templates>:定义QWeb 模板列表。看板视图必须至少定义一个根模板kanban-box,每个记录将呈现一次。
  • <t t-name="kanban-box"><t>是QWeb指令的占位符元素。在本例中,它用于将模板的name设置为kanban-box
  • <div class="oe_kanban_global_click">oe_kanban_global_click<div>可点击,以打开记录
  • <field name="name"/>:这向视图中添加name字段。

练习--制作一个最小的看版视图

根据上述提供的简单例子,为房产创建一个最小化的看板视图。唯一展示的字段为name.

提示: 必须在ir.actions.act_window对应的view_mode中添加 kanban

修改odoo14\custom\estate\views\estate_property_views.xml(注意:以下未展示文件中的所有内容,其它内容保持不变)

    <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">kanban,tree,form</field><--本次改动新增kanban-->
        <field name="context">{'search_default_state': True}</field>
    </record>
   
    <!-- 本次新增 -->
    <record id="estate_property_kanban" model="ir.ui.view">
        <field name="model">estate.property</field>
        <field name="arch" type="xml">
            <kanban>
                <templates>
                    <t t-name="kanban-box">
                        <div class="oe_kanban_global_click">
                            <field name="name"/>
                        </div>
                    </t>
                </templates>
            </kanban>
        </field>
    </record>

重启服务验证

odoo 开发入门教程系列-QWeb简史

一旦看板视图起作用, 我们可以开始改进它。如果我们想有条件的展示元素,可以使用 t-if指令(查看 Conditionals).

<kanban>
    <field name="state"/>
    <templates>
        <t t-name="kanban-box">
            <div class="oe_kanban_global_click">
                <field name="name"/>
            </div>
            <div t-if="record.state.raw_value == 'new'">
                This is new!
            </div>
        </t>
    </templates>
</kanban>

我们添加了几个东西:

  • t-if: 如果条件为真,渲染<div>元素
  • record: 拥有所有请求字段作为其属性的对象。每个字段都有两个属性 valueraw_value。前者是根据当前用户参数格式化的,后者则是直接通过read()读取的。

在上面的示例中,字段name被添加到<templates>元素中,但state在它之外。当我们需要字段的值但不想在视图中显示它时,可以将其添加到<templates>元素之外。

练习--改善看板视图

添加以下字段到看板视图:expected price, best price, selling price 和tags。注意:best price仅在收到报价时展示,而selling price仅在接受报价时展示

修改odoo14\custom\estate\views\estate_property_views.xml estate_property_kanban

    <record id="estate_property_kanban" model="ir.ui.view">
        <field name="model">estate.property</field>
        <field name="arch" type="xml">
            <kanban>
                <field name="state"/>
                <templates>
                    <t t-name="kanban-box">
                        <div class="oe_kanban_global_click">
                            <field name="name"/>
                            <field name="expected_price"/>
                            <!-- <field name="best_price" t-if="record.state.value == 'Offer Received'"/>-->
                            <div t-if="record.state.value == 'Offer Received'">
                                <field name="best_price"/>
                            </div>
                            <div t-if="record.state.value == 'Offer Accepted'">
                                <field name="selling_price" />
                            </div>
                            <field name="tag_ids"/>
                        </div>
                    </t>
                </templates>
            </kanban>
        </field>
    </record>

注意:这里必须添加<field name="state"/>,否则界面会报类似以下错误:

odoo TypeError: Cannot read properties of undefined (reading 'value')

验证效果

odoo 开发入门教程系列-QWeb简史

让我们对视图做最后的修改:默认情况下,财产必须按类型分组。您可能想看看Kanban中描述的各种选项。

练习--添加默认分组

使用合适的属性对房产分组,默认按类型分组。你必须阻止拖拽和删除。

修改odoo14\custom\estate\views\estate_property_views.xml estate_property_kanban,给<kanban>增加属性

            <kanban default_group_by="state" records_draggable="false">

验证效果

odoo 开发入门教程系列-QWeb简史

看板视图是一个典型的例子,说明从现有视图开始并对其进行微调而不是从头开始总是一个好主意。

参考链接

https://www.odoo.com/documentation/14.0/zh_CN/developer/howtos/rdtraining.html

https://fontawesome.dashgame.com/

原文链接:https://www.cnblogs.com/shouke/p/17253437.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:odoo 开发入门教程系列-QWeb简史 - Python技术站

(0)
上一篇 2023年4月22日
下一篇 2023年4月22日

相关文章

  • python批量实现Word文件转换为PDF文件

    让我详细讲解一下“Python批量实现Word文件转换为PDF文件”的完整攻略。 1. 安装必要的库 在Python中,我们可以利用第三方库来实现Word文件的转换为PDF文件。因此,在开始之前,我们需要先安装必要的库,比如comtypes和win32com,可以通过以下命令进行安装: pip install comtypes pip install pyw…

    python 2023年6月5日
    00
  • python urllib爬虫模块使用解析

    当我们需要从网络上爬取特定信息的时候,Python中的urllib模块成为我们的首选之一。本文将详细说明如何使用Python的urllib模块进行爬取数据,并对一些常见问题提出解决方案。 urllib模块的使用 在Python中,urllib模块提供了访问URL资源的方法,其中包含urllib.request, urllib.parse, urllib.er…

    python 2023年6月6日
    00
  • python连接clickhouse数据库的两种方式小结

    Python连接ClickHouse数据库的两种方式小结 ClickHouse是一款快速、高效的列式数据库,它的速度比其他数据库要快得多。对于需要处理大量数据的场景而言,ClickHouse具有不可替代的优势。 本文将介绍两种Python连接ClickHouse数据库的方式。 方式一:使用clickhouse-driver模块 clickhouse-driv…

    python 2023年6月3日
    00
  • 如何在Python中插入MongoDB数据库中的数据?

    以下是在Python中插入MongoDB数据库中的数据的完整使用攻略。 使用MongoDB数据库的前提条件 在使用Python连接MongoDB数据库之前,确保已经安装了MongoDB数据库,并已经创建使用数据库和集合,同时需要安装Python的驱动,例如pymongo。 步骤1:导入模块 在Python中使用pymongo模块连接MongoDB数据库。以下…

    python 2023年5月12日
    00
  • Pycharm中的Python Console用法解读

    PyCharm中的Python Console用法解读 什么是Python Console? Python Console是PyCharm IDE的一个交互式编程环境。它定义为一个交互式的REPL(Read-Eval-Print Loop),它可以帮助您更快地调试和测试您的Python代码。 如何访问Python Console? 在PyCharm IDE中…

    python 2023年5月18日
    00
  • 如何使用python切换hosts文件

    下面是如何使用Python切换hosts文件的完整攻略: 1. 什么是hosts文件? 首先,我们需要了解一下什么是hosts文件。在计算机网络中,hosts文件是一种用于将IP地址与域名进行映射的本地文件。通俗地说,就是把一些网站的域名和IP地址对应起来,方便我们访问网站。 在Windows系统中,hosts文件的位置通常是 C:\Windows\Syst…

    python 2023年5月23日
    00
  • opencv-python 开发环境的安装、配置教程详解

    OpenCV-Python开发环境的安装、配置教程详解 OpenCV-Python是一个基于Python语言开发的计算机视觉库,可以帮助开发者快速实现图像处理、目标识别、视频处理等功能。安装OpenCV-Python开发环境需要以下步骤: 1. 安装Python和pip 打开Python官网下载页面 https://www.python.org/downlo…

    python 2023年5月14日
    00
  • python数据挖掘Apriori算法实现关联分析

    Python数据挖掘中的Apriori算法是一种常用的关联分析算法,用于挖掘数据集中项之间的关联关系。下面是该算法的实现攻略。 1. 算法原理简介 Apriori算法是一种基于项集频繁度的挖掘算法,在数据集中找出频繁项集并进一步推导出项之间的关联规则。其基本思想是:一个集合中的任意非空子集都是频繁的,则该集合本身也是频繁的。 2. 算法步骤 Apriori算…

    python 2023年5月14日
    00
合作推广
合作推广
分享本页
返回顶部