首先多语言切换采用两种方式,一种是增加后台resx资源文件的方式,一种是前台增加前台json资源文件,语言通过webconfig进行配置的,不在系统中进行切换,系统使用mvc
1、后台资源文件增加
先把App_GlobalResources增加出来,通过添加ASP.NET文件夹的方式建出来App_GlobalResource,若通过新建文件夹的方式,名字也要起这个名字
然后这个文件夹下面再建一个Ces文件夹,这个名称可以随便起的,最好表明是跟语言有关的资源文件夹
然后建一个lang资源文件和lang.zh-tw资源文件,第二个资源文件是第一个资源文件的名称lang加上区域语言代码,中间用点号隔开,中文简体是zh-CN,中文繁体是zh-TW,资源文件中语言代码名称不区分大小写
2、web.config增加配置
<!--字体切换,cn中文简体 tw繁体-->
<add key="Language" value="tw" />
3、建一个LanguageAttribute类,重写action过滤器的OnActionExecuting方法,根据webconfig中的语言配置来设置页面的语
言文化,在每个controller上面增加[Language]就可以了
public class LanguageAttribute : ActionFilterAttribute
{
public override void OnActionExecuting(ActionExecutingContext filterContext)
{
if (System.Web.Configuration.WebConfigurationManager.AppSettings["Language"].ToString() == "tw")
{
Thread.CurrentThread.CurrentUICulture = CultureInfo.CreateSpecificCulture("zh-tw");
}
else
{
Thread.CurrentThread.CurrentUICulture = CultureInfo.CreateSpecificCulture("zh-cn");
}
}
}
4、然后就是给这个resx增加资源数据,通过Resources.lang.ces这种方式进行调用,至于返回的是哪个数据,要根据第三步你所设置的,如果没有设置就会采用默认的设置
5、上面的就是后台增加语言切换处理的方式,然后接下来说下前台的方法,主要是用的jquery.localize.js这个js,然后用到的页面都要执行localize方法,其中language的数据可以直接填,我是通过存取cookie的方式来获取配置的,另外由于太多页面要用这个方法,我就整合到一个js里面,每个页面进行调用或者直接写在模板页中
注意:由于localize方法中用到了deferred对象,是从jQuery 1.5.0版本开始引入的一个新功能,所以最好引用1.5.0及以上版本
js内容
function getCookie(name) { //取cookies函数
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null) return unescape(arr[2]);
return null
}
//也可以用$.cookie('Language')直接取,需要引用jquery.cookie.js
$(function () {
$("[data-localize]").localize("text", {
pathPrefix: "/Scripts/language",
language: getCookie("Language")
});
});
补充一下:方法中的参数text这个跟json文件名称有关,我的两个资源名称为text-cn.json和text-tw,获取到的language其实是cn或者tw,然后跟参数text进行拼接获取json文件名称
6、在登录页面controller中设置cookie值,取的是web.config中的配置,第五步用到的cookie值就是在这里存的
HttpCookie cookie = new HttpCookie("Language", System.Web.Configuration.WebConfigurationManager.AppSettings["Language"]);
cookie.Expires = DateTime.Now.AddDays(30);
HttpContext.Response.Cookies.Add(cookie);
7、前台语言切换的用法
<h3 data-localize="用户登录"></h3>
生成的html效果<h3 data-localize="用户登录">用戶登錄</h3>