序言:时间是我们最宝贵的财富,珍惜手上的每个时分
一个简单的公司log加上 账号密码输入框以及登陆按钮即是odoo简洁大方的登陆页面,但是不少企业对于登陆页有更个性化的需求,比如隐藏 Powerd by Odoo,以及数据库管理入口。
所以本篇来介绍下如何修改 登陆页面。
美化前:
美化后(我承认这个美化也不咋地,本篇以技术角度为主)
如何修改?!
1.用你最熟悉的方式新建一个空模块,本次示例就修改布局和文字,即一个xml文件搞定。
2.通过xpath定位到想修改的元素,进行修改。直接上代码祝君好运!
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="login" inherit_id="web.login" name="Login Inherit">
<xpath expr="//label[@for='db']" position="replace"/>
<xpath expr="//label[@for='login']" position="replace"/>
<xpath expr="//label[@for='password']" position="replace"/>
<xpath expr="//input[@name='login']" position="attributes">
<attribute name="placeholder">账号 ...</attribute>
</xpath>
<xpath expr="//input[@name='password']" position="attributes">
<attribute name="placeholder">密码 ...</attribute>
</xpath>
<xpath expr="//*[@class='btn btn-primary btn-block']" position="replace">
<button type="submit" class="btn btn-primary btn-block">登陆</button>
</xpath>
</template>
<template id="login_layout" inherit_id="web.login_layout" name="web Login Inherit">
<xpath expr="//*[@t-attf-class='card border-0 mx-auto mt-5 bg-100 {{login_card_classes}} o_database_list']"
position="attributes">
<attribute name="style">max-width: 500px</attribute>
<attribute name="t-attf-class">card border-0 mx-auto mt-5 {{login_card_classes}} o_database_list</attribute>
</xpath>
<xpath expr="//*[@class='text-center small mt-4 pt-3 border-top']" position="attributes">
<attribute name="style">display:none</attribute>
</xpath>
<xpath expr="//img" position="replace">
<h3 style="
color: #356ba5;
">大石桥市发展和改革局
</h3>
<h3 style="
color: #356ba5;
">价格监测系统
</h3>
</xpath>
</template>
</odoo>
以上代码运行结果:
背景色需要通过修改css进行,关于如何修改css样式 可以参考 我的另一篇博文:https://blog.csdn.net/Srekal/article/details/103589086
承接odoo二次开发.部署实施.
交流请添加 543127346 (穆尘)