博客园_卢春城专栏

使用Hashtable实现简单的关键字过滤

2011-06-29T16:09:00Z

这段时间开发一个聊天室，需要使用到关键字过滤的功能，需求如下：

1.将关键字替换成“*”;

2.支持过滤HTML，例如，S<span>B</span>也要过滤掉。

原本打算使用String.Replace来实现，但是这样的话，如果关键字很多，例如1000个，用以下方式：

for(int i=0;i<1000;i++)

{

replace….
}

来实现，性能显然很低。因此，换了一种方法，用了Hashtable来提高过滤的性能。大概思路如下：

根据所有关键字建好用Hashtable数据结构，也可以理解为建立索引，之后每次过滤都用这个来进行：

例如，有以下几个关键字： SB , SX, Fuck, AB, ABC,那么用于过滤的数据结构如下：

上图中每个黑色方框代表一个hashtable，里面的字母就是hashtable的key，每个key都指向另一个hashtable，例如，第一个hashtable中就包含了3个Key，分别是S，A，F。每个关键字中的每个字符都被分散的放到hashtable中。

下面举例如何过滤

1.处理字符串 SB：第一个字母在第一级的hashtable中找到，而B也可以在S指向的Hashtable中找到，B指向的Hashtable中包括0，则，SB符合关键字，过滤掉。

2.处理字符串 SF：虽然S在第一级hashtable中可以找到，但是S指向的hashtable中没有F，所以，SF不是关键字

具体代码如下：

   1:  static class FilterWordUtil

   2:  {

   3:      static Hashtable FilterWords = new Hashtable();

4:

   5:      public static void AddFilterWord(string word)

   6:      {

   7:          Hashtable h = FilterWords;

   8:          foreach (char c in word.ToUpper())

   9:          {

  10:              if (!h.ContainsKey(c)) h[c] = new Hashtable();

  11:              h = h[c] as Hashtable;

  12:          }

  13:          h[0] = new Hashtable();

  14:      }

15:

  16:      static int Match(string content, int index, out StringBuilder alt)

  17:      {

  18:          content = content.ToUpper();

  19:          alt = new StringBuilder();

  20:          bool filterChar = true;

21:

  22:          Hashtable h = FilterWords;

  23:          int i = index;

  24:          for (; i < content.Length; i++)

  25:          {

  26:              char c = content[i];

  27:              switch (c)

  28:              {

  29:              case '<':

  30:                  {

  31:                      filterChar = false;

  32:                      break;

  33:                  }

  34:              case '>':

  35:                  {

  36:                      filterChar = true;

  37:                      break;

  38:                  }

  39:              case ' ':

  40:                  {

  41:                      break;

  42:                  }

  43:              default:

  44:                  {

  45:                      if (filterChar)

  46:                      {

  47:                          if (h.ContainsKey(c))

  48:                          {

  49:                              h = h[c] as Hashtable;

  50:                              c = '*';

  51:                          }

  52:                          else

  53:                          {

  54:                              if (!h.ContainsKey(0)) return -1;

  55:                          }

  56:                      }

  57:                      break;

  58:                  }

  59:              }

  60:              alt.Append(c);

  61:              if (h.ContainsKey(0)) return i;

  62:          }

  63:          return h.ContainsKey(0) ? i : -1;

  64:      }

65:

  66:      public static String Filter(string content)

  67:      {

  68:          lock (FilterWords)

  69:          {

  70:              StringBuilder result = new StringBuilder();

  71:              bool filterChar = true;

72:

  73:              for (int i = 0; i < content.Length; i++)

  74:              {

  75:                  char c = content[i];

  76:                  switch (c)

  77:                  {

  78:                  case '<':

  79:                      {

  80:                          filterChar = false;

  81:                          break;

  82:                      }

  83:                  case '>':

  84:                      {

  85:                          filterChar = true;

  86:                          break;

  87:                      }

  88:                  default:

  89:                      {

  90:                          if (filterChar)

  91:                          {

  92:                              StringBuilder temp;

  93:                              int fi = Match(content, i, out temp);

  94:                              if (fi != -1)

  95:                              {

  96:                                  i = fi;

  97:                                  result.Append(temp);

  98:                                  continue;

  99:                              }

 100:                          }

 101:                          break;

 102:                      }

 103:                  }

 104:                  result.Append(c);

 105:              }

 106:

 107:              return result.ToString();

 108:          }

 109:      }

 110:  }

测试代码:

   1:  //添加关键字

   2:  FilterWordUtil.AddFilterWord("SB");

   3:  FilterWordUtil.AddFilterWord("SX");

   4:  FilterWordUtil.AddFilterWord("fuck");

   5:  FilterWordUtil.AddFilterWord("fuck you");

   6:  FilterWordUtil.AddFilterWord("天朝");

   7:  //过滤

   8:  string new_html = FilterWordUtil.Filter("你是SB,天<span>朝</span>");

   9:  Console.WriteLine(new_html);

过滤效果如下：

看到这里，有些读者要担心了，用了这么多的hashtable，会不会占用很多内存？当时也考虑过这问题，测试了1000多个关键字，建数据结构后，内存大概增加了几M，还不算太多。

本文链接

Lesktop开源WebIM 2.2.0.11——增加在线客服功能

2011-04-14T14:59:00Z

距离上次在博客园发布Lesktop2.0.2.7已经有几个月了，在这段时间里，又增加了几个小功能，这次的修改主要有：

