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

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

2008-11-18

[習題]簡單的搜尋引擎 + CheckBoxList（條件可複選）

CheckBoxList用來輸入「搜尋條件」，想作一個簡單的搜尋引擎。
但卻發現了一個問題？？？？

CheckBoxList明明是用來作「複選」，但這個範例中卻只能作單選？？？WHY？？

這是我在藍色小舖看見的問題，我想初學者應該會卡住，所以順手寫了解答給大家參考。

http://www.blueshop.com.tw/board/show.asp?subcde=BRD20081116162920FFF&fumcde=FUM20041006161839LRJ&rplcnt=0

他要作的東西也很簡單，就是透過 CheckBoxList挑選條件，然後搜尋到的資料，呈現在GridView上面。（如下圖）

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

這位發問者，看起來程度已經不錯，對於SqlDataSource的設定已經很純熟，

但為何會遇見問題呢？

 

原因就在於：他要用 CheckBoxList來作搜尋的條件，而 CheckBoxList是用來作「複選」的。

偏偏 SqlDataSource的設定參數（直接在精靈畫面上，一步一步地設定），只能使用單一值來作。

複選的答案就不行囉！

    <asp:SqlDataSource ID="SqlDataSource1" runat="server"
        ConnectionString="<%$ ConnectionStrings:testConnectionString %>"
        SelectCommand="SELECT [test_time], [id], [class], [title] FROM [test] WHERE ([class] LIKE '%' + @class + '%')">
        <SelectParameters>
            <asp:ControlParameter ControlID="CheckBoxList1" Name="class" 
                PropertyName="SelectedValue" Type="String" />  

                註解：這邊用的SelectedValue只能用單一值，複選的答案就沒效囉！
        </SelectParameters>
    </asp:SqlDataSource>

 

 

解法很簡單，就是要自己寫一點程式。程式也很短！不用怕！

這個程式，可以讓初學者學到---- SqlDataSource產生的許多SQL指令，可以放在後置程式碼來作。

 

HTML畫面設計：

 

 

以下是HTML畫面的原始碼，重點有：

  • GridView已經設定好 SqlDataSource1。（例如：GridView裡面，已經有 DataSourceID = "SqlDatasource1"）
  • SqlDataSource1只留下「資料庫連接字串」，但SQL指令一片空白！！！！我用紅色框框標明～

 

 

接下來，撰寫後置程式碼，很簡單。

如果您看不懂的話，先從我另一個範例學起。

 

1.  多欄位的搜尋引擎，http://www.dotblogs.com.tw/mis2000lab/archive/2008/04/25/3503.aspx

2. 本書的第十章，最後一個大範例，對於這些東西也有講到，很有參考價值！

 

簡單地說，當您挑選好 CheckBoxList的選項（作了「複選」）之後，按下按鈕就會執行程式。

這時候，才透過程式，把您在 CheckBoxList挑選的數個子選項（Item）給組合起來。

1         string Search_String = "";
2
3         for (int i = 0; i < CheckBoxList1.Items.Count; i++)
4         {
5             if (CheckBoxList1.Items[i].Selected)
6             {
7                 Search_String += CheckBoxList1.Items[i].Text + ",";
8             }
9         }


 

[廣告]上述 CheckBoxList範例，在本書（上集 / ASP.NET 專題實務）第三章就有提過。

        市面上的ASP.NET書籍，沒有人把 Web控制項 講的這麼詳細，每個都附上範例的！

        你還不買！真是對不起我蒐集這麼多範例了

 

程式的最後，才手動組合成 SqlDataSource的「SelectCommand」。這也是本範例比較特別的地方。

 

很多初學者都沒見過 SqlDataSource的 SelectCommand / UpdateCommand..等等，

可以在執行階段（後置程式碼）裡面去作。

可以參考一下。本書的（上集 / ASP.NET 專題實務）第十章也有講到很多！

但是上面這支程式，為了遷就 SqlDataSource產生的指令與參數，作了很多的讓步，導至程式寫得不好，有些漏洞。 

 

2008/11/19補充：謝謝 Allen Kuo的提醒，我把程式稍作了修改：

        1.  防堵使用者不點選任何選項。

        2. 拼湊出來的SQL指令，會搜尋得更好一點。

 

修改後的 C# 程式如下：

