界面汉化首先要找到页面文件夹目录,然后修改其中的对应字段为中文即可。
一、页面目录:
1、html页面目录
incubator-atlas\dashboardv2\public\js\templates
2、js脚本
incubator-atlas\dashboardv2\public\js
3、登录页面
incubator-atlas\webapp\src\main\webapp\login.jsp
二、具体过程
1、首先要熟悉一下Atlas,就是web页面的整体流程,都有哪些页面和操作步骤,了解大概的意思,再去修改html页面和js脚本。
2、挨个检查每个js脚本和html页面的内容,找到关键词,界面中需要汉化的部分。
3、js脚本中的关键词:
.text():其中的文字需要汉化
okText: '确定' 、cancelText: '取消'
content: "分类 "
var msg = "标签 "
title: "最后一页"
label:"标签 "
另外,有一部分是通过拼成html语句的,参考:4、html页面中的关键词
4、html页面中的关键词:
<button type="button" class="btn" data-id="previousAuditData">上一页</button> :button标签中间的文字需要汉化
<h4>名称: <span data-id="tagHeader"></span></h4> :标题标签中间的文字需要汉化
<input class="form-control" data-id="termName" placeholder="输入分类名称" autofocus> :其中placeholder等号后面的值需要汉化
<textarea class="form-control" data-id="termDetail" placeholder="描述"></textarea>:其中placeholder等号后面的值需要汉化
<p class='alertTerm' style='display:none'>分类的名称不能有空格</p>
<li role="presentation" class="tab active"><a href="#tab-details" aria-controls="tab-details" role="tab" data-toggle="tab">属性</a></li>
<span class="pull-left">全部</span>
<th>键</th>
5、基本上就是这些关键点,注意结合文档和页面的上下文来翻译,不能直接照字面意思。
三、修改的文件
1、html页面
dashboardv2\public\js\templates\audit\AuditTableLayoutView_tmpl.html
dashboardv2\public\js\templates\audit\CreateAuditTableLayoutView_tmpl.html
dashboardv2\public\js\templates\business_catalog\AddTermView_tmpl.html
dashboardv2\public\js\templates\business_catalog\BusinessCatalogDetailLayoutView_tmpl.html
dashboardv2\public\js\templates\business_catalog\BusinessCatalogHeader.html
dashboardv2\public\js\templates\business_catalog\SideNavLayoutView_tmpl.html
dashboardv2\public\js\templates\business_catalog\TreeLayoutView_tmpl.html
dashboardv2\public\js\templates\common\aboutAtlas_tmpl.html
dashboardv2\public\js\templates\detail_page\DetailPageLayoutView_tmpl.html
dashboardv2\public\js\templates\entity\CreateEntityLayoutView_tmpl.html
dashboardv2\public\js\templates\entity\EntityDetailTableLayoutView_tmpl.html
dashboardv2\public\js\templates\graph\LineageLayoutView_tmpl.html
dashboardv2\public\js\templates\schema\SchemaTableLayoutView_tmpl.html
dashboardv2\public\js\templates\search\AdvancedSearchInfo_tmpl.html
dashboardv2\public\js\templates\search\SearchLayoutView_tmpl.html
dashboardv2\public\js\templates\search\SearchResultLayoutView_tmpl.html
dashboardv2\public\js\templates\site\header.html
dashboardv2\public\js\templates\tag\AddTagAttributeView_tmpl.html
dashboardv2\public\js\templates\tag\addTagModalView_tmpl.html
dashboardv2\public\js\templates\tag\createTagLayoutView_tmpl.html
dashboardv2\public\js\templates\tag\TagAttributeDetailLayoutView_tmpl.html
dashboardv2\public\js\templates\tag\TagAttributeItemView_tmpl.html
dashboardv2\public\js\templates\tag\TagLayoutView_tmpl.html
2、JS脚本:
dashboardv2\public\js\modules\atlasLogin.js
dashboardv2\public\js\utils\CommonViewFunction.js
dashboardv2\public\js\utils\Enums.js
dashboardv2\public\js\utils\Messages.js
dashboardv2\public\js\utils\TableLayout.js
dashboardv2\public\js\utils\Utils.js
dashboardv2\public\js\views\audit\AuditTableLayoutView.js
dashboardv2\public\js\views\audit\CreateAuditTableLayoutView.js
dashboardv2\public\js\views\business_catalog\AddTermToEntityLayoutView.js
dashboardv2\public\js\views\business_catalog\BusinessCatalogDetailLayoutView.js
dashboardv2\public\js\views\business_catalog\TreeLayoutView.js
dashboardv2\public\js\views\common\aboutAtlas.js
dashboardv2\public\js\views\common\BackgridHeader.js
dashboardv2\public\js\views\detail_page\DetailPageLayoutView.js
dashboardv2\public\js\views\entity\CreateEntityLayoutView.js
dashboardv2\public\js\views\graph\LineageLayoutView.js
dashboardv2\public\js\views\schema\SchemaLayoutView.js
dashboardv2\public\js\views\search\SearchLayoutView.js
dashboardv2\public\js\views\search\SearchResultLayoutView.js
dashboardv2\public\js\views\tag\addTagModalView.js
dashboardv2\public\js\views\tag\CreateTagLayoutView.js
dashboardv2\public\js\views\tag\TagAttributeDetailLayoutView.js
dashboardv2\public\js\views\tag\TagDetailTableLayoutView.js
dashboardv2\public\js\views\tag\TagLayoutView.js