1、支持MSSQL数据库；

2、显示在线/离线；

3、增加在线客服功能，可将在线客服嵌入到任何网页中。

下面主要介绍在线客服功能：

你可以在任何网站中嵌入在线客服，具体方法如下：

1、注册客服人员；

2、使用客服人员的登陆名，生成嵌入代码，并将代码嵌入插入到要嵌入客服的网页中。嵌入代码格式如下：

<!--
嵌入客服系统，系统将在此处生成客服人员的HTML代码
CSR: {客服人员登录名}
-->
<script src="{您的主机}/Lesktop/EmbedCS.ashx?CSR={客服人员登录名} " language="javascript" type="text/javascript"></script>

3、系统将在您插入嵌入代码的位置，生成与客服人员相关（显示昵称和在线状态）的链接的HTML代码。

例如，以下嵌入代码：

最终生成的效果如下：

点击生成的链接，将弹出客服系统对话框：

生成自定义的客服HTML代码

嵌入客服代码后，客服系统默认将生成一个A链接（ <a …>昵称（状态）</a> ），您可以修改Lesktop/Core/Embed.js来生成自定义的HTML代码：

Lesktop演示和下载 [在线咨询]

本文链接

在SQL Server中对视图进行增删改

2011-03-19T17:54:00Z

Lesktop开源IM发布以后，有一些网友问及如何在嵌入IM后与自己网站的用户系统整合(即如何让嵌入的IM直接使用网站原有的用户数据库，而不需要将已有的用户数据导入到IM的数据库中)。Lesktop对Users表（存储用户登录名，昵称，密码等信息的表）都是在存储过程中进行增删改的，显然，如果直接去改Users表相关的存储过程是比较麻烦的，本文将介绍一种较为简单的方法，在不需要修改存储过程和源代码的情况下整合用户系统。

为实现这个目的，先介绍一下在SQL SERVER中，如何对视图进行增删改。假使用户有Name,Remark两项信息，但是没有存放在同一张表中，而是分开存储在两个表UserBase(ID, Name)，UserExtent(ID, Remark)中。

为使用方便，建立一个视图Users，用于表示用户的完整信息，其定义如下：

CREATE VIEW [dbo].[Users]
as
SELECT b.ID as ID, b.Name as Name, e.Remark as Remark 
FROM UserBase b, UserExtent e 
WHERE b.ID = e.ID;

现在，我们希望通过Users视图进行增删改实现对UserBase，UserExtent表进行修改。显然，如果对Users直接执行insert，update，delete是不可能的，执行时会发生以下错误：

在SQL Server中，对视图增删改可以通过触发器来实现，例如我们可以创建一个INSERT触发器，当在视图Users上执行INSERT时，在触发器中实现对UserBase，UserExtent的INSERT操作。在触发器中，可以通过名称为inserted的表，获取到新插入的行，具体代码如下：

CREATE TRIGGER [dbo].[Users_Insert] ON [dbo].[Users] INSTEAD OF INSERT
as
declare @name nvarchar(32), @remark nvarchar(32)
declare ins_cursor cursor
for
select Name, Remark from inserted
open ins_cursor
fetch next from ins_cursor into @name, @remark;
while(@@fetch_status = 0)
begin
    --读取所有行，并插入
    insert into UserBase (Name) values (@name);
    insert into UserExtent(ID, Remark) values (@@identity, @remark);
    fetch next from ins_cursor into @name, @remark;
end
close ins_cursor

下面我们通过插入两行数据测试触发器：

--清空所有数据
delete from UserExtent;
delete from UserBase;

create table #temp(
    name nvarchar(32),
    remark nvarchar(32)
)
insert #temp (name,remark) values (N'user1', N'1');
insert #temp (name,remark) values (N'user2', N'2');

--插入两行数据
insert Users(name, remark)
select name,remark from #temp

drop table #temp

select * from Users;
select * from UserBase;
select * from UserExtent;

执行结果如下：

创建更新触发器，与INSERT触发器类似，受影响的行会保存在inserted中，可以从inserted表中获取受影响的行，并更新UserBase，UserExtent，具体代码如下：

CREATE TRIGGER [dbo].[Users_Update] ON [dbo].[Users] INSTEAD OF UPDATE
as
update UserExtent
set UserExtent.Remark=ins.Remark
from inserted ins
where UserExtent.ID = ins.ID;

update UserBase
set UserBase.Name=ins.Name
from inserted ins
where UserBase.ID = ins.ID;

测试代码：

--清空所有数据
delete from UserExtent;
delete from UserBase;
--插入两行数据
insert Users (name,remark) values (N'user1', N'1');
insert Users (name,remark) values (N'user2', N'2');
insert Users (name,remark) values (N'user3', N'2');
--修改后两行数据
UPDATE Users set Remark = N'3' where Remark = N'2'
--输出数据
select * from Users;
select * from UserBase;
select * from UserExtent;

测试结果：

创建删除触发器，在删除的触发器中，可以通过deleted表，获取被删除的行，具体代码如下：

CREATE TRIGGER [dbo].[Users_Delete] ON [dbo].[Users] INSTEAD OF DELETE
as
delete from UserExtent where ID in (select ID from deleted)
delete from UserBase where ID in (select ID from deleted)

测试代码：

