使用Web窗體建立Web應(yīng)用程序.ppt

《使用Web窗體建立Web應(yīng)用程序.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《使用Web窗體建立Web應(yīng)用程序.ppt（26頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

第10章使用Web窗體建立Web應(yīng)用程序 本章要點(diǎn) WEB服務(wù)的基本概念WEB窗體的使用WEB應(yīng)用程序 第10章使用Web窗體建立Web應(yīng)用程序 10 1Web應(yīng)用程序概述10 2使用Web窗體10 3建立Web服務(wù)程序10 4思考與創(chuàng)新 10 1Web應(yīng)用程序概述 Web服務(wù)依賴(lài)于XML格式的消息來(lái)發(fā)送數(shù)據(jù)和接收命令 Web服務(wù)支持三種與客戶(hù)交互的協(xié)議 HTTP GET HTTP POST 和SOAP HTTP GET是一種讓客戶(hù)能夠通過(guò)HTTP與服務(wù)器通信的標(biāo)準(zhǔn)協(xié)議 可將HTTP GET操作看做是客戶(hù)從web服務(wù)器那里獲得網(wǎng)頁(yè) 即客戶(hù)向web站點(diǎn)的URL發(fā)送HTTP請(qǐng)求而Web站點(diǎn)使用相應(yīng)的HTML應(yīng)答 HTTP POST該協(xié)議類(lèi)似于HTTP GET 最常用于HTML表單設(shè)計(jì) 用來(lái)向客戶(hù)發(fā)送一個(gè)包含消息的HTTP請(qǐng)求信息 其中包括參數(shù)及其值 SOAP是一種簡(jiǎn)單對(duì)象訪問(wèn)協(xié)議 它使客戶(hù)和服務(wù)器能夠相互發(fā)送數(shù)據(jù) SOAP依賴(lài)于XML來(lái)轉(zhuǎn)發(fā)信息 而不使用HTTP請(qǐng)求信息 所以能夠發(fā)送更為復(fù)雜的對(duì)象 Web服務(wù)實(shí)施的領(lǐng)域可以分為四類(lèi) 1 面向商務(wù)的Web服務(wù) Business OrientedWebService 該類(lèi)服務(wù)針對(duì)的是那些面向企業(yè)的應(yīng)用服務(wù) 包括企業(yè)內(nèi)部的ERP系統(tǒng) 企業(yè)間的SCM CRM等系統(tǒng) 當(dāng)這些系統(tǒng)以Web服務(wù)的形式在網(wǎng)絡(luò) Internet或Intranet 中出現(xiàn)時(shí) 企業(yè)內(nèi)的應(yīng)用集成將更為容易 而且眾多企業(yè)間合作伙伴的系統(tǒng)對(duì)接也將成為可能 目前現(xiàn)有的解決方案和產(chǎn)品的提供商有Bowstreet Epicentric WebMethods等 2 面向消費(fèi)者的Web服務(wù) Con sumer OrientedWebService 此類(lèi)服務(wù)針對(duì)的是那些原先的B2C網(wǎng)站的改造 為面向?yàn)g覽者的Web應(yīng)用增加 注意是增加 了Web服務(wù)的應(yīng)用接口 使得第三方的桌面工具或自身提供增值的桌面工具能夠通過(guò)更優(yōu)秀的用戶(hù)界面提供跨越多個(gè)B2C服務(wù)的桌面服務(wù) 這將使得用戶(hù)使用Internet更為方便 從而獲得更便捷的服務(wù) 比如我們完全可以在個(gè)人理財(cái)桌面系統(tǒng)中集成 調(diào)用 Internet上的股票詢(xún)價(jià)和機(jī)票預(yù)定Web服務(wù) 使得個(gè)人理財(cái)應(yīng)用的自動(dòng)化程度更高 3 面向設(shè)備的Web服務(wù) Device OrientedWebService 此類(lèi)服務(wù)的使用終端一般是手持設(shè)備和日用家電 對(duì)于前者而言 可以在不用修改網(wǎng)絡(luò)服務(wù)的體系架構(gòu)前提下 令先前的網(wǎng)絡(luò)服務(wù)支持除PC以外的各種終端 比如Palm PocketPC 手機(jī)等 如此 那些天氣預(yù)報(bào)服務(wù) Email服務(wù) 主動(dòng)信息服務(wù)等將更為有效和便捷 對(duì)于后者 則可能是一個(gè)市場(chǎng)的啟動(dòng)期 有了Web服務(wù)作為基礎(chǔ)框架 智能型的日用家電將真正獲得標(biāo)準(zhǔn)的支持 從而有了廣泛使用的可能 4 面向系統(tǒng)的Web服務(wù) System OrientedWebService 該類(lèi)是指一些傳統(tǒng)意義上的系統(tǒng)服務(wù) 比如用戶(hù)權(quán)限認(rèn)證 系統(tǒng)監(jiān)控等 如果這些傳統(tǒng)服務(wù)被遷移到Internet上 或者企業(yè)內(nèi)部的Intranet上 其作用范圍將從單個(gè)系統(tǒng)或局部網(wǎng)絡(luò)拓展到整個(gè)企業(yè)網(wǎng)絡(luò)或整個(gè)Internet 這樣 基于同一系統(tǒng)服務(wù)的不同應(yīng)用將得以在整個(gè)Internet環(huán)境中部署 譬如跨國(guó)企業(yè)的所有在線服務(wù)可以使用同一個(gè)用戶(hù)權(quán)限認(rèn)證Web服務(wù) 10 2使用Web窗體 當(dāng)創(chuàng)建一個(gè)Web項(xiàng)目時(shí) VisualStudio會(huì)在目標(biāo)Web服務(wù)器上構(gòu)造一個(gè)Web應(yīng)用程序目錄結(jié)構(gòu) 并在本地計(jì)算機(jī)上構(gòu)造一個(gè)項(xiàng)目結(jié)構(gòu) 生成如表10 1顯示的文件 例 設(shè)計(jì)如圖10 1所示程序 1 打開(kāi)VS NET 新建一個(gè)項(xiàng)目 在項(xiàng)目類(lèi)型中選擇 VisualBasic項(xiàng)目 在模板中選擇 ASP NETWEB應(yīng)用程序 單擊確定 如圖10 2所示 2 從工具箱的 HTML 選項(xiàng)卡中 將一個(gè)Label控件拖到頁(yè)上 放置該控件并根據(jù)要輸入的文本調(diào)整其大小 單擊該標(biāo)簽將其選中 然后再次單擊它 緩慢地進(jìn)行此操作 以確保您不是雙擊該元素 該標(biāo)簽進(jìn)入文本編輯模式 表現(xiàn)為帶陰影的邊框 鍵入所需的靜態(tài)文本 例如 鍵入 示例Web窗體頁(yè) 選擇該文本 然后使用 格式 工具欄上的工具設(shè)置文本的塊格式 字體 大小等 3 將TextFiled控件添加到Web窗體頁(yè)單擊底部的 設(shè)計(jì) 選項(xiàng)卡切換到 設(shè)計(jì) 視圖 從工具箱的 HTML 選項(xiàng)卡中 將一個(gè)TextField元素拖到頁(yè)上 右擊該元素并選擇 作為服務(wù)器控件運(yùn)行 將該HTML文本元素轉(zhuǎn)換為服務(wù)器控件 4 從工具箱的 Web窗體 選項(xiàng)卡 而不是 HTML 選項(xiàng)卡 將一個(gè)ButtonWeb服務(wù)器控件拖到頁(yè)上 雙擊按鈕 在Button1的Click事件過(guò)程中添加以下代碼 Text1 Value Hello WebForms 5 在解決方案資源管理器中 右擊WebForm1 Aspx頁(yè) 然后選擇 在瀏覽器中查看 VisualStudio編譯該頁(yè)并將其顯示在 瀏覽 選項(xiàng)卡中 在Web窗體頁(yè)上單擊該按鈕 文本 Hello WebForms 就會(huì)出現(xiàn)在文本框中 10 3建立Web服務(wù)程序 例 用VB NET創(chuàng)建一個(gè)ASP NETWEB服務(wù)頁(yè)面 提供一個(gè)Data 方法來(lái)訪問(wèn)本地?cái)?shù)據(jù)庫(kù) 返回一個(gè)數(shù)據(jù)集 然后創(chuàng)建一個(gè)ASP NETWEB應(yīng)用程序頁(yè)面 用來(lái)調(diào)用Web服務(wù)中的Data 方法 同時(shí)通過(guò)DAtaGrid空件顯示出數(shù)據(jù)庫(kù)中的信息 設(shè)計(jì)步驟 1 打開(kāi)VS net 新建一個(gè)項(xiàng)目 在項(xiàng)目類(lèi)型中選擇 VisualBasic項(xiàng)目 在模板中選擇 ASP NETWEB服務(wù) 2 為WEB窗體添加三個(gè)數(shù)據(jù)庫(kù)組件 Oledbconnection OledbCommand和OledbDataAdapter 然后在程序中動(dòng)態(tài)的設(shè)置它們的屬性 填入代碼如下 PublicFunctionData ByValPathAsString ByValTNameAsString ByValSQLAsString AsDataSet Path參數(shù)是數(shù)據(jù)庫(kù)的路徑 TName參數(shù)是數(shù)據(jù)表 SQL是用戶(hù)輸入的查詢(xún)參數(shù)DimdsAsDataSet NewDataSet 建立一個(gè)新的數(shù)據(jù)集DimConnStrAsStringConnStr Provider Microsoft Jet OLEDB 4 0 DataSource Server MapPath Path 數(shù)據(jù)庫(kù)鏈接字符串OleDbConnection1 NewSystem Data OleDb OleDbConnection ConnStr 建立到數(shù)據(jù)庫(kù)的鏈接OleDbDataAdapter1 NewSystem Data OleDb OleDbDataAdapter SQL OleDbConnection1 OleDbDataAdapter1 Fill ds TName 配置數(shù)據(jù)適配器Data ds 返回?cái)?shù)據(jù)集EndFunction 3 運(yùn)行程序 按F5鍵運(yùn)行程序 效果如圖10 4所示 4 建立ASP NETWEB應(yīng)用程序即調(diào)用服務(wù)的頁(yè)面 打開(kāi)VS NET 新建一個(gè)項(xiàng)目 在項(xiàng)目類(lèi)型中選擇 VisualBasic項(xiàng)目 在模板中選擇 ASP NETWEB應(yīng)用程序 單擊確認(rèn)按鈕后會(huì)出現(xiàn)如圖10 7所示窗口 5 添加一個(gè)Label控件和一個(gè)DAtaGrid控件 Label控件中的Text屬性設(shè)為 調(diào)用web服務(wù)顯示數(shù)據(jù)如下 6 添加Web引用 在 解決方案資源管理器 中選擇該項(xiàng)目 并在右鍵菜單中選擇 添加Web引用 在彈出的對(duì)話框的地址欄中填上Web服務(wù)的描述的地址URL http localhost TestService1 Service1 Asmx 7 在Page Load事件中添加代碼 Dimd1Aslocalhost Service1 newlocalhost service1 引用Web服務(wù)中的類(lèi)DimddAsDataSet 定義一個(gè)數(shù)據(jù)集D2 d1 data xkxt mdb student select fromstudent 得到遠(yuǎn)程數(shù)據(jù)庫(kù)中的數(shù)據(jù)集Datagrid1 datAsource dd tables student defaultviewDatagrid1 databind 通過(guò)DataGrid1控件來(lái)顯示遠(yuǎn)程數(shù)據(jù)庫(kù)中的所有記錄按F5運(yùn)行程序 效果如圖10 8所示 10 4思考與創(chuàng)新 至此 一個(gè)一個(gè)可以動(dòng)態(tài)訪問(wèn)數(shù)據(jù)庫(kù)的Web服務(wù)程序完成 大家可以根據(jù)所學(xué)數(shù)據(jù)庫(kù)訪問(wèn)知識(shí)來(lái)添加在Web服務(wù)程序中動(dòng)態(tài)的操作數(shù)據(jù)庫(kù)的功能 例如動(dòng)態(tài)的插入 刪除 更新數(shù)據(jù)等 習(xí)題10 什么是WEB服務(wù) 用于訪問(wèn)WEB服務(wù)的協(xié)議有那些 WEB服務(wù)可分為哪幾類(lèi) 如何添加一個(gè)WEB引用 SOAP協(xié)議的全稱(chēng)是什么 什么是Web服務(wù)器控件 URL代表什么 編寫(xiě)一個(gè)計(jì)算器的web應(yīng)用程序 編寫(xiě)一個(gè)簡(jiǎn)單的web應(yīng)用程序 能夠提供簡(jiǎn)單的數(shù)據(jù)庫(kù)操作 建立一個(gè)學(xué)生數(shù)據(jù)庫(kù) 包括成績(jī)表 編寫(xiě)一個(gè)簡(jiǎn)單的web應(yīng)用程序 能夠提供學(xué)生成績(jī)查詢(xún)服務(wù)