2015年3月19日 星期四

Visual 2012 C# 快速製作簡單的網頁,並將資料寫入資料庫內(Part 1) -- 20150319

緣由:

因目前公司要所有的電腦科室的人員加入開發系統的行列,但小弟本身就是對這塊比較不熟悉,故都是照的書上的範例練習,於是小弟比較偷懶,想藉助拖拉的方式,將網頁畫面製作出來,而程式碼盡可能寫越少越好。接下介紹比較簡單的方式,製作一個簡單可讀、寫的網頁。




步驟一、先建立一個資料庫TestDB,並開三張資料表(Customer、QA、Site),如下:

※CustID、qaID、SiteID都設定成自動產生編號。














步驟二、將網頁的畫面透過控制項工具製作完成,且執行看預覽畫面。(如下圖)























步驟三、從「資料」選項中,拖拉出「SqlDataSource」控制項到畫面上。
































點選「SqlDataSource1」,並設定[發問者]的資料(資料庫)來源。






















































※設定IP位址或名稱(※此處「點號」代表SQL Server安裝在這台電腦上),並輸入sa的帳號與密碼,最後在選擇在將資料從哪個資料庫(TestDB)讀取或存入。











































































※選擇[發問者]的資料表,並勾選其欄位。(※此欄位到時候會用到)







































































步驟四、點選「DropDownList」控制項,並選擇資料來源(※剛才設定的SqlDataSource1)。


















※此處有兩個資料欄位要選擇,這對下拉式選單來說,是非常重要的。攸關是否可從[資料表]帶出值,且當寫入資料表時,是否不會跳出錯誤訊息。

































※同理,依照上述步驟,也將[地點]的資料表[Site]做好連結(SqlDataSource2)。此時連線字串,可一直無限重複使用。























































































※針對上述都設定好後,執行預覽畫面。(如下圖)






















步驟五、先拖拉「SqlDataSource3」放置網頁畫面上,因為「SqlDataSource3」攸關網頁上的欄位寫入資料表中,故此步驟是很重要的。



























根據上述操作「步驟三」再重複操作一遍。(※唯一不同的地方,必須點選「進階」鈕。)




































進入「進階...」後,要勾選「產生INSERT、UPDATE和DELETE陳述式」。有時候「進階..」中沒辦法勾選「產生INSERT、UPDATE.....」,原因是在設資料表時,沒有給主索引鍵的關係。





















步驟六、點選「SqlDataSource3」,再選擇「InsertQuery」屬性。

根據網頁上面的資料欄位,設定對應的「參數來源」。※此處影響資料是否可以寫入資料表中。





 ※對應都設定完之後,測試查詢是否可帶出資料。





































步驟七、點選「送出」鈕,觸發Button_Click事件。(※準備開始寫程式碼)

























步驟八、根據下圖程式碼照抄即可!!!



步驟九、測試是否可以加資料寫入資料表中。











































步驟十、直接開啟資料表,查看是否剛才那筆資料是否有寫入。


























結論:

懶惰的人會想辦法找出簡單的作法,來達相同的目的,本人是想用最少的程式碼來達到想要的結果,藉由自己亂摸索與參考書本上,最後不小心搞出來的心得。


































































































































沒有留言:

張貼留言