--清空所有数据
delete from UserExtent;
delete from UserBase;
--插入两行数据
insert Users (name,remark) values (N'user1', N'1');
insert Users (name,remark) values (N'user2', N'2');
insert Users (name,remark) values (N'user3', N'2');
--删除后两行数据
delete from Users where Remark = N'2'
--输出数据
select * from Users;
select * from UserBase;
select * from UserExtent;

运行结果：

上文已介绍了如何对视图进行增删改，接下来将介绍如何通过建立视图并添加增删改触发器实现Lesktop开源IM用户系统的整合。首先介绍一下Lesktop开源IM数据库中Users表的结构：

假使您的网站的用户表(假使名称为MyUserTable)只有Name,Nickname：

那么，您可以建立一张扩展表(假使名称为UserExtentIM)，用于存储其他信息：

接下来，您只需要把Users表删掉，重新建立一个名称为Users的视图，然后用上文处理Users, UserBase, UserExtent的方法，在Users视图上建好触发器，在触发器中对MyUserTable，UserExtentIM表进行增删改即可，Lesktop的存储过程对User进行读取和增删改时，将通过触发器自动转换成对MyUserTable，UserExtentIM的操作，因此不需要修改任何存储过程和源代码，当然也不会对你原有的数据库造成影响。

本文链接

WebBrowser介绍——Javascript与C++互操作

2010-11-23T16:25:00Z

WebBrowser控件是Microsoft提供的一个用于网页浏览的客户端控件，WebBrowser控件的使用相当广泛，例如很多邮件客户端都是使用可编辑的WebBrowser控件作为写邮件的工具，也有很多软件用WebBrowser控件弹出网页，如qq的个性首页。关于WebBrowser的应用，也可以参考笔者开发的开源WebIM，Lesktop开源WebIM提供的IM客户端就是使用WebBrowser实现的：

微软的MFC和.NET都有WebBrowser控件，这两个控件虽然容易上手，不过由于包装的太好，所以很难深入。因此本文介绍的WebBrowser将不使用MFC和.NET，而是使用C++实现SDK的WebBrowser。

由于本文主要探讨如何实现Javascript与C++的互操作，对于如何使用SDK实现WebBrowser，本文不做详细介绍，读者可以参考以下这篇文章：

http://blog.csdn.net/norsd/archive/2008/09/13/2921389.aspx

不过尽管文章中介绍了SDK实现WebBrowser的要点，却没有提供一个可以运行的示例，如果要看到实际的运行效果，可以下载以下这份源代码，源代码中也包括了互操作的演示：

SDK实现WebBrowser及演示代码 [好文，推荐一下看不懂]

1、C++调用WebBrowser中的全局函数，变量等

(1) 从C++的角度看WebBrowser中的对象

WebBrowser中的对象大致可以分成两类：DOM对象和使用Javascript创建的对象。但是无论是那种对象，从C++的角度来看，都是一些实现了IDispatch接口的对象，因此，如果用C++操作WebBrowser中的对象（全局函数，变量，DOM）等，只需要通过IDispatch即可。

(2) 3个常用的函数

当获取了WebBrowser的对象的IDispatch接口后，就可以调用IDispatch的Invoke方法来调用对象的方法，获取对象的属性和设置对象的属性。但是Invoke是通过ID判断要调用指定对象的哪一个方法（或属性），因此在通过方法（或属性）名称调用对象的方法是，必须先调用IDispatch的GetIDsOfNames方法，将方法（或属性）名转换成ID，然后才能通过IDispatch的Invoke方法调用对象的方法。为了方便操作，封装了三个函数，分别用于调用WebBrowser的对象的方法，读取对象的属性，设置对象的属性。

DISPID CWebBrowserBase::FindId(IDispatch *pObj, LPOLESTR pName)
{
    DISPID id = 0;
    if(FAILED(pObj->GetIDsOfNames(IID_NULL,&pName,1,LOCALE_SYSTEM_DEFAULT,&id))) id = -1;
    return id;
}

HRESULT CWebBrowserBase::InvokeMethod(IDispatch *pObj, LPOLESTR pName, VARIANT *pVarResult, VARIANT *p, int cArgs)
{
    DISPID dispid = FindId(pObj, pName);
    if(dispid == -1) return E_FAIL;

    DISPPARAMS ps;
    ps.cArgs = cArgs;
    ps.rgvarg = p;
    ps.cNamedArgs = 0;
    ps.rgdispidNamedArgs = NULL;

    return pObj->Invoke(dispid, IID_NULL, LOCALE_SYSTEM_DEFAULT, DISPATCH_METHOD, &ps, pVarResult, NULL, NULL);
}

HRESULT CWebBrowserBase::GetProperty(IDispatch *pObj, LPOLESTR pName, VARIANT *pValue)
{
    DISPID dispid = FindId(pObj, pName);
    if(dispid == -1) return E_FAIL;

    DISPPARAMS ps;
    ps.cArgs = 0;
    ps.rgvarg = NULL;
    ps.cNamedArgs = 0;
    ps.rgdispidNamedArgs = NULL;

    return pObj->Invoke(dispid, IID_NULL, LOCALE_SYSTEM_DEFAULT, DISPATCH_PROPERTYGET, &ps, pValue, NULL, NULL);
}

