Odoo 12开发之报表和服务端 QWeb

Odoo 12开发之报表和服务端 QWeb

前言

Odoo内置的QWeb引擎是报表的默认引擎.
使用 QWeb 模板设计的报表可生成 HTML 文件并被转化成 PDF

一·安装wkhtmltopdf模块

odoo 利用 whktmltopdf 将渲染的HTML页面转换成PDF文档

# 版本依赖参考 https://github.com/wkhtmltopdf/wkhtmltopdf/releases

# 安装步骤:
	# 1.检查安装版本
    	wkhtmltopdf --version
    # 2.卸载不符合的版本
    	sudo apt-get remove --purge wkhtmltopdf
    # 3.下载wkhtmltopdf    
		wget "https://github.com/wkhtmltopdf/wkhtmltopdf/releases/download/0.12.5/wkhtmltox_0.12.5-1.bionic_amd64.deb" -O /tmp/wkhtml.deb
    # 4. 安装
    	sudo dpkg -i /tmp/wkhtml.deb
    # 5. 解决缺少依赖
    	sudo apt-get -f install
    # 6. 再次检查版本信息
    	$ wkhtmltopdf --version
		wkhtmltopdf 0.12.5 (with patched qt)

二·创建业务报表

报表模样:

Odoo 12开发之报表和服务端 QWeb

### 模块中报表代码
# 1. 在当前模块的根目录下创建reports文件夹,
#  2. 在reports文件夹下创建library_book_report.xml数据文件
    <?xml version="1.0"?>
    <odoo>
        <report id="action_library_book_report"
                string="Library Books"
                model="library.book"
                report_type="qweb-pdf"
                name="library_app.report_library_book_template" />
    </odoo>	
# 3. 将library_book_report.xml 数据文件加载到 __manifest__.py文件的data下

# 4. 查看当前报表 Settings > Technical > Actions >Reports
### 注意:
	report 标签表示是一个报表

三·QWeb 报表模板

### 报表遵循一个基本框架
<template id="report_library_book_template">
    <t t-call="web.html_container">
        <t t-call="web.external_layout">
            <div class="page">
                <!-- Report header content -->
                <t t-foreach="docs" t-as="o">
                    <!-- Report row content -->
                </t>
                <!-- Report footer content -->
            </div>
        </t>
    </t>
</template>
# 1. 最重要的元素是 t-call 标准报表结构
# 2. web.html_container模板进行支持HTML文档的基本设置
# 3. web.external_layout模板使用相应公司的相关设置处理报表头部和底部

四·在报表中展示数据

# 报表中QWeb模板在服务端进行渲染. 使用Python QWeb来实现.
# 注意区别
    # QWeb表达式是有python语法运行,不是JavaScript. 
    # 对于简单的表达式没有区别,对于复杂的预算则可能存在差别.
    ### 表达式的上下文不同,其中报表可使用的变量:
    	# docs  打印记录的可迭代集合
    	# doc_ids 打进记录的ID列表
    	# doc_model 指定记录的模型.
    	# time 是对python时间库的引用
    	# user 是运行报表的用户记录
    	# res_company 是当前用户的公司记录
        
### odoo报表采用bootstrap样式       
#### 添加表格表头
<!-- Report header content -->
<div class="container">
    <!-- 表头 header一栏  -->
    <div class="row bg-primary">
        <div class="col-3">Title</div>
        <div class="col-2">Publisher</div>
        <div class="col-2">Date</div>
        <div class="col-3">Publisher Address</div>
        <div class="col-2">Authors</div>
    </div>
    <t t-foreach="docs" t-as="o">
        <div class="row">
            <!-- Report row content -->
        </div>
    </t>
    <!-- Report footer content -->
</div>
### 循环数据 , 在 t-foreach 标签取出数据
	# docs指定可迭代的集合 t-as 作为别名
	# t-options属性添加额外的选项,widget键的json字典. 有时候需要渲染出地址,默认widget为contact,类似与地图图标

<!-- Report row content -->
<div class="col-3">
    <h4><span t-field="o.name" /></h4>
</div>
<div class="col-2">
    <span t-field="o.publisher_id" />
</div>
<div class="col-2">
    
    <span t-field="o.date_published"
          t-options="{'widget': 'date'}"/> 
</div>
<div class="col-3">
    <span t-field="o.publisher_id"
          t-options='{
                     "widget": "contact",
                     "fields": ["address", "email", "phone", "website"],
                     "no_marker": true}'/>
</div>
<div class="col-2">
    <!-- Render authors -->
</div>

五·渲染图片

# 渲染作者头像图片 t-options的widget为image
<!-- Render authors -->
<ul class="list-unstyled">
    <t t-foreach="o.author_ids" t-as="author">
        <li class="media">
            <span t-field="author.image_small"
                t-options="{'widget': 'image'}" />
            <div class="media-body">
                <p class="mt-0">
                    <span t-field="author.name" />
                </p>
            </div>
        </li>
    </t>
</ul>

