ASP.NET Web Matrix是微軟***推出的ASP.NET編程工具，該工具功能全面，使用也比較輕便、靈活。我們現(xiàn)在來(lái)看看使用怎樣這個(gè)工具設(shè)計(jì)結(jié)合數(shù)據(jù)的網(wǎng)頁(yè)。
 
ASP.NET編程工具ASP.NET Web Matrix使用一、建立數(shù)據(jù)庫(kù)

ASP.NET Web Matrix現(xiàn)在支持微軟的SQL Server，也支持自帶的一個(gè)簡(jiǎn)單桌面數(shù)據(jù)庫(kù)MSDE，這個(gè)簡(jiǎn)單數(shù)據(jù)庫(kù)和SQL Server的個(gè)人版有點(diǎn)類似，可以免費(fèi)下載。為了說(shuō)明這個(gè)數(shù)據(jù)庫(kù)的使用，我們首先到微軟網(wǎng)站下載這個(gè)免費(fèi)的數(shù)據(jù)庫(kù)工具。

在沒(méi)有安裝以上數(shù)據(jù)庫(kù)的情況下，ASP.NET Web Matrix的“數(shù)據(jù)”面板是沒(méi)有數(shù)據(jù)庫(kù)的（圖一），在ASP.NET Web Matrix中，當(dāng)用戶點(diǎn)擊“Data”選項(xiàng)卡的時(shí)候，ASP.NET Web Matrix會(huì)給出一個(gè)要求安裝數(shù)據(jù)庫(kù)的提示

這時(shí)候，我們可以安裝SQL桌面數(shù)據(jù)庫(kù)或者免費(fèi)下載微軟的MSDE數(shù)據(jù)庫(kù)來(lái)進(jìn)行安裝。當(dāng)安裝完成以后，我們就可以在這個(gè)本地?cái)?shù)據(jù)庫(kù)或者在遠(yuǎn)程的SQL數(shù)據(jù)庫(kù)服務(wù)器建立數(shù)據(jù)表，然后通過(guò)ASP.NET對(duì)這些數(shù)據(jù)進(jìn)行具體的操作。

安裝MSDE完成以后，再一次點(diǎn)擊ASP.NET Web Matrix 的“Data”面板，就可以建立數(shù)據(jù)庫(kù)了

因?yàn)榻?、操作?shù)據(jù)庫(kù)的方式和使用SQL Server安全相同，我們?cè)谶@里就不詳細(xì)介紹具體操作了，在這里，我們建立一個(gè)名為Orders的數(shù)據(jù)庫(kù)

經(jīng)過(guò)以上設(shè)置以后，ASP.NET Web Matrix就可以順利進(jìn)行數(shù)據(jù)庫(kù)的操作了，以下的程序我們都將針對(duì)以上的數(shù)據(jù)庫(kù)、數(shù)據(jù)表進(jìn)行操作。使用SQL Server的用戶，在本地安裝桌面SQL Server就可以直接連接遠(yuǎn)程數(shù)據(jù)庫(kù)了，一般個(gè)人應(yīng)用或者學(xué)習(xí)使用，直接用微軟的MSDE就可以完全達(dá)到要求，畢竟SQL Serer的價(jià)格和管理都不是個(gè)人用戶可以輕易達(dá)到的。

ASP.NET編程工具ASP.NET Web Matrix使用二、用ASP.NET操作數(shù)據(jù)庫(kù)

建立數(shù)據(jù)庫(kù)以后，我們就可以進(jìn)行數(shù)據(jù)庫(kù)操作了，以下我們將分幾個(gè)類型介紹數(shù)據(jù)庫(kù)的操作，力求全面的介紹ASP.NET Web Matrix數(shù)據(jù)庫(kù)操作的精華。

1、簡(jiǎn)單數(shù)據(jù)發(fā)布

我們知道，最簡(jiǎn)單的也是最基本的數(shù)據(jù)庫(kù)操作就是數(shù)據(jù)表信息的發(fā)布。這里，我們首先將以上Orders數(shù)據(jù)庫(kù)的Orders表信息簡(jiǎn)單的通過(guò)ASP.NET發(fā)布到網(wǎng)頁(yè)。

