(21)odoo中的QWeb模板引擎

* 概述
    QWeb是odoo主要模板引擎,采用xml表述,最后生成HTML文件
   
* 一般用法
    <t t-if="condition">
        <p>Test</p>
    </t>
    结果:
         <p>Test</p>
    可以看到采用t标签语句采用t-开头
    也可和hmtl标签混着用
    <div t-if="condition">
        <p>Test</p>
    </div>
     结果:
        <div>
          <p>Test</p>
        </div>
    ----------
     #数据输出 t-esc t-raw
         <p><t t-esc="value"/></p>
         t-esc 会转义html标签
         t-raw 原样输出内容
    
     ---------
     #条件语句 t-if
         <div>
           <p t-if="condition">ok</p>
         </div>
     ---------
     #循环语句 t-foreach  t-as
         <t t-foreach="[1, 2, 3]" t-as="i">
            <p><t t-esc="i"/></p>
         </t>
         假设 $as 是t-as 的变量,
         <t t-foreach=list1 t-as=$as >
            #code
         </t>
         循环还有可用变量如下:
          $as_all:所有迭代的对象
          $as_value: 当前迭代的值
          $as_index: 当前迭代的索引值
          $as_size: 集合的大小
          $as_first:当前是否第一个值
          $as_last: 当前是否最后一个值
          $as_parity:‘even‘|‘odd‘ 当前是第奇数还是偶数
          $as_even:当前是否循环到偶数次
          $as_odd:当前是否循环到奇数次
      ----------
     #设置变量 t-set t-value
        <t t-set="new_variable" t-value="True" />
        设置了变量 new_variable 的值 为 True
        t-value 也可以是表达
         <t t-set="foo" t-value="2+1" >
        设置了变量foo值为3
        t-value可以是一段html
        <t t-set="foo">
            <li>ok</li>
        </t>
        设置了变量foo 为 <li>ok</li>
       
     #设置属性
        t-att-$name
        $name 是属性名
        <div t-att-a="66" />
        结果:
          <div a="66"></div>
         
        t-attf-$name 用于混合字符串,变量用{{}}
        <t t-foreach="[1, 2, 3]" t-as="item">
            <li t-attf-class="row {{ item_parity }}"><t t-esc="item"/></li>
        </t>
       
        t-att=mapping 键值对组成属性
        <div t-at="{‘a‘:1,‘b‘:2}" />
        结果:
         <div a="1" b="2"></div>
        
        t-att=pair 一对,这个对一个是键,后一个是值
         <div t-att="[‘a‘,‘b‘]" />  <=>    <div t-att="(‘a‘,‘b‘)" />   
        结果:
          <div a="b"></div>   
           
     # 调用其它模板
           采用t-call
           <template id="sub">
            <t t-esc="identifier" />
           </template>
           <template id="hello">
            <p>
                hello,
                <t t-call="module.sub">
                    <t t-set="identifier" t-value="name" />
                </t>
            </p>
           </template>
      
     #字段渲染
           @http.route(‘hello/<model("res.users"):user‘)  # 给用户的id即可
           def hello(self,user,**kw)
                return http.request.render(‘module.hello‘,{‘user‘:user})
            -------
            <template id="hello">
                <p t-field="user.display_name" />
            </template>
       ---------
     #可用字段选择修饰
           <template id="hello">
                <p t-field="user.creat_date" />
                <p t-field="user.creat_date"  t-filed-options=‘{"format":"long"}‘/>
                <p t-field="user.creat_date"  t-filed-options=‘{"format":"EEE"}‘/>
            </template>
            -------------
            <template id="hello">
                <p t-field="user.wealth" />
                <p t-field="user.wealth"  t-filed-options=‘{
                     "widget":"monetary"
                     "display_currency":"user.company_id.currency_id"
                     }‘/>
            </template>
            ------------
            <template id="hello">
                <p t-field="user.create_date" t-field-options=‘{"widget":relative}}‘ />
            </template>
       
     #模板继承
            <template id="hello">
                <p> Base template </p>
            </template>
            <template id="hello2" inherit_id="hello" name="Extender">
                <xpath expr="//p" position="before">
                    <h1>Extended!</h1>
                </xpath>   
            </template>
             得到的结果:
               <h1>Extended!</h1>
               <p>Base template</p>
            --------------
            <template id="hello">
                <p class="a">A</p>
                <p class="b">B</p>           
            </template>
            <template id="hello2" inherit_id="hello" name="Extender">
                <xpath expr="//p[hasclass(‘b‘)]" position="before">
                    <h1>Extended!</h1>
                </xpath>   
            </template>   
              得到的结果:
               <p class="a">A</p>
               <h1>Extended!</h1>
               <p class="b">B</p>
            ----------
            调用系统的基础模板:
              <template id="hello">
               <t t-call="website.layout">
                    <p class="a">A</p>
                    <p class="b">B</p>   
               </t>               
            </template>
            <template id="hello2" inherit_id="hello" name="Extender">
                <xpath expr="//p[hasclass(‘b‘)]" position="before">
                    <h1>Extended!</h1>
                </xpath>   
            </template>             
     #调试
       t-debug
        <t t-debug="pdb" />
        <=>
        importlib.import_module("pdb").set_trace()
       
     #python的请求模板
        response = http.request.render(‘my-template‘,{‘context_value‘:99})
        用得是 http.request.render()方法