HRESULT CWebBrowserBase::SetProperty(IDispatch *pObj, LPOLESTR pName, VARIANT *pValue)
{
    DISPID dispid = FindId(pObj, pName);
    if(dispid == -1) return E_FAIL;

    DISPPARAMS ps;
    ps.cArgs = 1;
    ps.rgvarg = pValue;
    ps.cNamedArgs = 0;
    ps.rgdispidNamedArgs = NULL;

    return pObj->Invoke(dispid, IID_NULL, LOCALE_SYSTEM_DEFAULT, DISPATCH_PROPERTYPUT, &ps, NULL, NULL, NULL);
}

(3)调用页面的全局函数

在网页中，所有的全局函数均是window的一个方法，因此，如果要调用全局函数，首先要获取到页面的window对象，然后用InvokeMethod调用全局函数，例如，假设页面中有一个Test全局函数：

<script language="javascript" type="text/javascript">
function Test()
{
    alert("你调用了Test");
}
</script>

那么，您可以在C++中用以下代码调用Test函数：

VARIANT params[10];
VARIANT ret;
//获取页面window
IDispatch *pHtmlWindow = pBrowser->GetHtmlWindow();
//页面全局函数Test实际上是window的Test方法，
CWebBrowserBase::InvokeMethod(pHtmlWindow, L"Test", &ret, params, 0);

(4)调用全局对象的方法

在网页中，所有的全局变量均是window的一个属性，因此，如果要调用变量的方法（或属性），首先要获取到页面的window对象，然后用GetProperty获取到全局变量，然后就可以调用这个对象的方法，或读写其属性。例如，假设页面中有一个globalObject全局变量：

<script language="javascript" type="text/javascript">
function GlobalObject()
{
    this.Test=function()
    {
        alert("你调用了GlobalObject.Test");
    }
}

var globalObject = new GlobalObject();
</script>

那么，您可以使用一下代码调用globalObject的Test方法：

VARIANT params[10];
VARIANT ret;
//获取页面window
IDispatch *pHtmlWindow = pBrowser->GetHtmlWindow();
//获取globalObject
CVariant globalObject;
params[0].vt = VT_BSTR;
params[0].bstrVal = L"globalObject";
CWebBrowserBase::GetProperty(pHtmlWindow, L"globalObject", &globalObject);
//调用globalObject.Test
CWebBrowserBase::InvokeMethod(globalObject.pdispVal, L"Test", &ret, params, 0);

2、在网页中调用客户端的方法

上文我们已经介绍了如何在C++中调用WebBrowser中的对象，接下来，将介绍如何在页面中调用客户端中的函数和对象：

(1) 通过window.external调用

下面将示例如何通过window.external调用客户端中的函数,假设在C++中定义了一个名为CppCall的函数：

void CppCall()
{
    MessageBox(NULL, L"您调用了CppCall", L"提示(C++)", 0);
}

定义一个对象，并且实现IDispatch接口：

class ClientCall:public IDispatch
{
    long _refNum;
public:
    ClientCall()
    {
        _refNum = 1;
    }
    ~ClientCall(void)
    {
    }
public:

    // IUnknown Methods

    STDMETHODIMP QueryInterface(REFIID iid,void**ppvObject)
    {
        *ppvObject = NULL;
        if (iid == IID_IUnknown)    *ppvObject = this;
        else if (iid == IID_IDispatch)    *ppvObject = (IDispatch*)this;
        if(*ppvObject)
        {
            AddRef();
            return S_OK;
        }
        return E_NOINTERFACE;
    }

    STDMETHODIMP_(ULONG) AddRef()
    {
        return ::InterlockedIncrement(&_refNum);
    }

    STDMETHODIMP_(ULONG) Release()
    {
        ::InterlockedDecrement(&_refNum);
        if(_refNum == 0)
        {
            delete this;
        }
        return _refNum;
    }

    // IDispatch Methods

    HRESULT _stdcall GetTypeInfoCount(
        unsigned int * pctinfo) 
    {
        return E_NOTIMPL;
    }

    HRESULT _stdcall GetTypeInfo(
        unsigned int iTInfo,
        LCID lcid,
        ITypeInfo FAR* FAR* ppTInfo) 
    {
        return E_NOTIMPL;
    }

    HRESULT _stdcall GetIDsOfNames(
        REFIID riid, 
        OLECHAR FAR* FAR* rgszNames, 
        unsigned int cNames, 
        LCID lcid, 
        DISPID FAR* rgDispId 
    )
    {
        if(lstrcmp(rgszNames[0], L"CppCall")==0)
        {
            //网页调用window.external.CppCall时，会调用这个方法获取CppCall的ID
            *rgDispId = 100;
        }
        return S_OK;
    }

    HRESULT _stdcall Invoke(
        DISPID dispIdMember,
        REFIID riid,
        LCID lcid,
        WORD wFlags,
        DISPPARAMS* pDispParams,
        VARIANT* pVarResult,
        EXCEPINFO* pExcepInfo,
        unsigned int* puArgErr
    )
    {
        if(dispIdMember == 100)
        {
            //网页调用CppCall时，或根据获取到的ID调用Invoke方法
            CppCall();
        }
        return S_OK;
    }
};

定义类ClientCall后，就可以创建一个ClientCall的对象，传递给WebBrowser，使得网页中可以通过window.external调用CppCall，要实现这些功能，WebBrowser需要实现IDocHostUIHandler接口，并重写GetExternal方法以返回一个ClientCall对象：

