第二章 Ambari二次开发之界面汉化（实时编译）

1、汉化概述

1.1、汉化目标

• 核心目标：对ambari界面进行汉化

1.2、汉化文件

汉化内容	汉化文件	备注
仪表盘主界面	ambari-web/app/messages.js
管理员界面	ambari-admin/src/main/resources/ui/admin-web/app/scripts/i18n.config.js
主页底部版权信息	ambari-web/app/assets/index.html
登录框	ambari-web/app/templates/login.hbs
DashBoard 页头	/ambari-web/app/templates/application.hbs
仪表盘关于信息	ambari-web/app/templates/common/about.hbs
管理页面关于信息	/ambari-admin/src/main/resources/ui/admin-web/app/views/modals/AboutModal.html
样式修改	ambari-web/app/styles/common.less ambari-web/app/styles/application.less
BootsStrap页头	ambari-web/vendor/styles/bootstrap.css
权限名	/ambari/ambari-server/src/main/resources/Ambari-DDL-MySQL-CREATE.sql
告警汉化	**/alerts.json

2、汉化流程

2.1、登录框汉化demo

• 汉化目标：将登录框页面汉化成中文

（1）汉化前界面

（2）汉化过程

①找到软链的app.js文件

cd /opt/ambari/apache-ambari-2.7.6-src/ambari-web/public/javascripts

vim app.js 

②查找相关字段并进行汉化修改

# 第一步:搜索字段
/Em.I18n.translations

# 第二步:搜索字段
/Sign in

# 第三步:替换为登录字段

• 替换结果如下

③确保实时监控编译开启

ps -ef | grep brunch

（3）汉化结果

2.2、修改app.js

• 汉化目标：对应仪表盘主界面、登录框、DashBoard 页头汉化

（1）查找文件字段

cd /opt/ambari/apache-ambari-2.7.6-src/ambari-web/public/javascripts

vim app.js 

（2）修改内容如下

待定

（3）汉化结果

2.3、基于BootsStrap的修改

• 修改目标：修改中文字体显示

cd /opt/ambari/apache-ambari-2.7.6-src/ambari-web/public/stylesheets

vim vendor.css

• 修改内容：将body的font-family改为更适合中文字体显示

"Arial","Microsoft YaHei","黑体","宋体",sans-serif;

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0P7GmSNH-1666533145451)(C:\Users\lihw\Desktop\数据架构师\AMBARI二次开发环境搭建.assets\image-20220809140530451.png)]

2.4、汉化AboutModal.html（需要修改Admin模块）

• 汉化目标：修改管理页面的关于信息

（1）修改文件内容

• 切换目录

vim /var/lib/ambari-server/resources/views/work/ADMIN_VIEW{2.7.3.0}/views/modals/AboutModal.html

• 修改内容

2.5、修改index.html

• 汉化目标：修改主页底部版权信息

（1）修改文件内容

# 第一步: 打开web软链的index文件
vim /opt/ambari/apache-ambari-2.7.6-src/ambari-web/public/index.html

# 第二步: 修改index.xml文件

• 修改内容

（2）修改结果

• 修改前显示：底部有Apache V2.0的相关版权信息

• 修改后显示

2.6、权限名汉化

• 所需修改文件

vim /ambari/ambari-server/src/main/resources/Ambari-DDL-MySQL-CREATE.sql

2.7、告警汉化

• 所需修改如下文件

ambari\ambari-server\src\main\resources\common-services\ACCUMULO\1.6.1.2.2.0\alerts.json
ambari\ambari-server\src\main\resources\common-services\AMBARI_INFRA\0.1.0\alerts.json
ambari\ambari-server\src\main\resources\common-services\AMBARI_METRICS\0.1.0\alerts.json
ambari\ambari-server\src\main\resources\common-services\ATLAS\0.1.0.2.3\alerts.json
ambari\ambari-server\src\main\resources\common-services\FALCON\0.5.0.2.1\alerts.json
ambari\ambari-server\src\main\resources\common-services\FLUME\1.4.0.2.0\alerts.json
ambari\ambari-server\src\main\resources\common-services\GANGLIA\3.5.0\alerts.json
ambari\ambari-server\src\main\resources\common-services\HAWQ\2.0.0\alerts.json
ambari\ambari-server\src\main\resources\common-services\HBASE\0.96.0.2.0\alerts.json 
ambari\ambari-server\src\main\resources\common-services\HDFS\2.1.0.2.0\alerts.json 
ambari\ambari-server\src\main\resources\common-services\HIVE\0.12.0.2.0\alerts.json 
ambari\ambari-server\src\main\resources\common-services\KAFKA\0.9.0\alerts.json 
ambari\ambari-server\src\main\resources\common-services\KNOX\0.5.0.2.2\alerts.json 
ambari\ambari-server\src\main\resources\common-services\LOGSEARCH\0.5.0\alerts.json 
ambari\ambari-server\src\main\resources\common-services\OOZIE\4.2.0.2.3\alerts.json 
ambari\ambari-server\src\main\resources\common-services\PXF\3.0.0\alerts.json 
ambari\ambari-server\src\main\resources\common-services\RANGER\0.6.0\alerts.json 
ambari\ambari-server\src\main\resources\common-services\RANGER_KMS\0.5.0.2.3\alerts.json 
ambari\ambari-server\src\main\resources\common-services\SPARK\1.2.1\alerts.json 
ambari\ambari-server\src\main\resources\common-services\SPARK2\2.0.0\alerts.json 
ambari\ambari-server\src\main\resources\common-services\YARN\2.1.0.2.0\alerts.json 
ambari\ambari-server\src\main\resources\common-services\ZEPPELIN\0.6.0.2.5\alerts.json 
ambari\ambari-server\src\main\resources\alerts.json 
ambari\ambari-server\src\main\resources\alert-templates.xml