2.利用ASP.NET組件DataGrid顯示數據

相關內容介紹:

ASP.NET自帶了很多web組件，加速編網頁的速度。讓我們用Dreamwaver MX自帶的一個教程--global的例子，來演示一下如何利用此組件將數據庫里的數據顯示出來.

1.數據庫鏈接和用DataGrid顯示數據

在web頁面目錄里的assets中有本實例的數據庫global.mdb,我們的目的就是將此數據庫中的location表中的數據根據Region_id的值來輸出不同地區的資料。(可利用Access打開此數據庫)

我們可以將location3.htm文件重命名為location3.aspx(ASP.NET的web窗口文件的后綴為aspx)，而后對其編輯。

Dreamweaver/10208/pic/081410_image020.jpg">

[圖2-1 需要更改的頁面]

讓我們來刪除中間簡單的靜態部分,來用ASP.NET的DataGrid來實現其功能。



[圖2-2 刪除靜態部分的頁面]
下一步就是鏈接數據庫了。點擊右邊的Application面板，選擇Database，點擊+號，

選擇OLE DB connection。



[圖2-3 Application 面板]

接著進入 OLE DB Connection 對話框。這里可以手寫鏈接數據庫代碼，也可自動生成代碼。將Connection Name命名為location,單擊Build，通過向導自動生成代碼。



[圖2-4 OLE DB Connection 對話框]

進入Data Link Properties頁面后，選擇Provider設置數據庫引擎

下面就是令人驚異的了,支持21種數據庫鏈接方式其中包括SQL server,Oracle等等。



[圖2-5 數據庫引擎提供頁面]

這就是.NET的巨好的地方之一，支持多種數據庫。其采用了ADO.NET。等一會我們用此向導生成的connection string就是依照ADO.NET寫成的。

由于我們將要鏈接的數據庫是Access2000的數據庫，所以我們選擇Microsoft Jet 4.0 OLE DB Provider,單擊Next。

單擊1.Select or enter a database name 旁的按鈕，選擇所要鏈接的數據庫

在2.Enter information to log on to the database 中取消User name和Password



[圖2-6 設定鏈接]

在Advanced 中設置讀取的權限。選擇Read, ReadWrite,Write，單擊確定。



[圖2-7 設置權限]

添加Connection name，單擊Test測試數據庫鏈接,倘若數據庫鏈接成功，單擊OK。恭喜你，

你已經將數據庫鏈接到你的站點了。下一步就應該是將其用DataGrid顯示出來

同樣是Application面板,選擇Server Behaviors，

先完成設置,單擊deplay，程序會將自動部署站點,會將DreamweaverCtrls.dll，web.config以及_mmServerScripts文件夾拷貝到站點目錄，是用Dreamweaver MX建立ASP.net網頁必需的文件。



[圖2-8 部署站點]
同時先要在網站根目錄下建立bin文件夾，并將DreamweaverCtrls.dll文件拷貝至此文件夾。

單擊+號，先新建一個DataSet.



[圖2-9 添加Dataset]

Connection 是選擇數據源，Table是選擇表，Column是選擇項目，Filter是用于篩選數據，由于此頁面是顯示Europe的數據，故設Entered Value=3。On Failure，Go To是用于處理讀取數據出錯時跳到的頁面。



[圖2-10創建數據集]

創建DataSet成功后就可以創建DataGrid了。單擊+號，選擇DataGrid



[圖2-11 添加DataGrid]

Dataset中選擇需要的記錄集，Show中設置是否采用分頁顯示和分頁顯示的每頁記錄個數，Navigation中設定導航欄的方式，Columns中可以添加或刪除顯示的項目。



[圖2-12 設置DataGrid]

單擊Edit，設置表頭的標題。輸入標題后，單擊OK確定。



[圖2-13 設置標題]

單擊OK,添加DataGrid。



[圖2-14預覽頁面]

在預覽頁面中你可以看到添加了一個DataGrid的區域，按F12預覽頁面。

下面就是運行后的頁面。



[圖 2-15 運行后的頁面]
2.更改DataGrid的屬性

相關內容介紹:

當你看到這個組件的時候是否會覺得看起來顏色不太漂亮，那樣就讓我們來改變他吧。DataGrid組件具有許多屬性