在ASP.NET Web Matrix中，MXDataGrid服務(wù)器控件是專門(mén)顯示來(lái)自數(shù)據(jù)庫(kù)等數(shù)據(jù)源的數(shù)據(jù)表格控件，我們可以在設(shè)計(jì)或者程序運(yùn)行的時(shí)候?qū)⒖丶壎ǖ綌?shù)據(jù)源來(lái)顯示數(shù)據(jù)，這里，我們就使用MXDataGrid服務(wù)器控件來(lái)顯示數(shù)據(jù)。

（1）在ASP.NET Web Matrix中，選擇“File”－>“New”，出現(xiàn)“New File”對(duì)話框；

（2）在出現(xiàn)的對(duì)話框中，選擇“General”面板；

（3）選擇“ASP.NET Page”；

（4）在“Location”輸入框輸入新建立的文件路徑；

（5）在“FileName”輸入框輸入新建立的文件名“myFirstDataGrid.aspx”；

（6）在“Language”下拉框選擇“Visual Basic”作為ASP.NET開(kāi)發(fā)語(yǔ)言；

（7）點(diǎn)擊“OK”按鈕；

（8）這樣，文件“myFirstDataGrid.aspx”就會(huì)在ASP.NET Web Matrix的“Design”視圖中出現(xiàn)

（9）在工作窗口中選擇“Data”選項(xiàng)頁(yè)；

（10）點(diǎn)擊選項(xiàng)頁(yè)上部的數(shù)據(jù)庫(kù)標(biāo)志，出現(xiàn)數(shù)據(jù)庫(kù)選擇界面，這里我們選擇本地的“Orders”數(shù)據(jù)庫(kù)。

（11）回到工作窗口，選擇“Orders”表，用鼠標(biāo)左鍵點(diǎn)擊該表，將其拖到ASP.NET頁(yè)面；

（12）這樣，在設(shè)計(jì)視圖，我們將看到SQLDataSourceControl和MXDataGrid兩個(gè)控件出現(xiàn)在ASP.NET頁(yè)面

在這里，我們注意幾點(diǎn)，一是ASP.NET Web Matrix會(huì)工具指定的數(shù)據(jù)庫(kù)自動(dòng)設(shè)置SQLDataSourceControl的屬性；二是ASP.NET Web Matrix將自動(dòng)把MXDataGrid和SQLDataSourceControl綁定；

（13）保存并且運(yùn)行這個(gè)文件，我們剛才設(shè)計(jì)的myFirstDataGrid.aspx將自動(dòng)顯示在瀏覽器中，這個(gè)頁(yè)面包含了Orders表的所有數(shù)據(jù)，如果數(shù)據(jù)庫(kù)中的數(shù)據(jù)超過(guò)10行的話，MxDataGrid將每頁(yè)顯示10行并自動(dòng)對(duì)數(shù)據(jù)進(jìn)行分頁(yè)，在頁(yè)面的下放會(huì)出現(xiàn)頁(yè)面的鏈接；

通過(guò)以上的操作，數(shù)據(jù)表Ordrs的內(nèi)容就自動(dòng)通過(guò)網(wǎng)頁(yè)發(fā)布了，以上步驟看上去很多，其實(shí)具體設(shè)計(jì)的時(shí)候，就會(huì)很簡(jiǎn)單了。在這個(gè)簡(jiǎn)單的程序中，我們不需要編寫(xiě)一行代碼就建立了一個(gè)自動(dòng)分頁(yè)的數(shù)據(jù)發(fā)布頁(yè)面。
 
2、格式化MXDataGrid

上面我們使用了MxDataGrid的默認(rèn)樣式來(lái)發(fā)布數(shù)據(jù)表Orders的數(shù)據(jù)，盡管這個(gè)樣式還不錯(cuò)，但是，顯然我們不可能長(zhǎng)期只使用這個(gè)默認(rèn)的設(shè)置來(lái)顯示數(shù)據(jù)，所以，這一節(jié)我們將學(xué)習(xí)怎樣格式化MXDataGrid。

（1）打開(kāi)剛才我們?cè)O(shè)計(jì)的“myFirstDataGrid.aspx”；

（2）選擇MxDataGrid控件；

（3）在“Properties”（屬性）窗口中選擇“AllowPaging”屬性；

（4）將MxDataGrid的“AllowPaging”屬性設(shè)置為“False”，這一屬性將設(shè)置MxDataGrid是否具備數(shù)據(jù)分頁(yè)功能，這里我們?cè)O(shè)置為“False”

（5）然后，在“Properties”（屬性）窗口中選擇“Fields”屬性；