ClientCall *pClientCall;
pClientCall = new ClientCall();

virtual HRESULT STDMETHODCALLTYPE GetExternal(IDispatch **ppDispatch)
{
    //重写GetExternal返回一个ClientCall对象
    *ppDispatch = pClientCall;
    return S_OK;
}

接下来，就可以在网页中调用了：

window.external.CppCall()

(2)向网页传递回调函数

向网页传递回调函数的一个典型应用就是在客户端中用C++处理DOM的事件(例如，处理按钮的onclick事件)，这里要注意的是，与C++不同的是，在网页中，所谓的函数，其实就是一个具有call方法的对象，因此，向网页传递一个回调函数，其实就是传递一个实现了call方法的对象，因此，我们必须定义一个C++类，并实现IDispatch接口：

typedef void _stdcall JsFunction_Callback(LPVOID pParam);

class JsFunction:public IDispatch
{
    long _refNum;
    JsFunction_Callback *m_pCallback;
    LPVOID m_pParam;
public:
    JsFunction(JsFunction_Callback *pCallback, LPVOID pParam)
    {
        _refNum = 1;
        m_pCallback = pCallback;
        m_pParam = pParam;
    }
    ~JsFunction(void)
    {
    }
public:

    // IUnknown Methods

    STDMETHODIMP QueryInterface(REFIID iid,void**ppvObject)
    {
        *ppvObject = NULL;

        if (iid == IID_IOleClientSite)    *ppvObject = (IOleClientSite*)this;
        else if (iid == IID_IUnknown)    *ppvObject = this;
        if(*ppvObject)
        {
            AddRef();
            return S_OK;
        }
        return E_NOINTERFACE;
    }

    STDMETHODIMP_(ULONG) AddRef()
    {
        return ::InterlockedIncrement(&_refNum);
    }

    STDMETHODIMP_(ULONG) Release()
    {
        ::InterlockedDecrement(&_refNum);
        if(_refNum == 0)
        {
            delete this;
        }
        return _refNum;
    }

    // IDispatch Methods

    HRESULT _stdcall GetTypeInfoCount(
        unsigned int * pctinfo) 
    {
        return E_NOTIMPL;
    }

    HRESULT _stdcall GetTypeInfo(
        unsigned int iTInfo,
        LCID lcid,
        ITypeInfo FAR* FAR* ppTInfo) 
    {
        return E_NOTIMPL;
    }

    HRESULT _stdcall GetIDsOfNames(
        REFIID riid, 
        OLECHAR FAR* FAR* rgszNames, 
        unsigned int cNames, 
        LCID lcid, 
        DISPID FAR* rgDispId 
    )
    {
        //令人费解的是，网页调用函数的call方法时，没有调用GetIDsOfNames获取call的ID，而是直接调用Invoke
        return E_NOTIMPL;
    }

    HRESULT _stdcall Invoke(
        DISPID dispIdMember,
        REFIID riid,
        LCID lcid,
        WORD wFlags,
        DISPPARAMS* pDispParams,
        VARIANT* pVarResult,
        EXCEPINFO* pExcepInfo,
        unsigned int* puArgErr
    )
    {
        m_pCallback(m_pParam);
        return S_OK;
    }
};

接下来，我们就可以使用JsFunction向网页传递回调，以下代码用于处理按钮的onclick事件：

static void _stdcall button1_onclick(LPVOID pParam)
{
    MainForm *pMainForm = (MainForm*)pParam;
    MessageBox(pMainForm->hWnd, L"您点击了button1", L"提示(C++)", 0);
}

VARIANT params[10];

//获取window
IDispatch *pHtmlWindow = GetHtmlWindow();

//获取document
CVariant document;
params[0].vt = VT_BSTR;
params[0].bstrVal = L"document";
GetProperty(pHtmlWindow, L"document", &document);

//获取button1
CVariant button1;
params[0].vt = VT_BSTR;
params[0].bstrVal = L"button1";
InvokeMethod(document.pdispVal, L"getElementById", &button1, params, 1);

//处理button1的onclick事件
params[0].vt = VT_DISPATCH;
params[0].pdispVal = new JsFunction(button1_onclick, this);
SetProperty(button1.pdispVal, L"onclick", params);

以上就是笔者开发Lesktop开源WebIM时使用WebBrowser的经验总结，如有纰漏，敬请指出。

SDK实现WebBrowser及演示代码 [好文，推荐一下看不懂]

本文链接

开源WebOS

2010-09-14T11:44:00Z

源代码下载在线演示 QQ讨论群:25160257 [好文，推荐一下看不懂]

今天腾讯发布了WebOS风格的WebQQ2.0，只要你拥有一个虚拟空间，使用本文提供的源代码，你也可以部署一个属于自己的WebOS来,效果如下:

这个WebOS的功能在之前的文章已有介绍过，不在重复，这里主要介绍一个之前没有开放的功能：在线开发。

这里的在线开发指的是：使用WebOS提供的开发工具，基于WebOS提供的API开发出可以运行于该WebOS的应用程序

下面通过几张图片介绍如何使用开发工具：

点击保存后，开发工具会生成可执行文件，你可以脱离开发工具直接运行生成的应用程序：

这次同时还开发了WebOS上所有应用的源代码（IM，图片浏览，CHM阅读器等等），用admin登录后，可以在/admin/Home/Projects中找到这些应用程序对应的工程文件：

