ASP.NET專題實務 WebForm + MVC線上教學影片 -- MIS2000Lab.

MIS2000 Lab.已推出20餘本電腦書，曾任資策會專任講師與微軟MVP。自.NET 1.x起，已出版15本ASP.NET (Web Form)書籍，也有遠距教學 線上教程 教學影片

2008-09-22

ADO.NET #5，自己設定畫面，讓SqlDataSource幫我們撈（呈現 .Seclect()）資料

我想用其他的 Web控制項來展示資料，例如：TextBox、Label這些簡單的Web控制項，該怎麼作呢？

這種簡單型的Web控制項，就要自己動動手寫一點程式，才能完成！

這個範例，我們同時以 DataReader與 DataSet兩種方法來撰寫。




本文內容需要具備一些基礎，不建議初學者觀賞。

千萬不要為SqlDataSource "動手" 寫程式

本文的範例，我只是寫給大家看，SqlDataSource其實骨子裡面就是「ADO.NET」
寫法與流程都一樣。

您千萬不要為了「SqlDataSource精靈」寫程式。讓他來服務你，你不用服務他！你才是主人！！！！

本範例採用的 test資料表，與本書範例相同，這些範例來不及在書上發表，如今在網路上為讀者介紹，當成售後服務。
請您具備本書 GridView第九章、ADO.NET第十三＆十四章的基礎後，才來觀摩本範例。

已經購買本書的讀者，這幾個範例，可以當成書本 14.2節 的後續補充文章。   希望對大家有幫助。


 

 前  言

一般來說，我們提到 SqlDataSource或是AccessDataSource，都是透過 GridView / ListView這種大型的、多功能的「資料繫結控制項」。

因為兩者搭配（DataSource控制項 + 資料繫結控制項），有方便的精靈畫面，一步一步完成後，就OK啦。

簡單又方便、功能又強大。各位可以簡單的看看我寫的這篇文章(PDF檔).....文章下載。

 

但是，如果客戶不想用固定的樣版，非得自己設計不可。

想用其他的 Web控制項來組合、展示資料，例如：TextBox、Label這些簡單的Web控制項，該怎麼作呢？

這種簡單型的Web控制項，就要自己動動手寫一點程式，才能完成！

 

上一篇文章，我們已經完成「新增（Insert）」資料的範例，現在我們將要利用「SqlDataSource幫我們完成的 Select指令」，自己設定 [資料輸出] 的畫面。

這個範例在MSDN文件上找不到，因為SqlDatasource的 Selecting事件沒範例，所以我整理一下分享出來。

 

先看看執行成果吧（畫面如下），

當我們點選 DropDownList 的文章標題，

底下的幾個 Label / TextBox控制項，就會出現這篇文章  各個欄位的內容。

---------------------------------------------------------------------------------------------------------------------------------

這個範例，我們同時以  DataReader與 DataSet 兩種方法來撰寫（共有兩支程式）。

如果您不懂 ADO.NET、DataReader與 DataSet.....請看看這篇文章----初探ADO.NET #2，DataReader 與 DataSet（資料集）

--------------------------------------------------------------------------------------------------------------------------------- 

動手寫程式  ---- 完成上面的基礎觀念後，我們開始寫程式

 1.  HTML畫面設計。

上方，我們使用 DropDownList控制項 + SqlDatasource（名為SqlDataSource_dropdownlist）。完整設定畫面，可以參考本書 9.4節（P.9-46頁），這是很入門的基礎設定（或參考下圖）。

下方，有一個 Label控制項、數個 TextBox控制項，拉進來就好，不特別。

最下方還有一個 SqlDataSource1，這個滿重要的！我整本書的第九章，都在練習這個設定。請看本書9.5.1節，SqlDataSource的「WHERE」子句，這裡設定很重要，學會了可以有很多變化。

（以DataReader 來寫，先把 SqlDataSource1的 DataSourceMode屬性設定為 DataReader）

 

HTML畫面原始碼如下（ .aspx檔案）（DataReader版）：

