实现页面内容多语言,前面已经提到了,不明白的可移步:http://blog.csdn.net/sutongxuevip/article/details/52605354,今天我们来说下关于js内容的国际化,当然也是要借助前一篇文章的相关内容才能实现。
我们在写后台管理时,都会有侧边栏,直接在页面上写,可以使用前一篇文章的方法即可实现,如果你是把侧边栏封装成一个js文件,今天我告诉你使用此种方法即可实现。
先来看下工程目录:
- 默认语言
- 繁体中文
- 英文状态
- 日语状态
页面代码看这里:
这里使用的前端模版是ACE的,百度有很多(登录页面凑合看,本人比较懒,莫怪)。细心的人可能发现了最后一张图中在sidebar文件夹中有五个js文件,最后一个可有可无,简单来说我们把侧边栏封装成一个js,分成四种语言,也就是说有四个js文件,在登录时随便选择语言,然后放入session中,在哪个页面需要实现多语言就加入java脚本语言
<%
if(session.getAttribute("codes") == null){%>
<!-- 当codes为空时 说明未选择任何语言 这里我们默认语言为中文 即加载了中文的js -->
<script type="text/javascript" src="Content/sidebar-menu/sidebar/sidebar_zh_CN.js"></script>
<%} else{
//当codes为不为空时 说明选择了某种语言,就加载某种语言的js文件
if(session.getAttribute("codes").equals("CN")){%>
<script type="text/javascript" src="Content/sidebar-menu/sidebar/sidebar_zh_CN.js"></script>
<%}
if(session.getAttribute("codes").equals("TW")){%>
<script type="text/javascript" src="Content/sidebar-menu/sidebar/sidebar_zh_TW.js"></script>
<%}
if(session.getAttribute("codes").equals("JP")){%>
<script type="text/javascript" src="Content/sidebar-menu/sidebar/sidebar_ja_JP.js"></script>
<%}
if(session.getAttribute("codes").equals("US")){%>
<script type="text/javascript" src="Content/sidebar-menu/sidebar/sidebar_en_US.js"></script>
<%}
}
%>
即可。
是不是很简单?这种方式的灵感来源于在做bootstrap-table时,默认语言是英文,想要显示中文就要把中文的js加入,随之就出现了现在的这种方法。如果大家有更好的方式不妨分享出来,一起学习进步!
本文源码下载:点击下载
ps:下载时设置的有一积分,如要是辛苦分哈,如果没有积分的朋友,可以留下邮箱,或者给我私信,看到会发你邮箱