部署指南：

1.建立虚拟目录：

2.添加ISAPI过滤器

3.管理员密码：

用户名：admin

密码:admin

源代码下载在线演示 QQ讨论群:25160257 [好文，推荐一下看不懂]

本文链接

云骞开源即时通讯软件

2010-09-08T16:30:00Z

云骞开源IM是一款使用ASP.NET，Ajax和Comet等技术开发的轻量级IM。主要特点有：

1、云骞开源IM的服务端实际上就是一个ASP.NET网站，因此不需要使用独立服务器，仅需要一个支持.NET2.0的Web空间即可将IM部署到互联网上。

2、只需要拷贝两个文件夹，并在页面中嵌入一行代码，就可以将IM集成到自己的网站或企业内部的OA系统中。

源代码下载及嵌入方法请参考：http://www.luchuncheng.com/blog/article.aspx?ID=12。

3、可以同时以客户端模式和Web模式运行，两者拥有完全一样的操作界面。

客户端模式：

Web模式（兼容IE6,7,8,FireFox,Chrome等主流浏览器）:

4、提供了可视化开发工具，以方便您快速开发IM所需的界面和控件，这些界面和控件，可以同时运行于客户端和WEB桌面，不需要编写两套代码。

5、消息记录（包括消息中的图片和文件）都存储在服务器上，只要可以上网，随时随地都可以浏览您的消息记录。

云骞企业IM

云骞企业IM是在开源IM基础上开发的功能更全面的企业版IM，主要的改进有：

1、优化UI性能：云骞开源IM为了保证客户端更加精简，将界面（一个动态页面）及相关的脚本，图片等放在服务器上，因此打开窗口时需要先访问WEB服务器，启动较慢。企业版将客户端需要的资源存储在本地，以提高常用窗口的启动速度。当然，企业版仍然支持客户端和Web两种模式，仍然支持嵌入到已有的网站中，可以与企业内部的OA系统等集成。

2、提供在线客服功能，可将客服功能嵌入到其他网站中。

3、支持局域网内文件传送，离线文件以及群共享等。

4、支持多人会话。

5、支持企业组织架构，可支持多部门隶属。

6、支持自动更新。

企业版试用：http://eim.cc/trial.aspx

本文链接

一步一步打造WebIM(5)——将WebIM嵌入到页面中

2010-05-27T14:38:00Z

在之前的文章中，已经开发了一个简单的WebIM，但是这个WebIM是在独立的页面中的，今天发布的WebIM是一个可以嵌入到自己网页中的版本，你只需添加少量的代码，就可以在页面中嵌入一个WebIM。不过目前这个WebIM的功能比较简单，如果大家有什么需求可以在评论中提出，或通过WebIM与我联系。以后可能还会将云翔在线软件平台中的网盘等在线应用集成进来。

源代码下载

下载源代码后，按以下步骤操作就可以将WebIM嵌入到网页中。

1.将Release中的Bin,App_Data和YunXiang三个文件夹拷贝到网站的根目录下。

2.在将要嵌入WebIM的页面中添加一下引用：

<link href="YunXiang/Themes/Default/skin.css" rel="stylesheet" type="text/css" />
<script src="YunXiang/json2.js" type="text/javascript"></script>
<script src="YunXiang/Config.js" type="text/javascript"></script>
<script src="YunXiang/Core.js" type="text/javascript"></script>

3.在Global.asax的Application_Start和Application_End中添加以下代码(如果没有Global.asax则拷贝Global.asax到网站根目录下)

void Application_Start(object sender, EventArgs e) 
{
    //在应用程序启动时运行的代码
    YunXiang.MessageManagement.Instance.Initialize(Context);
}

void Application_End(object sender, EventArgs e) 
{
    //在应用程序关闭时运行的代码
    YunXiang.MessageManagement.Instance.Dispose();
}

4.在web.config的httpHandlers节点中添加以下配置：

<httpHandlers>
    <add path="Lesktop.aspx" verb="*" type="YunXiang.Lesktop"/>
    <add path="recevie.aspx" verb="*" type="YunXiang.WebIM_ReceiveHandler"/>
    <add path="send.aspx" verb="*" type="YunXiang.WebIM_SendHandler"/>
</httpHandlers>

5.将WebIM嵌入到页面中以后，可以通过以下两种方式启动会话：

System.StartChat("用户名", "对方的用户名");

//不指定用户，启动时才输入
System.StartChat();

6.常见问题

(1) 嵌入WebIM会影响页面的启动速度吗？

由于嵌入WebIM必须引用Core.js文件，因此，嵌入WebIM后，需要多下载几个文件。但是，只要不启动会话，就不会加载和WebIM相关的脚本(Window.js,Controls.js,Desktop.js,WebIM.js等)，只有第一次启动时才会加载。

(2) WebIM会插入DOM对象吗？

只要不启动会话，WebIM不会插入任何DOM对象。

本文链接

一步一步打造WebIM(4)——Comet的特殊之处

2010-05-25T12:38:00Z

云翔在线聊天室提供在线聊天室，WebIM，网盘等服务，WebIM可以免费建群（不限人数），聊天记录在线存储。

WebIM系列文章

在一步一步打造WebIM(1)一文中已经使用Comet实现了一个简单的WebIM，那么，Comet究竟和一般的打开网页有何区别，本文将通过编写一个简单的HTTP服务器来说明两者的区别。