01     <asp:DropDownList ID="DropDownList1" runat="server"  
02         AutoPostBack="True" DataSourceID="SqlDataSource_dropdownList" DataTextField="title"  
03         DataValueField="id">
04         </asp:DropDownList>
05     </span>
06     <asp:SqlDataSource ID="SqlDataSource_dropdownList" runat="server"  
07         ConnectionString="<%$ ConnectionStrings:testConnectionString1 %>"  
08         SelectCommand="SELECT [id], [title] FROM [test]"></asp:SqlDataSource>
09         <br class="style3" />
10         <span class="style3">文章的詳細內容，會出現在下面的控制項</span><br class="style3" />
11         <br />
12     id ----<asp:Label ID="Label_id" runat="server"></asp:Label>
13     &nbsp;&nbsp;&nbsp; <span class="style1"> <span class="style5">[DataReader版]</span></span><br />
14     <br />
15     Title----<asp:TextBox ID="TextBox_title" runat="server"></asp:TextBox>
16     <br />
17     <br />
18     Summary--<asp:TextBox ID="TextBox_summary" runat="server"></asp:TextBox>
19     <br />
20     <br />
21     Article--<asp:TextBox ID="TextBox_article" runat="server" Height="150px"  
22         TextMode="MultiLine" Width="480px"></asp:TextBox>
23     <br />
24     <br />
25     Author--<asp:TextBox ID="TextBox_author" runat="server"></asp:TextBox>
26     <asp:SqlDataSource ID="SqlDataSource1" runat="server"  
27         ConnectionString="<%$ ConnectionStrings:testConnectionString1 %>"          
28         
29         SelectCommand="SELECT [id], [title], [summary], [article], [author] FROM [test] WHERE ([id] = @id)"  
30         DataSourceMode="DataReader" >
31         <SelectParameters>
32             <asp:ControlParameter ControlID="DropDownList1" Name="id"  
33                 PropertyName="SelectedValue" Type="Int32" />
34         </SelectParameters>
35     </asp:SqlDataSource>

 

---------------------------------------------------------------------------------------------------------------------------------

2. 後置程式碼 （第一支程式，DataReader版）

  • 重點---- 10~11行，用 IDataReader接住「撈出來的資料」，再由其他Web控制項來呈現。
  •  
  • 必須用 .Read() 進行讀取，才會成功（這是DataReader的特性）
01 Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles DropDownList1.SelectedIndexChanged
02         SqlDataSource1.DataSourceMode = SqlDataSourceMode.DataReader
03         '== 如果 DataSourceMode 屬性設為 DataReader 值，則會傳回 IDataReader 物件。
04         '== 當完成讀取資料時，請關閉 IDataReader 物件。
05
06         Dim args As New DataSourceSelectArguments
07         '== DataSourceSelectArguments 提供一項機制，讓資料繫結控制項於擷取資料時，
08         '== 用來向資料來源控制項要求資料相關的作業。
09
10         Dim I_DR As IDataReader = CType(SqlDataSource1.Select(args), IDataReader)
11
12         I_DR.Read()  '*****  重點！！ *****
13
14         Label_id.Text = I_DR.Item("id").ToString()
15         TextBox_title.Text = I_DR.Item("title").ToString()
16         TextBox_summary.Text = I_DR.Item("summary").ToString()
17         TextBox_article.Text = I_DR.Item("article").ToString()
18         TextBox_author.Text = I_DR.Item("author").ToString()
19
20         '== 當完成讀取資料時，請關閉 IDataReader 物件。
21         I_DR.Close()
22         I_DR.Dispose()
23 End Sub

 

 

後置程式碼 （第二支程式，DataSet版） 

  • 倘若要改成 DataSet的寫法，  上一個步驟的HTML畫面（.aspx檔案）。先把 SqlDataSource1的 DataSourceMode屬性設定為 DataSet
  •  
  • 重點----用 DataView接住「撈出來的資料」，再由其他Web控制項來呈現。
01 Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles DropDownList1.SelectedIndexChanged
02         Dim args As New DataSourceSelectArguments
03         '== DataSourceSelectArguments 提供一項機制，讓資料繫結控制項於擷取資料時，
04         '== 用來向資料來源控制項要求資料相關的作業。
05
06         Dim dv As DataView = CType(SqlDataSource1.Select(args), DataView)
07
08         Label_id.Text = dv.Table(0).Item("id").ToString
09         TextBox_title.Text = dv.Table(0).Item("title").ToString()
10         TextBox_summary.Text = dv.Table(0).Item("summary").ToString()
11         TextBox_article.Text = dv.Table(0).Item("article").ToString()
12         TextBox_author.Text = dv.Table(0).Item("author").ToString()
13
14         dv.Dispose()
15 End Sub

 

 

