Redash汉化(Redash实现国际化)

在这里主要讲的是angularJS部分的汉化,至于项目中react部分的代码(项目中的.jsx文件)和传统前后端交互部分【\redash-master\redash\templates】代码的汉化不适用此方法。

一、\redash-master\package.json文件的"dependencies"中添加【"angular-translate": "^2.18.1",】;

Redash汉化(Redash实现国际化)_第1张图片

二、\redash-master\client\app\config\index.js文件中添加下面的代码【import 'angular-translate';】和【'pascalprecht.translate',】

Redash汉化(Redash实现国际化)_第2张图片

Redash汉化(Redash实现国际化)_第3张图片

三、\redash-master\client\app\index.js文件中添加下面的代码

Redash汉化(Redash实现国际化)_第4张图片

四、修改页面(HTML文件)中的需要国际化的内容

【Dashboards】===>>>>>>【{{'Dashboards' | translate}}】

五、在app目录下创建i18n文件夹,在文件夹中创建zh.js文件

const internationalization = {
  'Dashboards': '仪表板'
}

export default internationalization;

六、如果是Windows环境进行开发的话,修改\redash-master\client\.eslintrc.js文件

Redash汉化(Redash实现国际化)_第5张图片

 

你可能感兴趣的:(Redash)