01     protected void Button1_Click(object sender, EventArgs e)
02     {
03         string Search_String = "";
04         Boolean u_select = false;
05         int word_length = 0;
06
07         for (int i = 0; i < CheckBoxList1.Items.Count; i++)
08         {
09             if (CheckBoxList1.Items[i].Selected)
10             {
11                 Search_String = Search_String + " [class] LIKE '%" + CheckBoxList1.Items[i].Text + "%' or ";
12                 u_select = true;   //使用者有點選任何一個CheckBoxList子選項
13             }
14         }
15
16         if (u_select)
17         {
18             word_length = Search_String.Length;  //計算 Search_String的字串長度，VB語法為Len(Search_String)
19             Search_String = Left(Search_String, (word_length - 3));
20             //因為C＃語法沒有 Left()函數，所以要自己寫！請看最下方。
21             //刪去最後三個字 「or 」
22             
23             Label1.Text = Search_String;
24         }
25         else
26         {
27             Label1.Text = "您尚未點選任何一個CheckBoxList子選項";
28             //Response.End();    //建議改成 return跳離。
29             return;
30         }        
31
32         //=======================================
33         //== SqlDataSource1 資料庫的連接字串 ConnectionString，
34         //== 已事先寫在「HTML畫面的設定」裡面            ==
35         //=======================================
36         SqlDataSource1.SelectCommand = "SELECT [test_time], [id], [class], [title] FROM [test] WHERE " + Search_String;
37         //這次不使用 SqlDataSource提供的@參數
38     }
39
40
41     //因為C＃語法沒有 Left()函數，所以要自己寫！
42     public static string Left(string param, int length)
43     {
44         //we start at 0 since we want to get the characters starting from the
45         //left and with the specified lenght and assign it to a variable
46         string result = param.Substring(0, length);
47         //return the result of the operation
48         return result;
49     }

 

 C# 補充說明：

1.  如果使用者未點選任何一個子選項，建議以  return跳開程式，並給予警告訊息。會比上述的 Response.End()來得好。

2. 下方的 Left()函數，因為是單一程式使用，可以免去 宣告時的 Static字眼。

3. 因為在HTML畫面，已經設定好GridView的 DataSourceID = "SqlDatasource1"，所以不用寫 GridView.DataBind()。

 

VB版 程式如下：

01     Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
02         Dim Search_String As String = ""
03         Dim u_select As Boolean = False
04         Dim i, word_length As Integer
05
06         For i = 0 To (CheckBoxList1.Items.Count - 1)
07             If (CheckBoxList1.Items(i).Selected) Then
08                 Search_String = Search_String & " [class] LIKE '%" & CheckBoxList1.Items(i).Text & "%' or "
09                 u_select = True    '--使用者有點選任何一個CheckBoxList子選項
10             End If
11         Next
12
13         If (u_select = True) Then
14             word_length = Len(Search_String)    '--計算 Search_String的字串長度，VB語法為Len(Search_String)
15             Search_String = Left(Search_String, (word_length - 3))
16             '--刪去最後三個字 「or 」
17
18             Label1.Text = Search_String
19         Else
20             Label1.Text = "您尚未點選任何一個CheckBoxList子選項"
21             '--Response.End()    '--改成 Exit Sub 跳開這個副程式
22             Exit Sub
23         End If
24
25         '=======================================
26         '== SqlDataSource1 資料庫的連接字串 ConnectionString，
27         '== 已事先寫在「HTML畫面的設定」裡面 ==
28         '=======================================
29         SqlDataSource1.SelectCommand = "SELECT [test_time], [id], [class], [title] FROM [test] WHERE " & Search_String
30         '--這次不使用 SqlDataSource提供的@參數
31     End Sub

 

 

 ====================================================================================

最後，要跟各位報告一下，

這個程式的後置程式碼，參考一下還勉強可以啦！

但這個範例本身的「實用性」很低！！

你要作搜尋，當然是越精準越好，搜尋條件最好不要搞「複選」這樣會越找越 "發散"、越"模糊".....

 

以下又是廣告了～～～～

講完了，下面廣告的這本書（上集 / ASP.NET 專題實務），希望各位踴躍購買，

我相信：對初學者真的有幫助！

很多其他書不講的細節，我都做成範例一一解釋了。

光是 GridView就有五大章（250頁）、Web控制項包含範例約100頁。都是其他書作不到的。

真的是誠意十足！

 

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

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

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

線上課程教學，遠距教學 (ASP.NET MVC 約 140hr)  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