所谓网站，其实可以理解为服务器上的一个应用程序，该应用程序创建了一个Socket并在80端口（一般是80端口）上监听，并接受和处理浏览器发送过来的HTTP请求。

当你打开网页时，浏览器会发送一个HTTP请求到服务器，之后浏览器将一直等待知道服务器发送完HTTP回应。当服务器接受到这个http请求后，就会解析HTTP请求的头部，根据报文中的信息向浏览器发送数据（网页，图片，数据等），当服务器发送完数据后，浏览器就结束等待，显示出网页。关于浏览器和服务器之前的交互，可以阅读这篇博文：

HTTP协议及其POST与GET操作差异 & C#中如何使用POST、GET等

根据以上叙述的交互过程，可以编写一个简单的http服务器，该服务器在8000端口监听，并且只提供两个网页

http://localhost:8000/index.htm

http://localhost:8000/comet.htm

这两个网页的区别在于，index.htm服务器在接收到HTTP请求后立刻发送网页并结束本次链接，而Comet.htm则不是如此，是将链接先挂起，并启动一个线程，新的线程将延迟5秒再发送网页。服务器源代码如下：

using System;
using System.Collections.Generic;
using System.Text;
using System.IO;
using System.Text.RegularExpressions;
using System.Net;
using System.Net.Sockets;
using System.Threading;

namespace http
{
    class Program
    {
        static String ResponeFormat =
        "HTTP/1.1 200 OK\r\n" +
        "Content-Length: {0}\r\n" +
        "Connection: close\r\n" +
        "Content-Type: text/html\r\n" +
        "\r\n" +
        "{1}\r\n";

        static void Main(string[] args)
        {
            Socket server = new Socket(AddressFamily.InterNetwork, SocketType.Stream, ProtocolType.Tcp);

            //在8000端口监听
            EndPoint ep = new IPEndPoint(new IPAddress(new byte[] { 127, 0, 0, 1 }), 8000);
            server.Bind(ep);
            server.Listen(5);

            while (true)
            {
                Socket client = server.Accept();

                //读取HTTP报文头部
                String header = String.Empty;
                while (header.IndexOf("\r\n\r\n") < 0)
                {
                    byte[] buffer = new byte[1024];
                    int len = client.Receive(buffer);
                    header += Encoding.ASCII.GetString(buffer, 0, len);
                }

                Console.WriteLine("================================================================================");
                Console.Write(header);

                Regex reg = new Regex(@"GET\s+([^\s\r\n]+)\s+HTTP/1.1\s*\r\n", RegexOptions.IgnoreCase);
                Match match = reg.Match(header);
                if (match.Success)
                {
                    String fname = Path.GetFileName(match.Groups[1].Value).ToLower();

                    if (fname == "index.htm")
                    {
                        String html = String.Format("<span style='color:red; fonst-size:24px;'>{0}</span>", DateTime.Now);
                        String response = String.Format(ResponeFormat, html.Length, html);

                        //发送HTTP回应，本次HTTP请求结束，浏览器将立刻接受到网页
                        client.Send(Encoding.UTF8.GetBytes(response));
                        client.Close();
                    }
                    else if (fname == "comet.htm")
                    {
                        //假设此时数据未准备好，先挂起链接，网页将在另一个线程中发送到浏览器
                        //在线程没有发送HTTP回应前，浏览器将一直等待，直到启动的线程发送回应
                        Thread thread = new Thread(new ParameterizedThreadStart(SendThreadEntry));
                        thread.Start(client);

                    }
                    else
                    {
                        client.Close();
                    }
                }
            }
        }

        static void SendThreadEntry(object data)
        {
            //等待5s
            Thread.Sleep(5000);
            Socket client = data as Socket;
            String html = String.Format("<span style='color:red; fonst-size:24px;'>{0}</span>", DateTime.Now);
            String response = String.Format(ResponeFormat, html.Length, html);

            Console.WriteLine("Send Response");

            //发送HTTP回应，本次HTTP请求结束，浏览器此时才接收到网页，在此之前浏览器一直等待
            client.Send(Encoding.UTF8.GetBytes(response));
            client.Close();
        }
    }
}

当然，发送Comet.htm的数据不一定启动一个新的线程，可以先将client保存起来（例如保存到全局变量中），等数据准备好了，调用client的Send方法发送数据。

源代码下载

如果本文对您有所帮助，可以点一下推荐

本文链接

网页信息抓取

2010-05-18T15:16:00Z

之前做聊天室时，由于在聊天室中提供了新闻阅读的功能，写了一个从网页中抓取信息（如最新的头条新闻，新闻的来源，标题，内容等）的类，本文将介绍如何使用这个类来抓取网页中需要的信息。本文将以抓取博客园首页的博客标题和链接为例：

上图显示的是博客园首页的DOM树，显然只需提取出class为post_item的div，再重中提取出class为titlelnk的a标志即可。这样的功能可以通过以下函数来实现：

/// <summary>
/// 在文本html的文本查找标志名为tagName,并且属性attrName的值为attrValue的所有标志
/// 例如：FindTagByAttr(html, "div", "class", "demo")
/// 返回所有class为demo的div标志
/// </summary>
public static List<HtmlTag> FindTagByAttr(String html, String tagName, String attrName, String attrValue)
{
    String format = String.Format(@"<{0}\s[^<>]*{1}\s*=\s*(\x27|\x22){2}(\x27|\x22)[^<>]*>", tagName, attrName, attrValue);
    return FindTag(html, tagName, format);
}

