griffin汉化

缺乏、安全感 2021-09-28 17:28 343阅读 0赞

界面汉化首先要找到页面文件夹目录，然后修改其中的对应字段为中文即可。

**一、页面目录：**

1、html页面目录

incubator-griffin\ui\pages

2、js脚本

incubator-griffin\ui\js

3、登录页面

incubator-griffin\ui\login\login.html

**二、具体过程**

1、首先要熟悉一下Griffin，就是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、js脚本：

incubator-griffin\ui\js\controllers\bigChart-ctrl.js
    incubator-griffin\ui\js\controllers\createdataasset-ctrl.js
    incubator-griffin\ui\js\controllers\createjob-ac-ctrl.js
    incubator-griffin\ui\js\controllers\createjob0.js
    incubator-griffin\ui\js\controllers\createrule-ac-ctrl.js
    incubator-griffin\ui\js\controllers\createrule-pu-ctrl.js
    incubator-griffin\ui\js\controllers\createrule-va-ctrl.js
    incubator-griffin\ui\js\controllers\createrule0-ctrl.js
    incubator-griffin\ui\js\controllers\dataassets-ctrl.js
    incubator-griffin\ui\js\controllers\detail-ctrl.js
    incubator-griffin\ui\js\controllers\editdataasset-ctrl.js
    incubator-griffin\ui\js\controllers\footer-ctrl.js
    incubator-griffin\ui\js\controllers\health-ctrl.js
    incubator-griffin\ui\js\controllers\job-ctrl.js
    incubator-griffin\ui\js\controllers\main-ctrl.js
    incubator-griffin\ui\js\controllers\metrics-ctrl.js
    incubator-griffin\ui\js\controllers\mydashboard-ctrl.js
    incubator-griffin\ui\js\controllers\nav-ctrl.js
    incubator-griffin\ui\js\controllers\rule-ctrl.js
    incubator-griffin\ui\js\controllers\sidebar-ctrl.js
    incubator-griffin\ui\js\controllers\subscribemodel-ctrl.js
    incubator-griffin\ui\js\controllers\viewrule-ctrl.js
    incubator-griffin\ui\js\directives\bigchart.js
    incubator-griffin\ui\js\filters\strshorten.js
    incubator-griffin\ui\js\services\bark-chart.js
    incubator-griffin\ui\login\login.js

2、html页面

incubator-griffin\ui\login\login.html
    incubator-griffin\ui\pages\dataassets\confirmation-dataasset.html
    incubator-griffin\ui\pages\dataassets\confirmation-delete-dataasset.html
    incubator-griffin\ui\pages\dataassets\createdataasset.html
    incubator-griffin\ui\pages\dataassets\dataassets.html
    incubator-griffin\ui\pages\dataassets\editdataasset.html
    incubator-griffin\ui\pages\health\health.html
    incubator-griffin\ui\pages\jobs\confirmation-ac.html
    incubator-griffin\ui\pages\jobs\createjob-ac.html
    incubator-griffin\ui\pages\jobs\createjob0.html
    incubator-griffin\ui\pages\jobs\delete-confirm.html
    incubator-griffin\ui\pages\jobs\jobs.html
    incubator-griffin\ui\pages\measures\confirmation-ac.html
    incubator-griffin\ui\pages\measures\confirmation-an.html
    incubator-griffin\ui\pages\measures\confirmation-pu.html
    incubator-griffin\ui\pages\measures\createrule-ac.html
    incubator-griffin\ui\pages\measures\createrule-an.html
    incubator-griffin\ui\pages\measures\createrule-pu.html
    incubator-griffin\ui\pages\measures\createrule-va.html
    incubator-griffin\ui\pages\measures\createrule0.html
    incubator-griffin\ui\pages\measures\delete-confirm.html
    incubator-griffin\ui\pages\measures\detail.html
    incubator-griffin\ui\pages\measures\measures.html
    incubator-griffin\ui\pages\measures\va-explaination.html
    incubator-griffin\ui\pages\measures\viewrule.html
    incubator-griffin\ui\pages\metrics\dashboard.html
    incubator-griffin\ui\pages\metrics\download-sample.html
    incubator-griffin\ui\pages\mydashboard\confirmation-subscribe.html
    incubator-griffin\ui\pages\mydashboard\mydashboard.html
    incubator-griffin\ui\pages\mydashboard\subscribemodel.html
    incubator-griffin\ui\pages\template\undercons.html