odoo web开发，前端qweb 如何添加css和js点击事件

[kaola]

odoo的前端web开发，有什么相应的demo推荐，看了部分官方源码和文档，依旧不是很清楚，比如说常见的web开发组件以及如何引入js,css

[digitalsatori]

Odoo自身的源码是你最好的朋友，比如如何进行css和js静态资源注册就可以看Odoo的销售模块“sale”中的addons/sale/views/assets.xml文件：

    <template id="assets_backend_inherit_sale" inherit_id="web.assets_backend" name="Sale backend assets">
        <xpath expr="link[last()]" position="after">
            <link rel="stylesheet" type="text/scss" href="/sale/static/src/scss/sale_onboarding.scss"/>
            <link rel="stylesheet" type="text/scss" href="/sale/static/src/scss/product_configurator.scss"/>
        </xpath>
        <xpath expr="script[last()]" position="after">
            <script type="text/javascript" src="/sale/static/src/js/sale.js"></script>
            <script type="text/javascript" src="/sale/static/src/js/tour.js"></script>
            <script type="text/javascript" src="/sale/static/src/js/product_configurator_mixin.js"></script>
            <script type="text/javascript" src="/sale/static/src/js/product_configurator_renderer.js"></script>
            <script type="text/javascript" src="/sale/static/src/js/product_configurator_controller.js"></script>
            <script type="text/javascript" src="/sale/static/src/js/product_configurator_view.js"></script>
            <script type="text/javascript" src="/sale/static/src/js/product_configurator_modal.js"></script>
        </xpath>
    </template>

[kaola]

@digitalsatori 你好，我对odoo的理解还不是很深。我想知道的是基于portal用户的门户网站的建设。我看了你告知的sale模块的部分代码，我的理解是这个应该还是属于基于视图，菜单，动作实现的，我正在尝试中。非常感谢

[digitalsatori]

道理是完全一样的,就在我上面显示的代码下面就是sale模块的portal注册assets的代码：

    <template id="assets_frontend_inherit_sale" inherit_id="web.assets_frontend" name="Sale frontend assets">
        <xpath expr="link[last()]" position="after">
            <link rel="stylesheet" type="text/scss" href="/sale/static/src/scss/sale_portal.scss"/>
        </xpath>
        <xpath expr="script[last()]" position="after">
            <script type="text/javascript" src="/sale/static/src/js/sale_portal_sidebar.js"></script>
        </xpath>
    </template>

接下来的任务就是要学会如何来写这些scss和js了。

[kaola]

@digitalsatori 是的，you are right.