2015年5月6日 星期三

Visual 2012 C# 快速製作簡單的線上申請表網頁,並將資料寫入資料庫內(Part 1) -- 20150506

緣由:

出於自身的懶惰,不想寫太多且複雜的程式碼,只想透過簡單拖拉方式就可以寫出一個線上申請單的網頁,但.....爬文找資料與實作測試卻花費我更多的時間...(哈哈哈),不可很慶幸的終究被我亂搞出來了。以下是我製作線上申請的方法,希望對初學者有所幫助。




步驟一、建立資料表,如下:













※將QID欄位設定為流水號編號。


























※建立好欄位後,將資料表(dbo.RequestList)儲存到資料庫中。















步驟二、設計網頁呈現畫面,將TextBox的屬性TextMode改成MultLine(多行)。

















步驟三、從工具箱內拖拉SqlDataSource元件,並設定資料來源。
























































































































































































※這邊有新增一個新的資料夾(photo),其主要是擺放上傳後的照片。













































































※這邊特別注意,還要多點選「顯示進階屬性」。



































































※此處為這篇最重的地方,假若PropertyName採用預設屬性FileBytes,到時候載入資料表時,會出現錯誤訊息「物件必須實作IConvertible」。所以PropertyName屬性必須改為FileNmae

































※此處是設計網頁時,漏掉Label控制項,在這裡將其補上。












































步驟三、準備開始寫程式碼,連擊「送出」鈕,並觸發Button Click事件。




















※在Button_Click事件中,輸入黃色區塊程式碼。








































程式碼如下:

        try
        {
            SqlDataSource1.Insert();
            Label1.Text = "<br>申請單已成功送出!!";
        }
        catch(Exception ex)
        {
            Label1.Text = ex.Message; 
        }





步驟四、執行測試。














































步驟五、開啟資料庫檢測是否有將資料寫入資料表中。









































結論:

根據上述的方法,可以很簡單地把前端網頁輸入的資料,寫到指定的資料表內,但是有一個很大的缺點,就是無法將夾檔的圖片上傳到指定的資料夾(photo)中。下篇會針對照片上傳到指定的資料夾中做解說。老實講,想透過懶惰的方式製作網頁,反而花費更多的時間在摸索查詢,不過看見自己突破瓶頸,並可以成功製作出來,這一切的辛苦也算是有代價。


















沒有留言:

張貼留言