ASP.NET MVC：多語言的三種技術處理策略

背景

本文介紹了多語言的三種技術處理策略，每種策略對應一種場景，這三種場景是：

1. 多語言資源信息只被.NET使用。
2. 多語言資源信息只被Javascript使用。
3. 多語言資源信息同時被.NET和Javascript使用。

下文我們就一個一個場景的分析。

第一種場景：多語言資源信息只被.NET使用

這種場景的技術處理最簡單，可以充分利用VisualStudio提供的資源編輯器及資源文件。

實現步驟

1、定義資源文件。

2、使用資源文件。

<h1>Classic：@Strings.Title </h1>

第二種場景：多語言資源信息只被Javascript使用

這種場景的技術實現需要參考使用的Javascript類庫，自己做也不難（無非是原型覆蓋或變量覆蓋）。

實現步驟

1、定義Javascript本地化文件。

2、引入需要的本地化文件（可以靜態引入或動態根據配置引入）。

<script src="../../../Javascript/Ext/locale/ext-lang-zh_CN.js"></script>

第三種場景：多語言資源信息同時被.NET和Javascript使用

這種場景多少有些復雜，因為資源信息需要在兩個地方使用，我們可以重復定義兩次，或者用代碼生成器，不過這里介紹另外一種方式：服務器生成Javascript。

實現步驟

1、定義生成Javascript代碼的控制器（會把服務器的資源文件生成為Javascript代碼，這樣就保證資源只需要定義一次）。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

using Happy.Web.Mvc;

namespace Happy.MvcExample.Controllers
{
    public class JavascriptResourceController : Controller
    {
        //
        // GET: /JavascriptResource/Strings

        public ActionResult Strings()
        {
            return new JavascriptResourceResult("MvcExample.Strings", typeof(Resource.Strings));
        }
    }
}

2、使用服務器生成的Javascript代碼。

<script src="~/Scripts/jquery-2.0.3.js"></script>
<script type="text/javascript" src="JavascriptResource/Strings"></script>
<script type="text/javascript">
    $("#ClientTitle").text(MvcExample.Strings.Title);
</script>

3、JavascriptResourceResult實現。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Web.Mvc;

using Happy.Infrastructure.ExtentionMethods;

namespace Happy.Web.Mvc
{
    /// <summary>
    /// 將服務器端的資源文件轉換為Javascript代碼，主要為了在服務端和客戶端之間共享資源文件。
    /// </summary>
    public sealed class JavascriptResourceResult : JavaScriptResult
    {
        public JavascriptResourceResult(string javascriptObjectName, Type resourceType)
        {
            javascriptObjectName.MustNotNullAndNotWhiteSpace("javascriptObjectName");
            resourceType.MustNotNull("resourceType");

            var namespaceDefinitionString = GetNamespaceDefinitionString(javascriptObjectName);
            var keyValueStrings = GetKeyValueString(resourceType);

            this.Script = string.Format("{0};{1} = {{{2}}}", namespaceDefinitionString, javascriptObjectName, keyValueStrings);
        }

        private static string GetNamespaceDefinitionString(string javascriptObjectName)
        {
            var names = javascriptObjectName.Split('.');

            var namespaces = names.Take(names.Length - 1).Select((x, index) =>
            {
                return String.Join(".", names.Take(index + 1).ToArray());
            });

            var sb = new StringBuilder();
            sb.AppendFormat("var {0} = {0} || {{}}", namespaces.First());
            foreach (var item in namespaces.Skip(1))
            {
                sb.AppendFormat("{0} = {0} || {{}}", item);
            }

            return sb.ToString();
        }

        private static string GetKeyValueString(Type resourceType)
        {
            var keyvalues = resourceType
                .GetProperties()
                .Select(x =>
                {
                    return string.Format("{0}: '{1}'", x.Name, x.GetValue(null));
                }).ToArray();

            return String.Join(",", keyvalues);
        }
    }
}

最終的運行效果

切換語言需要修改Web.Config，配置如下：

<globalization uiCulture="en-US"/>

中文

英文

注：不同的顏色是不同的模板導致的。

代碼下載

地址：http://happy.codeplex.com/SourceControl/latest。

備注

簡單的多語言容易實現，如果是跨國的企業應用，難度就非常大了，因為同一個系統運行在不同的時區和區域文化中，我還沒有深入想這塊咋處理（沒有需求）。

在博客系統中