时间: 2024-10-13 19:50:47

(21)odoo中的QWeb模板引擎的相关文章

WebPart中使用Nvelocity模板引擎来进行呈现

WebPart中使用Nvelocity模板引擎来进行呈现 分类: SharePoint2011-06-15 08:29 1479人阅读 评论(1) 收藏 举报 模板引擎encodingsharepointxml测试css NVelocity是一套强大的模板引擎,在我之前的随笔中,有过使用它来呈现页面及生成静态页的例子.通过使用它,我们可以达到界面与数据的完成分离(当然需要一些设计手段来支持).我在公司里的工作主要就是在office sharepoint2007的基础上进行一些类型信息系统的门户站

在express站点中使用ejs模板引擎

在express站点中使用ejs模板引擎 文/玄魂 目录 在express站点中使用ejs模板引擎    1 前言1 1.1         安装    1 1.2修改app.js  2 1.3创建测试页面2 前言 使用 vs创建的express站点,默认使用的是jade模板引擎,但是我不太喜欢这种方式,因为我觉得html本身的语义特性是我喜欢的,另外html本身也足够简洁,使用html自身做为模板语言更符合我的喜好,所以我选择ejs. 欢迎访问玄魂的博客 1.1        安装 在网站根目

在非MVC中使用Razor模板引擎

模板引擎介绍 Razor.Nvelocity.Vtemplate,因为Razor在VS中有自动提示,使用方便有效率. 在非MVC中使用Razor模板引擎 借助于开源的RazorEngine,我们可以在非asp.net mvc项目中使用Razor引擎,甚至在控制台.WinForm项目中都可以使用Razor(自己开发代码生成器) 如何使用Razor 环境搭建: 1,添加引用RazorEngine.dll 2,创建cshtml 新建一个html,改名为cshtml.注意:通过 添加--html页再改成

在Expressjs4.0中使用dustjs模板引擎

引言 dustjs是一款js模板,最早由个人开发维护,后来由linkin接手,发展的更加迅速,说实话js模板这块有很多选择,都非常优秀,和paypal的选择一样,最终我使用dustjs作为我的首选模板语言.dustjs中文的文档非常少,所以在国内的使用不是很多,这里几篇博文有对dustjs语法基本的介绍Dust.js语法简介(一),Dust.js语法简介(二),Dust.js语法简介(三) express4.0 默认的模板引擎是jade,jade 刚刚开始用的时候感觉像python,有严格的语法

.NET Core中使用Razor模板引擎

一.简介 在MVC以外的场景中,我们往往需要完成一些模板引擎生成代码或页面的工作:在以前我们一般常用的有Razor.NVeocity.VTemplate.虽然所有的模板系统都具有一些共同特征,但 Razor却和我们前面讨论的二种视图引擎截然不同.不同于其它视图引擎,Razor在使用XML代 码方面没有走得那么极端.它也不完全类似于ASPX,因为它把那些比较笨重的占位符替换成@符号接表达式或者普通的控制块.因为不需要特殊的结束标记,所 以Razor最终的代码很简练. 本篇介绍的主角是Razor,在

Express中使用ejs模板引擎

模板html文件放在view目录中, 文件名为:user_ejs.html 内容为: <!DOCTYPE html> <html lang="en"> <head> <title>EJS Template</title> </head> <body> <h1>User using EJS Template</h1> <ul> <li>Name: <%

nodejs+Express中使用mustache模板引擎

由于公司一个seo项目,需要我协助.此项目他人已经开发大半,由于seo需要,使用了服务器端模板引擎.我项目的后端同事说项目是go语音写的,跑项目麻烦,只给了我template和css等静态文件. 为了方便自己调试模板花了点时间用nodejs跑了一套. 装node就不说了,网上很多 mkdir appName cd appName/ npm init npm install express --save npm install mustache --save npm install mustach

WebApi中利用Razor模板引擎来生成html

在服务器端基于Razor来生成html的一个思路 http://stackoverflow.com/questions/23494741/mvc-5-render-view-to-string https://forums.asp.net/t/2017674.aspx?How+to+return+rendered+razor+view+from+Web+API+controller

Odoo中Qweb使用入门

参考 可参考官网例子https://doc.odoo.com/trunk/web/qweb/或 http://thierry-godin.developpez.com/openerp/tutorial-module-creation-pos-modification-english-version/ 1 Qweb官方定义 Qweb被用作OpenERP的Web客户端模板引擎.它是一种基于XML的模板语言,同Genshi, Thymeleaf.Facelets模板具有相似并且具有以下特性: 完全在客