ASP.Net MVC多语言

.NET MVC 多语言网站

通过浏览器语言首选项改变MVC的语言，通过浏览器语言选项，修改脚本语言。

一、添加资源文件

1、添加App_GlobalResources文件夹。

2、添加默认的资源文件和对应的语言码资源文件。如zh-cn代表中国大陆，en-us代表美制英语。详情：http://www.lingoes.cn/zh/translator/langcode.htm

3、将资源文件设置成public。新建时默认是internal，这样不能被访问。

右键点击资源文件，在其的属性中将自定义工具(Custom Tool) 从资源代理生成器(GlobalResourceProxyGenerator) 改为公共文件(PublicResXFileCodeGenerator)，然后将生成操作从内容改为嵌入的资源。

4、在web.config中添加语言选项。这样就会根据浏览器语言首选项，判断要使用的资源。

    <!--根据浏览器的语言首选项，决定语言项-->

<globalization uiCulture="auto" culture="auto" enableClientBasedCulture="true" />

5、在对应的文件中添加键值对。

二、View+Control+Model的普通文字多语言

1、view

2、control

3、model

//[Required(ErrorMessage = "密码不能为空")]

 [Required(ErrorMessageResourceType = typeof(Resource), ErrorMessageResourceName = "PasswordNotNull")]

三、DisplayName的多语言化。重写DisplayName方法

  public class LocalDisplayName : DisplayNameAttribute

    {

        private string _defaultName = "";

        public Type ResourceType { get; set; }

        public string ResourceName { get; set; }

        public LocalDisplayName(string defaultName) { _defaultName = defaultName; }

        public override string DisplayName
        {
            get
            {
                PropertyInfo p = ResourceType.GetProperty(ResourceName);
                if (p != null)
                {
                    return p.GetValue(null, null).ToString();
                }
                else
                {
                    return _defaultName;
                }
            }
        }
    }

model使用：

 [LocalDisplayName("发布时间", ResourceName = "PublishDateTime", ResourceType = typeof(Resource))]

四、脚本多语言

原始方法：

我的方法是在引用一个公用的脚本文件，由该文件通过当前语言引入对应的语言资源脚本。如果当前浏览区语言没有没有对应的资源脚本，就引入默认的资源脚本。

1、通过浏览器语言引入对应的语言资源脚本。

//将所有的语言资源脚本文件名罗列再次，用&分割

var languageresources = "en-us&zh-cn"

 

//根据当前浏览器语言验证语言脚本是否存在，如果在则加载，则加载默认的zh-cn.js

var thislanguagere = navigator.language.toLowerCase();

 

var script = document.getElementsByTagName('HEAD').item(0);

script = document.createElement("script");

script.type = "text/javascript";

 

var language = languageresources.split("&")

var flag = false;

for (var item in language) {

    if (thislanguagere == language[item]) {

        var flag = true;

        script.src = "/Scripts/controls/" + thislanguagere + ".js";

        document.body.appendChild(script);

    }

}

if (flag == false) {

    script.src = "/Scripts/controls/zh-cn.js";

    document.body.appendChild(script);

}

2、对应资源脚本写法。设置键值对

3、具体页面脚本使用，引用。需要先引用判断语言脚本。

更新方法：

1、采用jquery.i18n.properties-1.0.9.js提供的方法：

(1)、jQuery.i18n.properties() 用法：引入对应的资源文件

 jQuery.i18n.properties({ 

    name:'strings',// 资源文件名称

    path:'bundle/',// 资源文件所在目录路径

    mode:'both',// 模式：变量或 Map 

    language:'pt_PT',// 对应的语言

    cache:false, 

    encoding: 'UTF-8', 

    callback: function() {// 回调方法

    } 

 });

(2)、jQuery.i18n.prop(key)

该方法以 map 的方式使用资源文件中的值，其中 key 指的是资源文件中的 key。当 key 指定的值含有占位符时，可以使用 jQuery.i18n.prop(key,var1,var2 … ) 的形式，其中 var1,var2 …对各占位符依次进行替换。例如资源文件中有“msg_hello= 您好 {0}，今天是 {1}。”的键值对，则我们可以采用“jQuery.i18n.prop( ‘ msg_hello ’ , ’小明’ , ’星期一’ );”的形式使用 msg_hello。

(3)、jQuery.i18n.browserLang() 用于获取浏览浏览器的语言信息，这里不再单独介绍。

2、文档结构：其中strings是随便起到，后缀的en-us代表当前浏览器语言项。没有后缀代表默认语言。

声明变量写法：

3、在具体脚本内的写法：

function loadProperties() {

    jQuery.i18n.properties({// 加载资浏览器语言对应的资源文件

        name: 'strings', // 资源文件名称

        path: '/Scripts/controls/', // 资源文件路径

        mode: 'map', // 用 Map 的方式使用资源文件中的值

        callback: function () {//加载成功后设置显示内容

        }

    });

}

$(function () {

    loadProperties();//引入资源文件

    //忘记密码的点击事件

    $("#hex-forgotpassword").click(function () {

        if ($("#UserName").val() == "") {

            //alert("请在登陆框输入用户名，再点击找回密码！");

            alert($.i18n.prop('forgotpasswordnotusername'));

        }

        else {

            //var msg = "您确认要找回密码吗？您的密码将发送到您的邮箱！";

            var msg = $.i18n.prop('forgotpassword');

            if (confirm(msg) == true) {

                $.ajax({

                    type: "Get",

                    url: '/Account/ForgetPassword',

                    data: "userName=" + $("#UserName").val(),

                    success: function (msg) {

                        alert(msg);

                    }

                });

            } else {

                return false;

            }

        }

    });

    //用户名文本框获得焦点

    $('#UserName').focus();

})

另附：可修改的多语言，即通过语言超链接修改当前语言项。

1、在Global.asax文件中：

   protected void Application_AcquireRequestState(Object sender, EventArgs e)

        {

            Authentication.AttachAuthTicketByUrl<WebAuthentication>(Context);

            //多语言 可切换

            if (HttpContext.Current.Session != null)

            {

                System.Globalization.CultureInfo ci = (System.Globalization.CultureInfo)this.Session["CurrentLanguage"];

                if (ci == null)

                {

                    ci = new System.Globalization.CultureInfo("zh-cn");

                    this.Session["CurrentLanguage"] = ci;

                }

                System.Threading.Thread.CurrentThread.CurrentUICulture = ci;

                System.Threading.Thread.CurrentThread.CurrentCulture = System.Globalization.CultureInfo.CreateSpecificCulture(ci.Name);

            }

        }

2、在control中：

        public ActionResult ChangeLanguage(string language)

        {

            Session["CurrentLanguage"] =new System.Globalization.CultureInfo(language);

            return Redirect("Login");

        }

3、在页面中：

@Html.ActionLink("English", "ChangeLanguage", "Account", new { language = "en-us" }, new { @class = "hex-a" })

@Html.ActionLink("Chinese", "ChangeLanguage", "Account", new { language = "zh-cn" }, new { @class = "hex-a" })

参考资料：

.NET MVC 2 多语言网站的实现：

http://blog.163.com/xu_shuhao/blog/static/52577487201092402610920/

关于在mvc4中多语言建站的实例：

http://www.cnblogs.com/Joans/archive/2012/08/16/2640473.html

使用 jQuery.i18n.properties 实现 Web 前端的国际化：

https://www.ibm.com/developerworks/cn/web/1305_hezj_jqueryi18n/

posted @ 2014-06-23 16:15 寂寞之砂阅读(958) 评论(0) 编辑收藏举报

刷新页面返回顶部

寂寞之砂