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文件,现将代码罗列出来,你需要根据你的实际业务逻辑进行修改:

<%@ WebHandler Language="C#" Class="PopMessageHandler" %>

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
{

    /// <summary>
    /// 待办任务总数
    /// </summary>
    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来作为页面的容器,如下:

<div id="ContentPannel">
       <iframe id="mainIframe" name="mainIframe" height="100%" width="100%" src=http://www.baidu.com frameborder="0"></iframe>
</div>

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

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

??

时间: 2024-10-18 20:51:09

asp.net 右下角弹出新提醒信息提示框的相关文章

[ExtJs5.1.0系列-第二天] 信息提示框组件&lt;Ext.MessageBox&gt;

在介绍ExtJs信息提示框组件之前,我们先来介绍一下ExtJs的组件配置. ExtJs组件通常有两种配置形式: (1) 用逗号分割的参数列表;  (2) 使用JSON对象作为组件提供配置信息.对于比较简单的配置一般采用逗号分隔的参数列表进行设置,对于较复杂的配置一般采用JSON对象的方式为组件提供配置信息. JSON简单介绍: JSON的全称是JavaScript Object Notation(JavaScript对象符号).JSON是一种结构化的,轻量级的,完全独立于语言的,基于文本的数据传

点击删除时弹出是否删除提示框

点击删除时弹出是否删除提示框:在通常情况下,想要点击删除某一项的时候,一般会弹出一个框,以提示操作者是否真的要删除此项,这样可以免于出现误操作,比较人性化的一个举措,下面就简单介绍一下如何实现此效果.实例代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.soft

高级控件【安卓5】——信息提示框、对话框

Toast信息提示框 1 Button bt1=(Button)findViewById(R.id.Tbt01); 2 Button bt2=(Button)findViewById(R.id.Tbt02); 3 bt1.setOnClickListener(new OnClickListener() { 4 public void onClick(View v) { 5 Toast.makeText(Toast0.this, "按钮1短提示", 6 Toast.LENGTH_SHOR

信息提示框、对话框

Toast信息提示框 1Button bt1=(Button)findViewById(R.id.Tbt01); 2 Button bt2=(Button)findViewById(R.id.Tbt02); 3 bt1.setOnClickListener(new OnClickListener() { 4 public void onClick(View v) { 5 Toast.makeText(Toast0.this, "按钮1短提示", 6 Toast.LENGTH_SHORT

信息提示框

Android-Toast(信息提示框) <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_paren

强大的响应式jQuery消息通知框和信息提示框插件

lobibox是一款功能非常强大的jQuery消息通知框和信息提示框插件.这个插件分为两个部分:消息通知框和信息提示框.它能非常好的结合Bootstrap使用. 信息提示框 lobibox的信息提示框可以是模态窗口,也可以不是模态窗口. 允许显示多条信息. 允许使用任何可用的CSS动画来显示和隐藏信息提示框. 信息提示框可以显示不同的颜色和图标. 可以设置为确认信息提示框. 可以设置为一行的prompt信息框.(可以使用任何HTML5的输入框类型来作为prompt) 也可以设置为多重prompt

Msgbox信息提示框

在程序运行过程中,常常需要弹出一些提示信息,与用户交流.需采用强制方式,将焦点移动到提示框上来,待用户处理完预先设置的对话之后,才能接着后面的操作. 这些提示框的使用都是本着协助用户更准确,更有效地与计算机交互的意义而设置的,是一个贴心的使用助手.一个有力的助手,就要能在繁杂处给予清晰的指引,在危险处提出警示,在关心的问题上及时给予回馈,在选择问题上要将不同选择的厉害关系讲明了,这样才能成为好助手.既然是协助,就又不能老在眼前晃,要在适当的时候适时地出现,出现得太多,影响效率,反而帮了倒忙.因为

qt5信息提示框QMessageBox用法

information QMessageBox::information(NULL, "Title", "Content", QMessageBox::Yes | QMessageBox::No, QMessageBox::Yes); 这是比较常用的一种用法,效果如下: information原型: StandardButton QMessageBox::information(QWidget * parent, const QString & title,

在JSP中,当添加信息成功后跳转回主页面并弹出操作成功提示框

if(dg.addmes(title,forumname,pdate,cont)){//成功 此处向request中添加一个参数request.setAttribute("str", "true");request.getRequestDispatcher("suc.jsp").forward(request, response);}else{//失败 此处向request中添加一个参数request.setAttribute("str