iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 29
0
自我挑戰組

我要努力成為軟體後端工程師!系列 第 29

Day 29-ASP.NET & SQL資料庫製作留言板(中)

  • 分享至 

  • xImage
  •  

-前集提要-

要如何把留言的資料(ASP.NET)存到資料庫(MSSQL)的留言板。會使用到的工具有ASP.NETC#MSSQL

上篇的主要步驟為創立SQL資料庫ASP.NET新專案,建立Web form專案加入連接字串編輯資料行開啟GridView內的TemplateField放個HyperLink新增留言頁面製作將留言的資料傳入資料庫留言空格設置不能為空白內容

留言板-上篇

繼續接著來講後面的步驟。


中篇的部分,步驟會分為首頁顯示資料表的資料建立留言內容的頁面設定連結到主頁設定連結到顯示留言的內容建立回覆內容頁面

首頁顯示資料表的資料

延續上篇,應該已經完成新增留言資料到SQL資料庫和留言板的基本版面,按下確定留言的下一刻會跳轉到Message_Index.aspx頁面(如果沒有,要回去上篇檢查看看,是哪裡沒做好或是語法沒寫對)

現在這篇留言板的中篇,要製作將留言的資料表顯示在Message_Index.aspx;目前為止的步驟,已經有將GridView的表格拉出來,並且跟留言資料表做繫結了,所以在Message_Index.aspx.cs的Page_Load要讓資料表資料顯示在上面。

使用DataSet
資料設定

語法解釋

  1. DataAdapter:取得SqlCommand內SQL的資料。

  2. DataSet:創立準備存放資料的記憶體資料集。

  3. dataAdapter.Fill:將取得的資料存入記憶體資料集中。

  4. DataBind:將資料與控制項做繫結。

DataSet參考資料


建立留言內容的頁面

接著得步驟要創立一個新的Web表單,命名:Message_Main.aspx,是要用來顯示留言的內容的頁面,並將需要用到的控制項工具拉好。範例如下圖所示:
頁面


設定連結到主頁

到Message_Index.aspx對GridView選編輯樣板,找到主題,會看到之前放好的HyperLink控制項

將HyperLink編輯,NavigateUrl的欄位處,自訂程式碼運算式寫上:
"Message_Main.aspx?id="+Eval("id")

確定有完成並做對的情況下,就可以點擊連接到Message_Main,且會在網址上抓取點開欄位的id資料(是id不是編號唷!)。


設定連結到顯示留言的內容

使用DateReader讀取資料
將留言資料庫內的資料顯示在Message_Main上,範例如下圖所示:
頁面

語法解釋
1.Connection : 與資料庫建立起連接的通道。
2.Command: 下達SQL語法指令。
3.ExecuteReader: 通知資料庫執行Command所下達的SQL語法指令,並回傳資料。
4.Read(): 使DataReader開始一行一行的讀取資料列。

DataReader參考資料


建立回覆內容頁面

創立一個叫Message_Reply.aspx,是用來回應留言的頁面。並從設計頁面的工具箱拉一個控制項跟html:

程式碼
設計

然後在Message_Main.aspx點擊回應留言按紐會自動跳到,Message_Main.aspx.cs,Click動作裡面打上:

Response.Redirect("Message_Reply.aspx?id="+Request.QueryString["id"];

執行的時候,這樣就可以跳轉過去Message_Reply.aspx了。


中篇的留言板製作介紹就先到這邊,接下來的下篇就會完成整個留言板了。


上一篇
Day 28-ASP.NET & SQL資料庫製作留言板(上)
下一篇
Day 30-ASP.NET & SQL資料庫製作留言板(下)
系列文
我要努力成為軟體後端工程師!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言