Asp.Net统一前后端提示信息方案
2013-08-08 15:11
381 查看
目录 |
自定义XML
前端弹框的实现
后端弹框的实现
扩展和整合
示例代码(不完整)及示例截图
示例下载
要解决的问题 |
减少弹框前后端代码量
增强可维护性
前后端提示资源统一
可以实现简单的多语言提示方案
增强重用性和易用性
...
用自定义XML汇总提示信息 |
为了实现前后端提示资源的统一,把提示信息放入自定义XML文件中,初步想法如下(alerttip节点表提示信息节点)
<?xml version="1.0" encoding="utf-8" ?> <tiplist> <alerttip> <id>1</id> <chinese>成功</chinese> </alerttip> <alerttip> <id>-1</id> <chinese>失败</chinese> </alerttip> </tiplist>
进一步为了实现简单支持多语言版本和语言设置进一步修改XML结构,修改后如下(增加language节点控制项目语言版本,每个alerttip节点下增加其它语言提示信息)
<?xml version="1.0" encoding="utf-8" ?> <tiplist> <language> <value>chinese</value> </language> <alerttip> <id>1</id> <chinese>成功</chinese> <english>success</english> </alerttip> <alerttip> <id>-1</id> <chinese>失败</chinese> <english>fail</english> </alerttip> </tiplist>
前端弹框实现 |
Jquery解析XML文件,通过ID节点,返回对应的提示信息
function getTip(tipId) { var returnVal = ""; $.ajax({ url: 'xml/tip.xml', type: 'get', dataType: 'xml', timeout: 1000, cache: true, async: false, error: function(xml) { returnVal = 'Loading Error!'; }, success: function(xml) { var language = $(xml).find('language:first').children("value").text(); $(xml).find("alerttip").each(function(i) { var idVal = $(this).children("id").text(); if (idVal == tipId) { returnVal = $(this).children(language).text(); return false; } }); } }); return returnVal; }
提取弹框提示方法
/*------------------------------------------------------------------------------------------- 功能:Windows弹框,通过传入XML文件中ID节点的text查找提示正文 参数:tipId表示XML中ID节点的text ---------------------------------------------------------------------------------------------*/ function alertXml(tipId) { alert(getTip(tipId)); } /*------------------------------------------------------------------------------------------- 功能:Windows弹框,通过传入提示正文 参数:tips表示提示正文 destUrl表示要跳转的目的路径 ---------------------------------------------------------------------------------------------*/ function alertGo(tips, destUrl) { alert(tips); location.href = destUrl; } /*------------------------------------------------------------------------------------------- 功能:Windows弹框,通过传入XML文件中ID节点的text查找提示正文 参数:tipId表示XML中ID节点的text destUrl表示要跳转的目的页面路径 ---------------------------------------------------------------------------------------------*/ function alertGoXml(tipId, destUrl) { alertGo(getTip(tipId), destUrl); }
后端弹框实现 |
C#解析XML文件,存入Dictionary,并添加XML文件依赖缓存
//提示信息字典
private static Dictionary<string, string> tipDic = null;
#region## 根据ID从XML文件中获取提示信息 /// <summary> /// 根据ID从XML文件中获取提示信息 /// 进行XML文件依赖缓存 /// </summary> /// <param name="filePath">XML提示文件路径</param> /// <param name="tipId">XML文件中ID节点</param> /// <returns>提示信息</returns> private static string GetTipDic(string filePath, string tipId) { string tipStr = string.Empty; if (HttpRuntime.Cache["TipCache"] == null) { tipDic = new Dictionary<string, string>(); string xmlPath = HttpContext.Current.Server.MapPath(filePath); XDocument doc = XDocument.Load(xmlPath); var language = doc.Descendants("language").First().Element("value").Value; var tipList = doc.Descendants("alerttip"); foreach (var item in tipList) { string id = item.Element("id").Value; if (!tipDic.ContainsKey(id)) { tipDic.Add(id, item.Element(language).Value); } } CacheDependency dep = new CacheDependency(xmlPath); HttpRuntime.Cache.Insert("TipCache", tipDic, dep, System.Web.Caching.Cache.NoAbsoluteExpiration, System.Web.Caching.Cache.NoSlidingExpiration); } else { tipDic = HttpRuntime.Cache["TipCache"] as Dictionary<string, string>; } if (tipDic.ContainsKey(tipId)) { tipStr = tipDic[tipId]; } return tipStr; } #endregion
提取弹框方法
//提示XML文件 private const string tipXmlPath = "xml/tip.xml"; #region## Windows弹框 /// <summary> /// 功能:Windows弹框 /// </summary> /// <param name="content">提示正文</param> public static void Alert(string content) { AlertBase(content, null, null); } /// <summary> /// 功能:Windows弹框,从XML中得到提示信息 /// </summary> /// <param name="tipId">XML文件中ID节点值</param> public static void AlertXml(string tipId) { AlertBase(GetTipDic(tipXmlPath, tipId), null, null); } /// <summary> /// 功能:弹框并跳转 /// </summary> /// <param name="content">提示正文</param> /// <param name="url">跳转的URL</param> public static void AlertGo(string content, string url) { AlertBase(content, url, null); } /// <summary> /// 功能:弹框并跳转,从XML中得到提示信息 /// </summary> /// <param name="tipId">XML文件中ID节点值</param> /// <param name="url">跳转的URL</param> public static void AlertGoXml(string tipId, string url) { AlertBase(GetTipDic(tipXmlPath, tipId), url, null); } /// <summary> /// 功能:Windows弹框 /// </summary> /// <param name="alertContext">提示正文</param> /// <param name="url">跳转跳径</param> /// <param name="otherScripts">脚本</param> private static void AlertBase(string alertContext, string url, string otherScripts) { Page page = HttpContext.Current.Handler as Page; System.Text.StringBuilder sb = new System.Text.StringBuilder(); if (!string.IsNullOrEmpty(alertContext)) { sb.AppendFormat("alert(\"{0}\");", alertContext); } if (!string.IsNullOrEmpty(url)) { sb.AppendFormat("location.href=\"{0}\";", url); } if (!string.IsNullOrEmpty(otherScripts)) { sb.AppendFormat("{0};", otherScripts); } page.ClientScript.RegisterStartupScript(page.GetType(), "", sb.ToString(), true); } #endregion
扩展和整合 |
网页为了更好用户体验一般会选择一些JS插件形式的弹出提示,我这里也用扩展一个JQuery弹出插件 jQuery BlockUI Plugin
插件API或DEMO:http://malsup.com/jquery/block/#demos
增加前端BlockUI提示并提取各方法到一个JS文件
using System; using Utils; namespace AlertTipSamples { public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } /// <summary> /// Windows弹框提示 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void btnbackend_Click(object sender, EventArgs e) { AlertHelper.AlertXml("-1"); } /// <summary> /// Windows弹框提示并跳转 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void btnbackendGo_Click(object sender, EventArgs e) { AlertHelper.AlertGoXml("-1", "Dest.aspx"); } /// <summary> /// Jquery弹框提示 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void btnJQbackend_Click(object sender, EventArgs e) { AlertHelper.JQAlertXml("-1"); } /// <summary> /// Jquery弹框提示并跳转 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void btnJQbackendGo_Click(object sender, EventArgs e) { AlertHelper.JQAlertGoXml("-1", "Dest.aspx"); } } }
Default.aspx.cs 【展开查看详细】
示例截图
示例下载 |
示例下载:http://files.cnblogs.com/zhongweiv/AlertTipSamples.zip
示例代码Target Framework为:.NET Framework3.5^_^!
备注:因为是Demo有很多可优化的地方就省略了,XML文件也可以根据提示信息的多少或功能模块决定是否分开放置!
相关文章推荐
- Asp.Net统一前后端提示信息方案
- 利用 HttpModule,基于输出,统一控制、干预、处理(例如: 过滤关键字、AntiXSS) ASP.Net WebForm Control 展现属性的方案原型
- asp.net调试提示信息:“生成下面的模块时,启用了优化或没有调试信息”
- Asp.Net alert弹出提示信息的5种方法
- ASP.NET中使用javascript弹出提示信息
- Asp.Net alert弹出提示信息的若干种方法
- ASP.NET MVC 错误提示信息本地化
- 10种asp.net页面弹出提示信息
- Asp.Net alert弹出提示信息的5种方法
- 转:Asp.Net alert弹出提示信息的若干种方法
- asp.net gridview 鼠标悬浮提示信息
- Asp.Net alert弹出提示信息的几种方法总结
- ASP.NET中弹出提示信息对话框,转向另一页
- 安装sql server 2005时系统提示安装程序无法获取asp.net 的账户信息 如要继续安装先重新安装.net frame
- OWA或Messenger样式的信息提示窗口——编写ASP.NET AJAX Extender控件(下):使用该控件(示例程序)
- asp.net 右下角弹出新提醒信息提示框
- 在asp.net中实现删除DataGrid的某条记录时的提示信息
- ASP.NET中的状态(信息)保持方案
- asp.net实现删除DataGrid的记录时弹出提示信息
- Asp.Net alert弹出提示信息的若干种方法