web系统多语言切换（中文，英文，日文）

1，下载语言切换所需要的js jquery.localize.js http://webscripts.softpedia.com/script/Modules/jQuery-Plugins/jQuery-localizationTool-js-83407.html

2，在web.xml中添加代码，拦截json格式数据，配置文件是json文件

<servlet-mapping>  <servlet-name>default</servlet-name>  <url-pattern>*.json</url-pattern>
</servlet-mapping>

3，定义三个json文件，text-zh.json，text-ja.json，text-en.json（中文需要转义防止可能出现乱码）

（1）text-en.json

{"acc": {  "HelpCenter": "Help center","BusinessCenter": "Business Center","Exit": "[Exit]","BusinessSupport": "Business Support"}
}

（2）text-zh.json

{"acc": {  "HelpCenter": "帮助中心","BusinessCenter": "商家中心","Exit": "[退出]","BusinessSupport": "商家支持"}
}

（3）text-ja.json

{"acc": {  "HelpCenter": "ヘルプセンター","BusinessCenter": "商家センター","Exit": "[名目]","BusinessSupport": "企業支持"}
}

4,语言切换 jsp页面添加

<select id="ddlSomoveLanguage" οnchange="chgLang();">  <option value="zh">选择</option><option value="zh">中文</option>  <option value="en">ENGLISH</option>  <option value="ja">日本語</option>
</select>

5，在需要切换的地方引入对应的方法 data-localize="acc.HelpCenter"

<a data-localize="acc.HelpCenter" href="$!webPath/articlelist_help.htm">帮助中心</a>

6,写一个 language-coockies.js 文件，$("[data-localize]").localize("text", {pathPrefix: ctx+"/resources/lang", language:"en"});pathPrefix表示json文件路径的前缀,text和en对应文件名text-en.json

var name = "somoveLanguage";
/*server*/
var ctx = window.document.location.href.substring(0,window.document.location.href.indexOf(window.document.location.pathname));function chgLang() {  var value = $("#ddlSomoveLanguage").children('option:selected').val();   SetCookie(name,value);  location.reload();    }       function  SetCookie(name,value){   var Days = 30; //此 cookie 将被保存 30 天  var exp = new Date();    //new Date("December 31, 9998");  exp.setTime(exp.getTime() + Days*24*60*60*1000);  document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();  }  function getCookie(name)//取cookies函数     {  var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));  if(arr != null) return unescape(arr[2]); return null;  }  $(function() {  var uulanguage = (navigator.language || navigator.browserLanguage).toLowerCase();  if (uulanguage.indexOf("en") > -1) {  $("[data-localize]").localize("text", {pathPrefix: ctx+"/resources/lang", language: "en"});  }else if (uulanguage.indexOf("zh") > -1) {  $("[data-localize]").localize("text", {pathPrefix: ctx+"/resources/lang", language: "zh"});  }else if (uulanguage.indexOf("ja") > -1) {  $("[data-localize]").localize("text", {pathPrefix: ctx+"/resources/lang", language: "ja"});  }else{  $("[data-localize]").localize("text", {pathPrefix: ctx+"/resources/lang", language: "zh"});  };          if (getCookie(name) != "") {  if (getCookie(name) == "zh") {  $("[data-localize]").localize("text", {pathPrefix: ctx+"/resources/lang", language: "zh"});   }  if (getCookie(name) == "en") {  $("[data-localize]").localize("text", {pathPrefix: ctx+"/resources/lang", language: "en"});       }if (getCookie(name) == "ja") {  $("[data-localize]").localize("text", {pathPrefix: ctx+"/resources/lang", language: "ja"});       }}  });

web系统多语言切换（中文，英文，日文）相关推荐

web系统多语言切换
1,下载语言切换所需要的js jquery.localize.js http://webscripts.softpedia.com/script/Modules/jQuery-Plugin ...
Phalcon使用多语言环境（切换中文/英文等）
Phalcon使用多语言环境(切换中文/英文等) lang类文件 namespace Utils; use Phalcon\Http\Request; use Phalcon\Translate\Ad ...
怎样把xp计算机语言改为英文,xp系统电脑语言改成英文的恢复步骤
今天和大家分享一下关于对xp系统电脑语言改成英文设置的方法,在使用xp系统的过程中经常不知道如何去对xp系统电脑语言改成英文进行设置,有什么好的办法去设置xp系统电脑语言改成英文呢?在这里小编教你只需 ...
linux7系统改成中文,把CentOS 7系统显示语言从中文修改成英文的方法
下面以图解的方式为你讲解把CentOS 7系统的中文显示语言修改成英文.虽然中文界面便于直观理解,但是有时在CentOS 7系统中要使用操作命令,遇到有中文目录的情况,有中英文名称混合,对输入字符与定 ...
Linux 系统语言切换 ---- Linux Ubuntu 系统语言切换为英文
系统:Linux Ubuntu 18.04 中文版目录 1. 在桌面右键打开命令框(Open Terminal): 2. 进入系统默认语言设置文件目录: 3. 打开系统语言配置文件: 4. 打开的系 ...
Linux中如何切换中文英文
查看当前使用的是中文(zh_CN.UTF-8)还是英文(LANG="en_US.UTF-8): echo $LANG 进入etc文件: cd /etc 使用vim编辑器进入初始配置的loca ...
安卓多语言切换-显示英文图片
项目中需要增加多语言切换功能,这在安卓下很好实现,如英语增加一个资源文件夹values-en,添加英文strings配置文件就可以了,那么要想切换语言时APP内的图片也自动切换成英文怎么办呢?也会简单 ...
【Mac】系统语言切换为英文后chrome浏览器无法用国内印象笔记账号登陆印象笔记剪藏...
解决办法: 将chrome浏览器语言设置成中文就可以了转载于:https://www.cnblogs.com/756623607-zhang/p/10766281.html
将kali Linux系统的语言切换为中文
首先我们打开kali linux 虚拟机 . 右键开启终端. .输入sudo apt install ttf-wqy- zenhei命令来下载中文语音包,这里我在第一次输入时没有加sudo命令,没有成 ...

web系统多语言切换（中文，英文，日文）

web系统多语言切换（中文，英文，日文）相关推荐

最新文章

热门文章