当前位置:首页 > 在线留言 >

asp.net 右下角弹出新提醒信息提示框

编辑:北京盛典时光文化传媒有限公司时间:2017-09-06 10:50:59阅读次数:2
asp.net 右下角弹出新提醒信息提示框

asp.net 开发信息系统,无论是OA或者是其它业务系统中,都会用到新信息提醒功能,特此将方案跟大家分享一下。先上一图给大家看一看:


优点:1)、该新消息弹出提示框样式算是比较不错的,个人认为。

2)、弹出框内的信息内容、提醒的个数、点击链接页面都封装在PopMessage.js中,你无须修改。

3)、使用简单,你只要根据你的需要修改PopMessageHandler.ashx,获取你需要提醒的数据即可。

4)、页面引用简单,易懂。


下面讲述实现过程:

1、在你的Web项目中根目录中添加Common文件夹,里面包括图片、js脚本和一般处理函数,请点击下载:http://download.csdn.net/detail/taomanman/8338479

这个目录结构如下:


2、根据你的需要修改PopMessageHandler.ashx文件,现将代码罗列出来,你需要根据你的实际业务逻辑进行修改:

using System; using System.Data; using System.Text; using System.Web; using System.Web.SessionState; using System.Web.Script.Serialization; public class PopMessageHandler : IHttpHandler, IRequiresSessionState { /// /// 待办任务总数 /// int totalTaskCount = 0; public void ProcessRequest(HttpContext context) { try { context.Response.ContentType = "text/plain"; //获取任务数据 string strSQL = "select * from v_getTipsCount"; DataSet ds = SqlHelper.ExecuteDataSet(SqlHelper.LocalSqlServer, strSQL); if (ds != null) { if (ds.Tables[0].Rows.Count > 0) { DataTable dt = ds.Tables[0]; int count1 = int.Parse(dt.Rows[0]["count1"].ToString()); int count2 = int.Parse(dt.Rows[0]["count2"].ToString()); int count3 = int.Parse(dt.Rows[0]["count3"].ToString()); int count4 = int.Parse(dt.Rows[0]["count4"].ToString()); int count5 = int.Parse(dt.Rows[0]["count5"].ToString()); totalTaskCount = count1 + count2 + count3 + count4 + count5; if (totalTaskCount > 0) { var testData = new object[] { new { description = "新增人员数提醒-新增审核通过数提醒-减员人数提醒-服务费新增数提醒-过期未交费数提醒", count= count1.ToString()+"-"+ count2.ToString() +"-"+count3.ToString()+"-"+ count4.ToString() +"-"+count5.ToString(), href="PersonnelManagement/PersonnelList.aspx" +"-"+"PersonnelManagement/PersonnelList.aspx"+"-"+"PersonnelManagement/ReducePersonnelList.aspx"+"-"+"PersonnelManagement/PersonnelFeeList.aspx"+"-"+"FinancialManagement/FinanceRecord.aspx" }, }; JavaScriptSerializer jsonSerializer = new JavaScriptSerializer(); //执行序列化 context.Response.Write(jsonSerializer.Serialize(testData)); } } } } catch (Exception e) { } } public bool IsReusable { get { return false; } } }


3、在你系统的主页面中添加js引用、html元素和js函数,如下,当然jquery.js也要添加,下面代码中就不写了,注意要添加哦:

<script src="Common/PopMessage/PopMessage.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> //弹出消息提醒框 var pop; function popMessage() { pop = new PopMessage(); //当有提醒时,每隔15秒出现一次,当没有需要提醒的消息时,站群,提醒框不会出现 pop.show(15000, "mainIframe"); } $(function () { //页面初始加载时执行弹出框 popMessage(); }); </script>

网页中使用iframe来作为页面的容器,如下:

<iframe src=http://www.baidu.com frameborder="0"></iframe>


4、完成以后的效果如下图:

点击蓝色部分,可以直接跳转到对应要处理的页面。


最近CSDN博客在做活动,请您投上您宝贵的一票!====》点赞




企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:武汉SEO http://wuhan.4567w.com

上一篇:你距离一个合格的淘宝文案还有多远 下一篇:最后一页

相关阅读