2.利用ASP.NET組件DataGrid顯示數(shù)據(jù)

相關(guān)內(nèi)容介紹:

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

1.數(shù)據(jù)庫鏈接和用DataGrid顯示數(shù)據(jù)

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

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

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

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

讓我們來刪除中間簡單的靜態(tài)部分,來用ASP.NET的DataGrid來實(shí)現(xiàn)其功能。



[圖2-2 刪除靜態(tài)部分的頁面]
下一步就是鏈接數(shù)據(jù)庫了。點(diǎn)擊右邊的Application面板，選擇Database，點(diǎn)擊+號，

選擇OLE DB connection。



[圖2-3 Application 面板]

接著進(jìn)入 OLE DB Connection 對話框。這里可以手寫鏈接數(shù)據(jù)庫代碼，也可自動生成代碼。將Connection Name命名為location,單擊Build，通過向?qū)ё詣由纱a。



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

進(jìn)入Data Link Properties頁面后，選擇Provider設(shè)置數(shù)據(jù)庫引擎

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



[圖2-5 數(shù)據(jù)庫引擎提供頁面]

這就是.NET的巨好的地方之一，支持多種數(shù)據(jù)庫。其采用了ADO.NET。等一會我們用此向?qū)傻腸onnection string就是依照ADO.NET寫成的。

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

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

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



[圖2-6 設(shè)定鏈接]

在Advanced 中設(shè)置讀取的權(quán)限。選擇Read, ReadWrite,Write，單擊確定。



[圖2-7 設(shè)置權(quán)限]

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

你已經(jīng)將數(shù)據(jù)庫鏈接到你的站點(diǎn)了。下一步就應(yīng)該是將其用DataGrid顯示出來

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

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



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

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



[圖2-9 添加Dataset]

Connection 是選擇數(shù)據(jù)源，Table是選擇表，Column是選擇項(xiàng)目，F(xiàn)ilter是用于篩選數(shù)據(jù)，由于此頁面是顯示Europe的數(shù)據(jù)，故設(shè)Entered Value=3。On Failure，Go To是用于處理讀取數(shù)據(jù)出錯時跳到的頁面。



[圖2-10創(chuàng)建數(shù)據(jù)集]

創(chuàng)建DataSet成功后就可以創(chuàng)建DataGrid了。單擊+號，選擇DataGrid



[圖2-11 添加DataGrid]

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



[圖2-12 設(shè)置DataGrid]

單擊Edit，設(shè)置表頭的標(biāo)題。輸入標(biāo)題后，單擊OK確定。



[圖2-13 設(shè)置標(biāo)題]

單擊OK,添加DataGrid。



[圖2-14預(yù)覽頁面]

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

下面就是運(yùn)行后的頁面。



[圖 2-15 運(yùn)行后的頁面]
2.更改DataGrid的屬性

相關(guān)內(nèi)容介紹:

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