ODOO页面使用css和js的流程

1 首先定义页面

 <data>
        <record id="myquality_iqcbasesetup_form" model="ir.ui.view">
            <field name="name">myquality.iqcbasesetup.form</field>
            <field name="model">myquality.iqcbasesetup</field>
            <field name="type">form</field>
            <field name="arch" type="xml">
                <form string="IQC基本参数维护">
                        <div class="iqcmain">
                            <div class='iqcheader'>
                                <span class="iqcspanleft">CR</span>
                                <span class="iqcspanmid">MA</span>
                                <span class="iqcspanright">MI</span>
                        </div>
                        </div>
              </form>
</record>
</data>

2 引用css文件，在模块目录下创建static/css文件夹，并写好css

.iqcmain{
    width: 600px;
    margin: auto;
}

3  然后再vlews视图下面创建iqcbasecss.xml,引入编写的css静态文件

     

<odoo>
    <data>
        <template id="assets_backend" inherit_id="web.assets_backend" name="myiqcbase_view_assets_backend">
            <xpath expr="." position="inside">
                <link rel="stylesheet" type="text/css" href="/myquality/static/css/iqcbase.css"/>
            </xpath>
        </template>
    </data>
</odoo>