odoo中如何引入css和javascript文件

最新推荐文章于 2024-04-11 17:29:11 发布

居小喵

最新推荐文章于 2024-04-11 17:29:11 发布

阅读量1.9k

点赞数

分类专栏： odoo 文章标签： css js

本文链接：https://blog.youkuaiyun.com/duang_summer/article/details/107381951

版权

odoo 专栏收录该内容

4 篇文章

订阅专栏

在Odoo8.0环境中，通过修改配置文件openerp.py，添加website依赖，并创建views/templates.xml来引入CSS和JS文件。在Qweb文件中引入视图，修改视图代码添加类名，然后创建对应的CSS和JS文件并编写内容。正确设置文件结构后，运行代码并更新模块即可实现效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

odoo中引入css和javascript文件

使用环境：odoo8.0

首先，修改网站需要依赖于website，所以在配置文件(openerp.py)中添加：

...
  'depends': ['base', 'website'],
...

创建views/templates.xml文件，引入css、js文件：

<?xml version="1.0" encoding="utf-8"?>
<openerp>
    <data>
        <template id="assets_backend" inherit_id="web.assets_backend" name="jenny assets">
            <xpath expr="." position="inside">
                <link rel="stylesheet" type="text/css" href="/jenny/static/src/css/demo.css"/>
                <script src="jenny/static/src/js/demo.js" type="text/javascript"/>
            </xpath>
        </template>
    </data>
</openerp>

在配置文件（openerp.py）中引入该Qweb文件：

data:[
  ...
  'views/templates.xml'
]

修改视图部分代码（添加类名)：

<sheet>
  <div class="test">
    <form string="tech student">
      <group>
        <field name="name"/>
        <field name="age"/>
        <field name="sex"/>
        <field name="phone"/>
        <field name="email" class="style_email"/>
        <field name="stu_school" class="style_school"/>
      </group>
    </form>
  </div>
</sheet>

创建css文件和js文件并写入代码：

.test {
    background-color: blanchedalmond;
}
.style_email{
    color: hotpink;
}
.style_school{
    color: #b1c9d9;
}

文档结构长这样：
在这里插入图片描述

跑一遍代码，更新模块就可以看到对应的效果了：

在这里插入图片描述