功能
實(shí)現(xiàn)動(dòng)態(tài)切換語言,Demo做了三種語言庫可以切換,包括資源文件的定義,實(shí)體對(duì)象屬性設(shè)置,后臺(tái)代碼Controller,IAuthorizationFilter,HtmlHelper的實(shí)現(xiàn),做法簡(jiǎn)單易學(xué),配合我之前發(fā)布的# MVC Scaffolding SmartCode-Engine 更新 模板中新增了多語言資源文件的生成功能,現(xiàn)在發(fā)現(xiàn)我的這個(gè)框架和目前很流行的ABP框架是類似更有點(diǎn)像收費(fèi)版的Asp.net Zero,只是更加輕量級(jí),更方便,更快速,唯一的不足就是無法升級(jí)到Asp.net Core因?yàn)樵赿otnet core下的Scaffolding這塊擴(kuò)展不像MVC5那么容易實(shí)現(xiàn),這塊還需要研究,下一步就準(zhǔn)備升級(jí)到asp.net core.重新開發(fā)一套類似Asp.net Zero的代碼生成插件.
demo1.gif
具體實(shí)現(xiàn)方法
-
定義實(shí)體類
通過Display屬性定義Name ResourceType,需要讀取的語言庫資源文件
image.png -
生成資源文件
通過mvc scaffolding擴(kuò)展工具會(huì)自動(dòng)生成對(duì)應(yīng)實(shí)體對(duì)象的3個(gè)資源文件默認(rèn)中文,繁體,英文
繁體需要自己翻譯,英文內(nèi)容根據(jù)字段名定義后已大寫字母分割 DateTime 現(xiàn)實(shí) Date Time
image.png
頁面功能按鈕語言資源文件庫
image.png
image.png -
前后端代碼實(shí)現(xiàn)語言切換功能
-選擇切換語言
image.png
JS代碼
/* multiple lang dropdown */
$('#dropdownlang-dropdown-menu').on('click', 'a', function () {
const lang = this.text;
const flag = this.firstElementChild.className;
const culture = this.firstElementChild.getAttribute("culture");
$('#dropdownlang').children()[0].className = flag;
$('#dropdownlang').children()[1].innerHTML = lang;
localStorage.setItem('lang-text', lang);
localStorage.setItem('lang-css', flag);
localStorage.setItem('lang-culture', culture);
$.get('/Account/SetCulture?lang=' + culture).then(res => {
if (res.success) {
location.reload();
}
});
});
$(function () {
const lang = localStorage.getItem('lang-text');
const css = localStorage.getItem('lang-css');
const culture = localStorage.getItem('lang-culture');
scripttag = document.createElement("script");
scripttag.type = "text/javascript";
scripttag.src = src;
document.body.appendChild(scripttag);
$.parser.parse();
};
if (lang && css && culture) {
$('#dropdownlang').children()[0].className = css;
$('#dropdownlang').children()[1].innerHTML = lang;
}
});
后端代碼
[HttpGet]
public ActionResult SetCulture(string lang) {
//這里設(shè)置CultureInfo是多余的
switch (lang.Trim())
{
case "en":
CultureInfo.CurrentCulture = new CultureInfo("en-US");
CultureInfo.CurrentUICulture = new CultureInfo("en-US");
break;
case "cn":
CultureInfo.CurrentCulture = new CultureInfo("zh-CN");
CultureInfo.CurrentUICulture = new CultureInfo("zh-CN");
break;
case "tw":
CultureInfo.CurrentCulture = new CultureInfo("zh-TW");
CultureInfo.CurrentUICulture = new CultureInfo("zh-TW");
break;
}
//這里設(shè)置CultureInfo是多余的
var cookie = new HttpCookie("culture", lang)
{
Expires = DateTime.Now.AddYears(1)
};
Response.Cookies.Add(cookie);
return Json(new { success = true }, JsonRequestBehavior.AllowGet);
}
CultureFilter 這是關(guān)鍵 這是沒有使用RouteData,通過修改url來保存當(dāng)前語言要改的地方很多還要修改路由規(guī)則,所以我就用Cookies來保存
public class CultureFilter : IAuthorizationFilter
{
private readonly string defaultCulture;
public CultureFilter()
{
this.defaultCulture = "cn";
}
public void OnAuthorization(AuthorizationContext filterContext)
{
var culture = filterContext.HttpContext.Request.Cookies["culture"];
var lang = defaultCulture;
if (culture != null && culture.Value != null)
{
lang = culture.Value;
filterContext.HttpContext.Response.Cookies.Set(culture);
}
switch (lang.Trim())
{
case "en":
CultureInfo.CurrentCulture = new CultureInfo("en-US");
CultureInfo.CurrentUICulture = new CultureInfo("en-US");
//Thread.CurrentThread.CurrentUICulture = new CultureInfo("en-US");
//Thread.CurrentThread.CurrentCulture = new CultureInfo("en-US");
break;
case "cn":
CultureInfo.CurrentCulture = new CultureInfo("zh-CN");
CultureInfo.CurrentUICulture = new CultureInfo("zh-CN");
//Thread.CurrentThread.CurrentUICulture = new CultureInfo("zh-CN");
//Thread.CurrentThread.CurrentCulture = new CultureInfo("zh-CN");
break;
case "tw":
CultureInfo.CurrentCulture = new CultureInfo("zh-TW");
CultureInfo.CurrentUICulture = new CultureInfo("zh-TW");
//Thread.CurrentThread.CurrentUICulture = new CultureInfo("zh-TW");
//Thread.CurrentThread.CurrentCulture = new CultureInfo("zh-TW");
break;
}
}
}
HtmlHelper 代碼實(shí)現(xiàn)語言的輸出
/// <summary>
/// 多語言切換
/// </summary>
/// <param name="helper"></param>
/// <param name="name"></param>
/// <returns></returns>
public static HtmlString L(this HtmlHelper helper, string name) {
var resource = new System.Resources.ResourceManager(typeof(WebApp.resource.Global));
var text = resource.GetString(name);
return new HtmlString(text ?? name);
}
/// <summary>
/// 前端easyui或是其它js相關(guān)的比如提示信息也需要轉(zhuǎn)換必須在這里加載不同的語言文件
/// </summary>
public static HtmlString LangScriptTag(this HtmlHelper helper,string defaultsrc) {
var src = defaultsrc;
var lang = CultureInfo.CurrentCulture.Name;
switch (lang)
{
case "en-US":
src = "/Scripts/easyui/locale/easyui-lang-en.js";
break;
case "zh-CN":
src = "/Scripts/easyui/locale/easyui-lang-zh_CN.js";
break;
case "zh-TW":
src = "/Scripts/easyui/locale/easyui-lang-zh_TW.js";
break;
default:
src = defaultsrc;
break;
}
return new HtmlString($"<script src=\"{ src }\"></script>");
}
//html代碼
<div class="btn-group btn-group-sm">
<button onclick="append()" class="btn btn-default"> <i class="fa fa-plus"></i> @Html.L("Add") </button>
</div>
<div class="btn-group btn-group-sm">
<button onclick="removeit()" class="btn btn-default"> <i class="fa fa-trash-o"></i> @Html.L("Delete") </button>
</div>
<div class="btn-group btn-group-sm">
<button onclick="accept()" class="btn btn-default"> <i class="fa fa-floppy-o"></i> @Html.L("Save") </button>
</div>