（6）出現(xiàn)“Collection Editor”對(duì)話框 在這里，我們將具體設(shè)置有關(guān)MXDataGrid數(shù)據(jù)字段顯示的一些屬性；

（7）將“HeaderText”屬性的“OrderID”修改為“編號(hào)”；

（8）點(diǎn)擊“Ok”按鈕，保存并且運(yùn)行這個(gè)頁(yè)面；

（9）通過(guò)這些設(shè)置，我們看到MXDataGrid中原來(lái)的OrderID列標(biāo)頭已經(jīng)改變?yōu)椤熬幪?hào)”

3、使用Data Code Builder

顯然，以上我們介紹的數(shù)據(jù)庫(kù)功能只能完成我們實(shí)際開(kāi)發(fā)工作的很小部分，要設(shè)計(jì)比較完善的數(shù)據(jù)庫(kù)應(yīng)用，我們需要更加強(qiáng)大的功能。Code Builder就是可以滿足這種要求，它是在代碼生成器的基礎(chǔ)上設(shè)計(jì)的，目的在于幫助用戶設(shè)計(jì)一些日常常見(jiàn)的功能模塊。ASP.NET Web Matrix本身已經(jīng)帶有一些Code Builder，包括一些專門(mén)用于數(shù)據(jù)庫(kù)設(shè)計(jì)的Code Builder。在下面的文章中，我們將介紹使用Select Code Builder來(lái)設(shè)計(jì)一個(gè)簡(jiǎn)單的搜索數(shù)據(jù)庫(kù)功能?，F(xiàn)在我們就來(lái)一步步實(shí)現(xiàn)這個(gè)功能。

（1）建立一個(gè)新的ASP.NET頁(yè)面，語(yǔ)言選擇為VB，文件名為myFirstDataPage.aspx;

（2）在設(shè)計(jì)視圖中，從“Web Control”選項(xiàng)頁(yè)選擇一個(gè)“TextBox”、一個(gè)“DataGrid”、一個(gè)“Button”控件到設(shè)計(jì)頁(yè)面在這里注意一點(diǎn)就是，這里我們選擇的是“DataGrid”控件，不是“MXDatGrid”控件；

（3）以上是“Design”設(shè)計(jì)視圖的設(shè)計(jì)，現(xiàn)在，我們點(diǎn)擊“Code”選項(xiàng)卡選擇代碼視圖；

（4）在代碼視圖的左邊，我們可以看到有“Toolbox”列，那里就有Code Builder選項(xiàng)卡，在Code Builder選項(xiàng)卡，我們選擇“Select”拖到設(shè)計(jì)區(qū)；我們看到，這里其實(shí)不止“Select”一個(gè)選項(xiàng)，還有其他“Insert”、“Delete”等，也就是說(shuō)，基本上常見(jiàn)的數(shù)據(jù)庫(kù)操作，都可以通過(guò)這里介紹的方法來(lái)完成。

（5）這時(shí)候，我們看到“Connect Database”對(duì)話框出現(xiàn)了，我們?cè)谶@里選擇“LocalHost”服務(wù)器中的“Orders”數(shù)據(jù)庫(kù)；

（6）這時(shí)候出現(xiàn)了名為“Construct Select Query”（建立數(shù)據(jù)庫(kù)選擇）的Code Builder向?qū)Вā癈ode Builder Wizard”）

（7）在以上界面的左邊“Tables”選擇我們需要查詢的數(shù)據(jù)表，這里，我們選擇“Orders”數(shù)據(jù)表；在右邊的“Columns”可以選擇需要查詢的數(shù)據(jù)列，在需要查詢的數(shù)據(jù)列前面打勾，如果需要查詢所有數(shù)據(jù)列，可以選擇“*”也可以點(diǎn)擊按鈕“Slect All”，這里，我們選擇“*”；這時(shí)候，我們可以看到在以上界面的“Preview”部分已經(jīng)出現(xiàn)了部分“Select”語(yǔ)句“SELECT [Orders].* FROM [Orders]”，我們看到是標(biāo)準(zhǔn)的Select查詢語(yǔ)句；