---------------------------------------------------------------------------------------------------------------------------------

程式執行畫面如下：

當我們點選 DropDownList 的文章標題，

底下的幾個 Label / TextBox控制項，就會出現這篇文章  各個欄位的內容。

 --------------------------------------------------------------------------------------------------------------------------------- 

 

 本文介紹的兩個程式，請由此下載----Sample_2.rar

很多基礎的東西，如果您看不懂，可能是一些基礎還不穩固。

本文是補齊書本內的不足、也是本書的售後服務，（假設本文的讀者已經有基礎、或是看完本書了）因此很多基礎設定都跳過去了，請見諒。

 

 

後  記

自從ASP.NET 2.0面市以來，因為新功能太多了（介紹不完），很少有書本會介紹 ADO.NET，

大多以 SqlDatasource或  AccessDataSource來解說。

甚至有人說：「SqlDataSource已經取代 ADO.NET」（大錯特錯的說法！） 

ADO.NET才是 .NET資料存取的核心，地位等同於以前ASP時代的「ADO」，不可能被取代。

 

只會使用 SqlDataSource現成的設定、精靈，一下子就遇見瓶頸了。

很多討論區都有類似的問題，初學者學會一些VS 2005/2008的操作後，終究還是得面臨ADO.NET的實作！

要更進一步提升功力，還是要瞭解ADO.NET觀念、動手實作！

 

我出版的書，對於ADO.NET觀念（第十三章） 與 手寫ADO.NET程式（第十四章），花了兩大章去介紹各種範例（合計124頁），是一大特點。希望對大家有幫助。

 

 

我的書上市了，煩請賞光、支持一下。   感恩～

ASP.NET 4.0 專題實務（松崗出版），本書有VB、C＃兩種版本！

本系列 ADO.NET 共有下面文章：

範例：

 

===  最後要打一下廣告  ==========================

 

1.  如果您覺得我的描述、寫作方式，符合您的胃口。

2.  如果您看完以後，知道我寫書、介紹一些控制項或是技術........不是「混過去」、「帶過去」而已，而是真真確確地蒐集 "有用的範例"，讓您學得更深入！

3.  如果您覺得：我出完書以後，還不定期地提供售後服務，提供補充教材......這樣的互動是 "良性"的，是值得鼓勵的。......已經推出 兩百多篇 補充範例了

4. 如果您（尤其是學生）真的想把基礎學好，而不是 "混"過這一門課就好、而不是寫個（畢業專題的）屍體出來交差（能畢業就好）.....那麼.......

 

請您購買下面的書籍，

東西多到您學不完

上 / 下兩集，兩本書的厚度（我蒐集的各種範例）將近 兩千頁 ！！......絕對不會讓您失望

 

 

 

 

 

 今日值班正妹，白歆惠。

圖片來源：http://buy.yahoo.com.tw/gdsale/gdsale.asp?gdid=1075020

        設計對白：不好好學習ASP.NET，白老師會打你的小屁屁喔！

 

我將思想傳授他人， 他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

線上課程教學，遠距教學 (Web Form 約 51hr)  https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

線上課程教學，遠距教學 (ASP.NET MVC 約 135hr)  https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

 

寫信給我，不要私訊 --  mis2000lab (at) yahoo.com.tw  或  school (at) mis2000lab.net

 (1) 第一天 ASP.NET MVC5 完整影片（5.5小時 / .NET 4.x版）免費試聽。影片 https://youtu.be/9spaHik87-A 

 (2) 第一天 ASP.NET Core MVC 完整影片（3小時 / .NET Core 6.0~8.0）免費試聽。影片 https://youtu.be/TSmwpT-Bx4I 

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm  。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b  


ASP.NET遠距教學、線上課程（Web Form + MVC）。 第一天課程， "完整" 試聽。 

.........   facebook社團   https://www.facebook.com/mis2000lab   ......................

.........  YouTube (ASP.NET) 線上教學影片  https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/

 

Blog文章 "附的範例" 無法下載，請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍（嚴格認定）。

...................................................................................................................................................... 

ASP.NET MVC  => .NET Core MVC 線上教學  ...... 第一天課程 完整內容 "免費"讓您評估 / 試聽

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了！MIS2000Lab.主講   事先錄好的影片，並非上課側錄！   觀看時，有如「一對一」面對面講課。

 

 

 

贊助商連結

BloggerAds