public static List<HtmlTag> FindTag(String html, String name, String format)
{
    Regex reg = new Regex(format, RegexOptions.IgnoreCase);
    Regex tagReg = new Regex(String.Format(@"<(\/|)({0})(\s[^<>]*|)>", name), RegexOptions.IgnoreCase);

    List<HtmlTag> tags = new List<HtmlTag>();
    int start = 0;

    while (true)
    {
        Match match = reg.Match(html, start);
        if (match.Success)
        {
            start = match.Index + match.Length;
            Match tagMatch = null;
            int beginTagCount = 1;

            while (true)
            {
                tagMatch = tagReg.Match(html, start);
                if (!tagMatch.Success)
                {
                    tagMatch = null;
                    break;
                }
                start = tagMatch.Index + tagMatch.Length;
                if (tagMatch.Groups[1].Value == "/") beginTagCount--;
                else beginTagCount++;
                if (beginTagCount == 0) break;
            }

            if (tagMatch != null)
            {
                HtmlTag tag = new HtmlTag(name, match.Value, html.Substring(match.Index + match.Length, tagMatch.Index - match.Index - match.Length));
                tags.Add(tag);
            }
            else
            {
                break;
            }
        }
        else
        {
            break;
        }
    }

    return tags;
}

有了以上函数，就可以提取需要的HTML标志了，要实现抓取，还需要一个下载网页的函数：

public static String GetHtml(string url)
{
    try
    {
        HttpWebRequest req = HttpWebRequest.Create(url) as HttpWebRequest;
        req.Timeout = 30 * 1000;
        HttpWebResponse response = req.GetResponse() as HttpWebResponse;
        Stream stream = response.GetResponseStream();

        MemoryStream buffer = new MemoryStream();
        Byte[] temp = new Byte[4096];
        int count = 0;
        while ((count = stream.Read(temp, 0, 4096)) > 0)
        {
            buffer.Write(temp, 0, count);
        }

        return Encoding.GetEncoding(response.CharacterSet).GetString(buffer.GetBuffer());
    }
    catch
    {
        return String.Empty;
    }
}

以下以抓取博客园首页的文章标题和链接为例，介绍如何使用HtmlTag类来抓取网页信息：

class Program
{
    static void Main(string[] args)
    {
        String html = HtmlTag.GetHtml("http://www.cnblogs.com");
        List<HtmlTag> tags = HtmlTag.FindTagByAttr(html, "div", "id", "post_list");
        if (tags.Count > 0)
        {
            List<HtmlTag> item_tags = tags[0].FindTagByAttr("div", "class", "post_item");
            foreach (HtmlTag item_tag in item_tags)
            {
                List<HtmlTag> a_tags = item_tag.FindTagByAttr("a", "class", "titlelnk");
                if (a_tags.Count > 0)
                {
                    Console.WriteLine("标题:{0}", a_tags[0].InnerHTML);
                    Console.WriteLine("链接:{0}", a_tags[0].GetAttribute("href"));
                    Console.WriteLine("");
                }
            }
        }
    }
}

运行结果如下：

源代码下载

本文链接

一步一步打造WebIM(3)——性能测试

2010-05-15T19:43:00Z

WebIM系列文章

在一步一步打造WebIM(1)和(2)中，已经讨论了如何开发一个WebIM，并且使用缓存来提高WebIM的性能，本文将编写一个程序模拟大量用户登录来对WebIM进行性能测试。

1.200个用户同时在线

测试一将模拟200个用户同时登录的聊天室，每个用户以1条消息/秒的速度发送消息(由于网络和服务器处理延迟，可能多于1秒)

环境参数

操作系统:Window Server 2003

内存:2G

CPU:AMD Athlon(tm) 64 X2 Dual 2.4GHz

服务器:IIS6

数据库:SQLite

消息缓存数量:200

测试过程截图

测试结果

测试结果解析

测试程序启动了200个接收线程和200个发送线程(以1条消息/秒的速度发送消息，连续发50条)，根据测试结果显示，发送消息的平均延迟大概为1000ms（即从客户端发送消息到服务器将消息写到缓存中大概要1000ms），接收消息的平均延迟为大概600ms（服务器将消息写到缓存600ms后，用户才在浏览器中接收到该消息）。由于每一个用户都会接受到其它199个用户的消息，因此，200个接受线程如果消息完全接收，应该有200*50*200 = 2000000条消息，显然，当发送消息的200个线程结束时，接收消息的线程仍然没有结束。由于发送消息的平均延迟大概为1000ms，因此，相当于200个用户同时以1条消息/2秒的频率向聊天室发送消息。

2.500个用户同时在线

测试一将模拟500个用户同时登录的聊天室，每个用户以1条消息/秒的速度发送消息(由于网络和服务器处理延迟，可能多于1秒)

环境参数

操作系统:Window Server 2003

内存:2G

CPU:AMD Athlon(tm) 64 X2 Dual 2.4GHz

服务器:IIS6

数据库:SQLite

消息缓存数量:200

测试过程截图

测试结果

测试结果的意义和测试1类似，因此不做详细解析

从以上测试来看，同时在线人数达到500时，延迟还是比较大的

测试程序及WebIM源代码下载

本文链接