转:asp.net mvc下的多语言方案 包含Html,Javascript和图片
可以不使用微软的Resource文件,而是将所有的词汇放入在一个txt的词典之中,便于维护。
步骤如下:
1)在整个程序的入口处global.asax.cs加入函数
private void ReadDic(string dicFileName)
{
var dicPath = Path.Combine(Server.MapPath("/File"), dicFileName);
string dicStr;
using (var fs = new StreamReader(dicPath, Encoding.UTF8))
{
dicStr = fs.ReadToEnd();
}
var englishDict = new Dictionary<string, string>();
var chineseDict = new Dictionary<string, string>();
var strs = dicStr.Split(new[] { "\r\n" }, StringSplitOptions.RemoveEmptyEntries);
string[] temp;
foreach (var str in strs)
{
temp = str.Split('|');
englishDict.Add(temp[0], temp[1]);
chineseDict.Add(temp[0], temp[2]);
}
MyConst.chineseDictionary = chineseDict;
MyConst.englishDictionary = englishDict;
}
该函数的目的是将位于网站目录“File”下的词典文件,如dict.txt以键值对的形式读取到程序的内存之中,以便随时使用。
Dict.txt的内容形如:
Add|Add|增加
LearningInfo|Learning Info|学习资讯
NewColumn|New Column|新建栏目
......
第一列为key,第二列为要显示的英文,第三列为要显示的中文。
2)通过cookie切换语言
在点击切换后,调用
switchLang(),相应的cultrueInfo分别为zh-CN和en-US.
相应的js代码为
function switchLang(cultureInfo) {
deleteCookie("culture");
addCookie("culture", cultureInfo, 720);//cookie持续一个月
location.reload();
}
function addCookie(name, value, expiresHours) {
var cookieString = name + "=" + escape(value);
//判断是否设置过期时间
if (expiresHours > 0) {
var date = new Date();
date.setTime(date.getTime() + expiresHours * 3600 * 1000);
cookieString = cookieString + "; expires=" + date.toGMTString() + "; path=/";
}
document.cookie = cookieString;
}
function getCookie(name) {
var strCookie = document.cookie;
var arrCookie = strCookie.split("; ");
for (var i = 0; i < arrCookie.length; i++) {
var arr = arrCookie[i].split("=");
if (arr[0] == name) return arr[1];
}
return "";
} function deleteCookie(name) {
var date = new Date();
date.setTime(date.getTime() - 10000);
document.cookie = name + "=v; expires=" + date.toGMTString();
}
3)本方案的核心逻辑在于:首先获取到输出到浏览器渲染的html代码,用词典中对应的键使用正则表达式匹配html中相应的词,然后再将全部匹配到的词替换,最后再重新输出到浏览器。
于是改写Html代码
例如:本来纯中文的视图中会这么写:
<span>新建栏目</span>
现在改为:
<span>[#NewColumn#]</span>
AddColumn即为词典中对应的键。
4)设置了cookie,然后就可以在后台的Request中使用。然后,为了做到这一点,需要在输出时给控制器加一个切面——一个自定义的HtmlReplaceFilter特性。代码如下:
public class ReplaceHtmlFilter : ActionFilterAttribute
{ public override void OnResultExecuted(ResultExecutedContext filterContext)
{
if (filterContext.Result is ViewResult)
{
string html = RenderViewToString(filterContext.Controller, ((ViewResult)filterContext.Result).View);
var httpCookie = filterContext.HttpContext.Request.Cookies["culture"];
if (httpCookie != null)
{
var cookie = httpCookie.Value;
html = Replace(html, cookie);
}
else
{
html = Replace(html, "zh-CN");
}
filterContext.HttpContext.Response.Clear();
filterContext.HttpContext.Response.Write(html);
} } private static string RenderViewToString(ControllerBase controller, IView view)
{
using (var writer = new System.IO.StringWriter())
{
var viewContext = new ViewContext(controller.ControllerContext, view, controller.ViewData, controller.TempData, writer);
viewContext.View.Render(viewContext, writer);
return writer.ToString();
}
}
/// <summary>
/// 替换多语言。
/// </summary>
/// <param name="html"></param>
/// <param name="lang"></param>
/// <returns></returns>
private string Replace(string html, string lang)
{
MatchCollection matchs = Regex.Matches(html, @"\[#([\S\s]*?)#\]",
RegexOptions.Compiled | RegexOptions.IgnoreCase);
if (matchs != null && matchs.Count > 0)
{
var keys = new List<string>(matchs.Count); //记录已匹配过的 Dictionary<string, string> dic = GetLanguageDic(lang);
foreach (Match match in matchs)
{
string text = match.Groups[0].Value;
string key = match.Groups[1].Value.Trim();
if (!keys.Contains(key))
{
keys.Add(key);
if (dic.ContainsKey(key))
{
html = html.Replace(text, dic[key]);
}
}
}
keys = null;
matchs = null;
}
return html;
} private Dictionary<string, string> GetLanguageDic(string lang)
{
if (lang == "zh-CN")
{
return MyConst.chineseDictionary;
}
else
{
return MyConst.englishDictionary;
}
}
将该Filter加在Controller上,至此,html的中英文切换即可实现。
5)Javascript中的多语言则需多做一步。
在视图文件中,加入类似如下的词典对象。
<script>
var lang = {
AllCourses:"[#AllCourses#]",
AddCourseColumn:"[#AddCourseColumn#]",
AtLeastOneRow: "[#AtLeastOneRow#]",
DeleteSelected: "[#DeleteSelected#]",
};
</script>
注意,该词典的内容实现也需要添加在dict.txt文件中。
然后,在js代码中
原本为
alert("全部课程");
改为
alert(lang.AllCourses);
由于在输出视图时,所有形如[##]的文本都会被替换为字典里相应的语言,这样js就可以输出多语言了。
6)最后图片也是类似。
注意,图片要制作多语言版本的,即如果之前都是中文,那么要制作一套英文的图片。
然后在视图中,原本为
<img src='btn1.png ' />
改为
<img src='[#btn1#] ' />
字典中加入类似
btn1|cn\btn1.png|en\btn1.png
即可起到图片的多语言切换作用。
原文地址:http://www.cnblogs.com/Benjamin/p/3544886.html
参考:http://www.cnblogs.com/cyq1162/p/3518519.html
转:asp.net mvc下的多语言方案 包含Html,Javascript和图片的更多相关文章
- asp.net mvc下的多语言方案 包含Html,Javascript和图片
在网上查阅了众多方案,觉得路过秋天的方案 解耦性比较好,可以不使用微软的Resource文件,而是将所有的词汇放入在一个txt的词典之中,便于维护. 步骤如下: 1)在整个程序的入口处global.a ...
- ASP.NET MVC下使用AngularJs语言(六):获取下拉列表的value和Text
前面Insus.NET有在Angularjs实现DropDownList的下拉列表的功能.但是没有实现怎样获取下拉列表的value和text功能. 下面分别使用ng-click和ng-change来实 ...
- ASP.NET MVC下使用AngularJs语言(五):ng-selected
这次学习ng-selected语法,这个是为DropDownList下拉列表显示默认选项. 演示从下面步骤开始 1,新建一个model: 上面#14行代码的property,数据类型为bool.即是存 ...
- ASP.NET MVC下使用AngularJs语言(二):ng-click事件
程序用户交互,用户使用mouse点击,这是一个普通的功能. 在angularjs的铵钮点击命令是ng-click. 创建Angularjs的app使用前一篇<ASP.NET MVC下使用Angu ...
- ASP.NET MVC下使用AngularJs语言(一):Hello your name
新春节后,分享第一个教程. 是教一位新朋友全新学习ASP.NET MVC下使用AngularJs语言. 一,新建一个空的Web项目.使用NuGet下载AngularJs和jQuery.二,配置Bund ...
- ASP.NET MVC下使用AngularJs语言(八):显示html
在Angularjs显示html文本,如果按照一般处理它.它只能页中显示没经解释文本. 在ASP.NET MVC添加一个控制器: 创建angularjs控制器: pilotApp.controller ...
- ASP.NET MVC下使用AngularJs语言(七):Cookie的使用
网站开发,使用Cookie对暂存数据进行读写,可以使用C#,javascript,jQuery,也可以使用angularjs等等来读写...... 本篇实现angularjs环境之下对Cookie时行 ...
- ASP.NET MVC下使用AngularJs语言(四):$window.alert
判断文本框是否有填写,没有填写使用angularjs的$window.alert来提示用户. 创建一个ASP.NET MVC控制器: 接下来是准备一个angularjs的控制器: pilotApp.c ...
- ASP.NET MVC下使用AngularJs语言(三):ng-options
今天使用angularjs的ng-options实现一个DropDownList下拉列表. 准备ASP.NET MVC的model: public class MobilePhone { public ...
随机推荐
- AJAX(Jquery)
一)jQuery常用AJAX-API 目的:简化客户端与服务端进行局部刷新的异步通讯 (1)取得服务端当前时间 简单形式:jQuery对象.load(url) 返回结果自动添加到jQuery对象代表的 ...
- Java设计模式之工厂方法模式(转) 实现是抽象工厂?
Java设计模式之工厂方法模式 责任编辑:覃里作者:Java研究组织 2009-02-25 来源:IT168网站 文本Tag: 设计模式 Java [IT168 技术文章] ...
- Tomcat学习总结(14)—— Tomcat常见面试题
一.Tomcat的缺省是多少,怎么修改 Tomcat的缺省端口号是8080. 修改Tomcat端口号: 1.找到Tomcat目录下的conf文件夹 2.进入conf文件夹里面找到server.xml文 ...
- linux wheel组
wheel 组的概念 wheel 组的概念继承自 UNIX.当服务器需要进行一些日常系统管理员无法执行的高级维护时,往往就要用到 root 权限:而“wheel” 组就是一个包含这些特殊权限的用户池: ...
- (转)request.getSession()几种获取情况之间的差异
一.三种情况 HttpSession session = request.getSession(); HttpSession session = request.getSession(true); H ...
- 微信公众号开发笔记1-获取Access Token
获取你的Access Token a)可以采用网址的形式: 用appid和appsecert获得access token,接口为https://api.weixin.qq.com/cgi-bin/to ...
- Java中异常发生时代码执行流程
异常与错误: 异常: 在Java中程序的错误主要是语法错误和语义错误,一个程序在编译和运行时出现的错误我们统一称之为异常,它是VM(虚拟机)通知你的一种方式,通过这种方式,VM让你知道,你(开发人员) ...
- vue实用组件——页面公共头部
可伸缩自适应的页面头部,屏幕适应范围更广泛 效果如下: 代码如下: <template> <div class="site-header"> <div ...
- C# Azure 设置云端应用程序的默认时间
在微软云Azure中,应用程序(website)的默认时间是按照美国UTC的时间的. 例如,在应用程序中获取DateTime.Now,的时候,是获取UTC的时间,不是中国的时间. 所以我们开始在这里设 ...
- params关键字、工具辅助类与、加密与解密
一.params关键字 在C#中如果给方法的参数加上关键字params则会形成可变参数,在传递时可以是0-n个对象. 示例: using System; using System.Collection ...