【零散技术】5分钟完成Odoo18 登陆页面全自定义

序言:时间是我们最宝贵的财富,珍惜手上的每个时分

        从最初的tinyERP到Open ERP，再由OpenERP到Odoo，虽然UI已经过了多次大改，Odoo登录界面依旧丑陋，同时还有各种Odoo版权信息，对于定制项目而言是不友好的。

        今天以Odoo18为例，我们来做一个简单的即插即用的修改。

话不多说，直接上代码

新建文件：views/login_template.xml：

<?xml version="1.0" encoding="utf-8"?>
<odoo><template id="login_layout" inherit_id="web.login_layout" name="web Login Inherit"><xpath expr="//*[@class='text-center small mt-4 pt-3 border-top']"position="attributes"><attribute name="style">display:none</attribute></xpath><xpath expr="//*[@t-attf-class='card border-0 mx-auto bg-100 {{login_card_classes}} o_database_list']"position="attributes"><attribute name="style">max-width: 500px;margin-top:4rem; opacity: 0.8;</attribute></xpath></template><template id="ro_login"><t t-call="web.login_layout"><style>#wrapwrap{<!--                background-color:#1c7bd4 !important;-->background-image:url(/模块名称/static/src/login.png);"}</style><form t-attf-class="oe_login_form" role="form" t-attf-action="/web/login"method="post" onsubmit="this.action = '/web/login' + location.hash"><input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/><div class="mb-3 field-login"><label for="login" class="form-label d-flex justify-content-between">用户名</label><input type="text" placeholder="用户名" name="login" t-att-value="login" id="login"class="form-control" required="required" autocapitalize="off" autocomplete="username"/></div><div class="mb-3"><label for="password" class="form-label d-flex justify-content-between">密码</label><input type="password" placeholder="密码" name="password" id="password" class="form-control"required="required" autocomplete="current-password"t-att-autofocus="'autofocus' if login else None" maxlength="4096"/></div><p class="alert alert-danger" t-if="error" role="alert"><t t-esc="error"/></p><p class="alert alert-success" t-if="message" role="status"><t t-esc="message"/></p><div class="oe_login_buttons text-center gap-1 d-grid mb-1 pt-3"><button type="submit" class="btn btn-primary">登录</button></div></form></t></template></odoo>

引入视图：__manifiest__.py

''''data': ['views/login_template.xml',],
'''

新建 static/src文件夹，放入 login.png，此为背景图片，自己选素材即可。

在模块中做如上几步，即大功告成。