Web應用中的ActiveX控件的創建與使用

邢素萍

?

Web應用中的ActiveX控件的創建與使用

邢素萍

摘要：介紹了微軟公司提出的廣泛應用于桌面及Web應用中的ActiveX工具集合的創建與使用。ActiveX控件是基于組件對象模型（COM）的可重用軟件組件，有了它在網頁和桌面應用程序中加入特殊的功能會很方便。使用VS2010創建了一個ActiveX控件包含為控件添加屬性；改寫相關函數；添加事件功能與添加事件激發功能等方法。使用ActiveX控件可豐富編程語言功能，拓寬Web程序的應用領域。

關鍵詞：控件、Web頁、屬性、對話框

0　引言

ActiveX是微軟公司提出的一套二進制組件發布方案、實現規范和工具集合的總稱。目的是實現軟件二進制級別的兼容和復用，解決了軟件技術發展的早期，各種不同語言及不同編譯器創建的軟件在二進制級別不能互訪的問題。ActiveX控件與自動化編程語言間存在非常密切的聯系，其主要的目標之一就是豐富編程語言功能。ActiveX 控件是基于組件對象模型（COM）的可重用軟件組件，廣泛應用于桌面及Web應用中。

1　創建ActiveX控件

ActiveX控件可以由任何語言實現，最后生成的組件要遵循ActiveX技術規范，比如可以使用Visual Basic、C++、C等語言，微軟公司的Visual Studio系列開發套件可以較好的支持ActiveX。新版的ATL（活動模板庫）為COM組件的開發帶來了簡便方法，我們下面使用Visual Studio 2010團隊開發版（下文簡稱VS2010）創建一個最簡單的ActiveX，實現消息輪播的功能。建立ActiveX項目最常用的方式是使用VS2010項目向導生成COM組件的框架。使用向導可以大大簡化開發工作，新建一個ALT項目的操作步驟如下：

第1步：在VS2010主界面窗口中，選擇菜單欄“新建”|“項目”命令，打開“新建項目”對話框，如圖1所示：

圖1　新建項目

第2步：在“已安裝的模板”列表框中單擊“其他語言”|“Visual C++”|“ATL”項目。選擇右側的“ATL項目”，在“名稱”編輯框中輸入項目名稱“MessageBoard”，在“位置”編輯框中輸入項目保存的路徑。單擊“確定”按鈕，打開“ATL項目向導”對話框。

第3步：單擊“應用程序設置”標簽，勾選“允許合并代理/存根（stub）代碼”復選框，如圖2所示：

圖2　ALT項目向導

單擊“完成”按鈕完成項目的創建。

2　添加ATL控件

接下來為COM對象添加一個ATL控件，使用“ATL控件”向導可以很容易地添加新ATL控件，操作步驟如下：

第1步：選擇菜單欄“視圖”｜“類視圖”命令，打開“類視圖”列表框。在其中右鍵選擇“MessageBoard”項目，選擇右鍵菜單“添加”｜“類”命令，打開“添加類”對話框。第2步：選擇“類別”列表框中的“ATL”項目，選擇“模板”列表框中的“ATL控件”項目，如圖3所示：

圖3　添加類對話框

單擊“添加”按鈕，打開“ATL控件向導”對話框。

第3步：單擊“名稱”標簽，在“簡稱”編輯框中輸入“MsgBoardCtl”（不包括引號）。

第4步：單擊“選項”標簽，勾選“連接點”復選框。單擊“外觀”標簽，勾選“可插入”復選框，單擊“完成”按鈕完成控件的添加操作。

3　為控件添加屬性

到目前為止，已經添加了一個ActiveX控件，此時先來編譯一次項目。選擇“生成”｜“生成解決方案”命令，項目開始編譯并構建。編譯完成后為MsgBoardCtl控件添加一個屬性，用于保存外部傳入的消息文本，操作步驟如下：

第1步：右鍵單擊“類視圖”列表框中的“IMsgBoardCtl”項目，選擇右鍵菜單“添加”|“添加屬性”命令，打開如圖5所示的“添加屬性向導”窗口。

第2步：單擊“屬性類型”下拉列表框的下三角按鈕，選擇“BSTR”項目。在“屬性名”編輯框中輸入“msgText”，如圖4所示：

圖4　添加屬性

單擊“完成”按鈕完成操作。

4　改寫相關函數

開發環境默認生成的代碼并不能完成本例所要完成的具體任務，因此需要重寫相關函數或方法。這里實現的功能是在控件被重繪時將消息文本輸出在屏幕上，需要重寫OnDraw方法。操作步驟如下：

第1步：在“類視圖”列表框中找到“OnDraw”方法并雙擊，如圖5所示：

圖5　定位OnDraw方法

此時代碼編輯器中的光標定位到OnDraw方法的代碼中，將OnDraw方法中原有的代碼全刪除，然后添加OnDraw方法代碼。

第2步：在文件“MsgBoardCtl.h”中找到構造函數CMsgBoardCtl()并修改，實現對成員變量m_bstrMessag的初始化。

第3步：選擇菜單欄“視圖”｜“解決方案資源管理器”命令，在“解決方案資源管理器”列表框中雙擊打開“MsgBoardCtl.cpp”文件。找到“get_msgText”方法和“put_msgText”方法并修改。

