[習題]簡單的搜尋引擎 + 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 約 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.主講   事先錄好的影片,並非上課側錄!   觀看時,有如「一對一」面對面講課