itop 二次开发-修改Web UI

一、修改登录页面样式、字体

效果演示:

修改前:

image-20220302111853655

修改后:

image-20220302111907526

修改步骤:

1.修改UI登录样式

编辑 itop\css\login.css

#login-title {
    width: 70%;
    margin-left: 15%;
    /* 修改红色与字体大小 */
    color: #d71345;
    font-size: 1.4rem;
}

修改完成后,按Ctrl+F5强制刷新即可

2.修改文字内容

编辑 itop\dictionaries\zh_cn.dictionary.itop.ui.php

//'UI:Login:Welcome' => '欢迎使用iTop!',
//'UI:Login:IdentifyYourself' => '请完成身份认证',
//UI页面文字可自行修改
'UI:Login:Welcome' => '东莞启益运维工单系统',
'UI:Login:IdentifyYourself' => '请使用电脑域账号密码登录',

需要使用官方工具toolkit更新

iTopDataModelToolkit-3.0.0.zip下载地址

image-20220602171402224

将压缩包解压,修改文件夹名为toolkit,放置到itop目录下

image-20220602171740485

输入网址 http://ip/toolkit,点击iTop update

image-20220602171846015

image-20220602171938032

二、修改网页标题图标

效果演示

image-20220302115712808

修改步骤:

替换以下文件

itop/images/favicon.ico
itop/images/itop-logo-square.png

其他的图标替换可以使用F12找到文件名,进行替换

image-20220302134010497