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

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

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