（8）點(diǎn)擊以上界面的“Where”按鈕，出現(xiàn)設(shè)置“Where”語(yǔ)句的“Where Clause Builder”界面，這個(gè)界面分左右兩個(gè)部分，左邊是Where語(yǔ)句等于號(hào)的左邊，右邊是Where語(yǔ)句等于號(hào)的右邊，在左邊的“Columns”列我們選擇“OrderID”，在右邊的“Filter”過(guò)濾輸入框，我們輸入“@OrderID”，這樣設(shè)置的意思是查詢“OrderID”等于變量“OrderID”的所有數(shù)據(jù)記錄，點(diǎn)擊“OK”按鈕，回到前面的界面，我們可以看到Select語(yǔ)句已經(jīng)改變?yōu)椋篠ELECT [Orders].* FROM [Orders] WHERE ([Orders].[OrderID] = @OrderID)；

 （9）在界面“Construct Select Query”選擇按鈕“Next”進(jìn)入下一個(gè)Code Builder Wizard，那就是查詢語(yǔ)句的“Preview”；

（10）在出現(xiàn)的“Query Preview”界面點(diǎn)擊“Text Query”按鈕來(lái)檢測(cè)前面設(shè)計(jì)的查詢語(yǔ)句，會(huì)出現(xiàn)一個(gè)設(shè)置@OrderID數(shù)值的對(duì)話框，我們這里設(shè)置為“1”；這里的意思就是選擇OrderId為1的數(shù)據(jù)行；

（11）點(diǎn)擊以上界面的“OK”按鈕，我們就可以直接看到查詢結(jié)果了

（12）以上我們看到了查詢語(yǔ)句測(cè)試運(yùn)行的結(jié)果是準(zhǔn)確無(wú)誤的，進(jìn)一步點(diǎn)擊按鈕“Next”；出現(xiàn)Code Builder Wizard的第三步，再這里，我們需要設(shè)置查詢函數(shù)的名字和查詢使用的方式；在這里，我們可以選擇“DataSet”和“DataReader”兩者方式來(lái)實(shí)現(xiàn)數(shù)據(jù)查詢；

（13）在以上界面，我們選擇“DataSet”方式來(lái)查詢數(shù)據(jù)，點(diǎn)擊按鈕“Finish”結(jié)束向?qū)?，這時(shí)候，我們可以看到“Code”視圖已經(jīng)增加了一個(gè)函數(shù)，這個(gè)函數(shù)就是剛才我們通過(guò)向?qū)Ы⒌摹癕yQueryMethod”函數(shù)；

Function MyQueryMethod(ByVal orderID As Integer) As System.Data.DataSet   
Dim connectionString As String = "server='localhost'; trusted_connection=true; Database='Orders'"   
Dim sqlConnection As System.Data.SqlClient.SqlConnection = New System.Data.SqlClient.SqlConnection(connectionString)   
    
Dim queryString As String = "SELECT [Orders].* FROM [Orders] WHERE ([Orders].[OrderID] = @OrderID)"   
Dim sqlCommand As System.Data.SqlClient.SqlCommand = New System.Data.SqlClient.SqlCommand(queryString, sqlConnection)   
    
sqlCommand.Parameters.Add("@OrderID", System.Data.SqlDbType.Int).Value = orderID   
    
Dim dataAdapter As System.Data.SqlClient.SqlDataAdapter = New System.Data.SqlClient.SqlDataAdapter(sqlCommand)   
Dim dataSet As System.Data.DataSet = New System.Data.DataSet   
dataAdapter.Fill(dataSet)   
    
Return dataSet   
End Function  

（14）點(diǎn)擊“Design”選項(xiàng)卡回到設(shè)計(jì)視圖，雙擊我們?cè)黾拥摹癇utton”按鈕，轉(zhuǎn)到“Code”代碼設(shè)計(jì)窗口；

（15）在代碼設(shè)計(jì)視圖增加以下按鈕事件代碼：

Sub Button1_Click(sender As Object, e As EventArgs)   
    
DataGrid1.DataSource =MyQueryMethod(CInt(TextBox1.Text))   
DataGrid1.DataBind()   
    
End Sub 

ASP.NET編程工具ASP.NET Web Matrix的相關(guān)介紹就到這里，希望通過(guò)介紹使你能夠了解ASP.NET編程工具ASP.NET Web Matrix的基本情況。

【編輯推薦】

1. ASP.NET編程模型之頁(yè)面生命周期十一步詳解
2. ASP.NET編程規(guī)范之界面設(shè)計(jì)標(biāo)準(zhǔn)淺析
3. ASP.NET編程規(guī)范之命名規(guī)范淺析
4. ASP.NET編程規(guī)范之編碼規(guī)范淺析
5. ASP.NET編程規(guī)范之測(cè)試規(guī)范淺析