5　添加事件功能

ActiveX控件可以處理消息，借此實現用戶交互。為控件MsgBoardCtl添加事件傳出功能，當用戶在控件上單擊時，將單擊事件傳遞給控件容器。操作步驟如下：

第1步：展開“類視圖”列表窗口中的類型庫“MessageBoardLib”。右鍵單擊“_IMsgBoard CtlEvents”接口，選擇右鍵菜單“添加”|“添加方法”命令，打開“添加方法向導”對話框。

第2步：在“添加方法向導”對話框的“返回類型”列表框中填入“void”。在“方法名稱”編輯框中填入“ClickIn”，勾上“參數屬性”下的“in”復選框，在“參數類型”下拉列表框中填入“LONG”，在“參數名”編輯框中填入“x”，單擊“添加”按鈕。重復添加參數操作，和第一遍不同的是在“參數名”編輯框中填入“y”。添加x、y兩個參數后單擊“完成”按鈕退出“添加方法向導”對話框，如圖6所示：

圖6　添加方法

第3步：因為在此使用了老版本的導入庫，此時項目編譯鏈接會出兩個小問題，所以須將項目配置為使用多字節字符集而不是unicode字符集，并設置C++默認內置字符類型為多字節。右鍵單擊“類視圖”列表框中的項目名稱“MessageBoard”，選擇右鍵菜單“屬性”命令，打開“屬性頁”對話框。在左邊的列表框中選擇“配置屬性”｜“常規”項目，選擇右邊列表框中的“項目默認值”｜“字符集”下拉列表框中的“使用多字節字符集”。

第4步：選擇“屬性頁”左邊列表框中的“配置屬性”｜“C/C＋＋”｜“語言”項目。單擊右邊列表框中的“將wchar_t視為內置類型”下拉列表框的下三角按鈕，選擇“否（/Zc:wchar_t-）”，單擊“確定”按鈕關閉“屬性頁”對話框。

第5步：編譯項目，重新生成類型庫。選擇“生成”|“生成解決方案”命令，系統開始編譯構建項目。生成完畢后，在“類視圖”列表框右鍵單擊“CMsgBoardCtl”項目，選擇右鍵菜單“添加”|“添加連接點”命令。打開“實現連接點向導”對話框。雙擊“源接口”列表框中的“_IMsgBoardEvents”項目，“_IMsgBoardEvents”將出現在“實現連接點”列表框中，單擊“完成”按鈕退出。

6　添加事件激發功能

為了能夠激發事件，必須讓控件響應鼠標相關消息，并在消息處理程序中將事件傳遞給控件容器。如此外部的容器代碼就能感知發生在控件中鼠標單擊事件，添加事件激發功能的操作步驟如下：

第1步：右鍵單擊“類視圖”列表框中的“CMsgBoardCtl”項目，選擇右鍵菜單“屬性”命令，打開“屬性”窗口。單擊“消息”按鈕，在消息列表框中找到“WM_LBUTTON

-DOWN”項目，雙擊其右邊的空白表項，VS2010自動添加該消息處理程序并命名為“OnLButtonDown”，如圖7所示：

圖7　添加消息處理程序

第2步：打開“MsgBoardCtl.cpp”文件，修改“OnLButton -Down”方法。

7　編譯生成控件

到目前為止，添加代碼的工作已經完成，將發布方式配置為Release。Release方式將去掉目標代碼中的調試信息并做了一些優化，發行版的產品通常采用這種方式，代碼體積變小并且運行速度快。構造發行版的操作步驟如下：

第1步：單擊工具欄上的“解決方案配置”列表框的下三角按鈕，選擇“Release”項目，如圖8所示：

圖8　生成解決方案

第2步：驟設置項目字符集屬性。第3步：選擇菜單欄“生成”|“生成解決方案”命令，VS2010開始編譯構建MessageBoard控件。

其中“F9C695B2-5569-4F28-88FD-D9EB4E41055E”為控件“MsgBoardCtl”的GUID（全球唯一標識符，此串與讀者文件中的不相同）。記下該字符串，這是在Web頁中插入MsgBoardCtl控件時需要使用到該標識符。到當前工程目錄下的Realese文件夾中，找到名為MessageBoard.dll的文件，它就是最后產出的程序組件，如圖9所示：

圖9　工程目錄

將該文件復制到一個安全的文件夾中，以便在Web頁中使用ActiveX控件。

8　使用ActiveX控件

前面使用VS2010創建了一個ActiveX組件。該組件在機器上注冊以后即可在各種支持ActiveX組件的地方使用，其中也包括Web頁。嵌入在Web頁中的ActiveX控件可以和JavaScript交互。開始使用一個新的ActiveX控件之前必須先在機器上注冊如圖10所示：

圖10　注冊組件

注冊MessageBoard組件的操作步驟如下：

第1步：單擊“開始”菜單，選擇“運行”命令，打開“運行”對話框。

第2步：在“打開”編輯框中輸入regsvr32加空格加MessageBoard.dll文件的完整路徑名，筆者已經將該文件復制到C盤的根目錄下。因此輸入的命令應該為“regsvr32

另一種使用ActiveX組件的方式是使用