使用Web窗體建立Web應用程序.ppt

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

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