博客园_卢春城专栏

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

2011-04-14T14:59:00Z

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

1、支持MSSQL数据库；

2、显示在线/离线；

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

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

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

1、注册客服人员；

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

<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全局函数：

那么，您可以在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全局变量：

那么，您可以使用一下代码调用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(4)——Comet的特殊之处

2010-05-25T12:38:00Z

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

网页信息抓取

2010-05-18T15:16:00Z

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

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

2010-05-15T19:43:00Z

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

在线CHM阅读器（2）——文件提取及关键文件解析

2010-04-28T14:18:00Z

在在线CHM阅读器(1)一文中已提到，CHM其实就是一个结构化存储文件(Structured Storage)，如果也阅读CHM文档，就必须将文件，图片等从CHM文件中提取出来...