六·报表汇总

# 报表中需要进行汇总 ,借助python表达式来计算集合元素的数量. 可以使用sum函数,以及推导式
# 在 <t t-foreach>标签闭合后,添加最后一行用于汇总

# t-esc  执行python表达式   t-set 定义累加变量,  t-value 可以设置值(python表达式和t-set变量进行计算)
<!-- Report footer content -->
<div class="row">
    <div class="col-3">
        Count: <t t-esc="len(docs)" />
    </div>
    <div class="col-2" />
    <div class="col-2" />
    <div class="col-3" />
    <div class="col-2" />
</div>

七·定义纸张样式

# 自定义纸张的样式 在报表xml数据最上方添加如下代码
# 查看 Settings > Technical > Reporting > Paper Format菜单
# 在 report 标签属性种,paperfomat属性可以用来实现编辑报表的操作
<record id="paperformat_euro_landscape"
        model="report.paperformat">
    <field name="name">European A4 Landscape</field>
    <field name="default" eval="True" />
    <field name="format">A4</field>
    <field name="page_height">0</field>
    <field name="page_width">0</field>
    <field name="orientation">Landscape</field>
    <field name="margin_top">40</field>
    <field name="margin_bottom">23</field>
    <field name="margin_left">7</field>
    <field name="margin_right">7</field>
    <field name="header_line" eval="False" />
    <field name="header_spacing">35</field>
    <field name="dpi">90</field>
</record>

八·在报表中启用语言翻译

# 在报表种启用翻译时, 需要使用 t-lang属性的 <t t-call>元素在模板中调用翻译方法.
# t-lang传入语言代码来运行,如es,en_US.
<report id="action_library_book_report"
        ...
        name="library_app.report_library_book_translated"
        paperformat="paperformat_euro_landscape" />

<template id="report_library_book_template">
    <t t-call="library_app.report_library_book_translated"
       t-lang="user.lang" />
</template>
####### 有些情况下,我们可能需要每条记录以指定语言进行渲染。比如在销售订单中,我们可能要各条记录按照对应合作方/客户的首选语言进行打印。假设我们需要每本书按照对应出版商的语言进行渲染,QWeb模板可以这么写
<template id="report_library_book_translated">
    <t t-foreach="docs" t-as="o">
        <t t-call="library_app.report_library_book_template"
           t-lang="o.publisher_id.lang">
            <t t-set="docs" t-value="o" />
        </t>
    </t>
</template>

九·使用自定义 SQL 创建报表

# 写原生 SQL 查询来创建我们所需的数据集,将结果通过特殊的模型进行暴露,然后基于这一数据集来生成报表
# 目的是:在QWeb模板中不易于处理的数据转换或累加
###  自定义 报表查询语句,
# 将 reports 加入到 __init__.py, 和reports的__init__.py
# 在reports/library_book_report.py
from odoo import models, fields

class BookReport(models.Model):
    _name = 'library.book.report'
    _description = 'Book Report'
    _auto = False

    name = fields.Char('Title')
    publisher_id = fields.Many2one('res.partner')
    date_published = fields.Date()

    def init(self):
        self.env.cr.execute("""
            CREATE OR REPLACE VIEW library_book_report AS
            (SELECT *
            FROM library_book
            WHERE active=True)
        """)
        
# 添加安全访问规则 security/ir.model.access.csv
access_library_book_report,access_library_book_report,model_library_book_report,
library_group_user,1,0,0,0
# 在	reports/library_book_sql_report.xml 新增一个报表
<?xml version="1.0"?>
<odoo>
    <report id="action_library_book_sql_report"
            string="Library Book SQL Report"
            model="library.book.report"
            report_type="qweb-html"
            name="library_app.report_library_book_sql" />

    <template id="report_library_book_sql">
        <t t-call="web.html_container">
            <t t-call="web.external_layout">
                <div class="page">
                    <!-- Report page content -->
                    <table class="table table-striped">
                        <tr>
                            <th>Title</th>
                            <th>Published</th>
                            <th>Date</th>
                        </tr>
                        <t t-foreach="docs" t-as="o">
                            <tr>
                                <td class="col-xs-6">
                                    <span t-field="o.name" />
                                </td>
                                <td class="col-xs-3">
                                    <span t-field="o.publisher_id" />
                                </td>
                                <td class="col-xs-3">
                                    <span t-field="o.date_published"
                                          t-options="{'widget': 'date'}" />
                                </td>
                            </tr>
                        </t>
                    </table>
                </div>
            </t>
        </t>
    </template>
</odoo>
# 在views/library_menu.xml中添加如下内容
<act_window id="action_library_book_report"
            name="Book Report"
            res_model="library.book.report"
            view_mode="tree,form"
            />
<menuitem id="menu_library_book_report"
          name="Book Report"
          parent="menu_library"
          action="action_library_book_report"
          />
上一篇:html转pdf的一个小示例


下一篇:php-WKHTMLTOPDF-是否可以显示动态标题?