2009/02/04

.Net 的第一堂課的筆記

公司交待了新任務,就是要學習 .Net ,這對我來說也是好事一件,一樣的,在這一個不景氣的時代,公司交待什麼就去做就對了,畢竟保住飯碗是目前最重要的事情,而且多學一樣技術,對未來的發展應該是只有好沒有壞,感謝公司的同仁擔任老師,今天學的還不少,像是學會怎麼使用Visual Studio 來開發程式啦~~還有 Label, TextBox, Button, DropDownList, FileUpload 等元件的使用等等。
一開始,老師先教我怎麼啟動Visual Studio以及如何開一個新的WebSite,並且做相關的喜好設定,不過這些設定依個人喜歡進行設定,沒有一定的規則。
  1. 「工具」-->「選項」:在左下方先勾選「顯示所有設定」:會發現上方的選項會增加許多。
  2. 點選上方選項「專案和方案」,在選邊勾選「永遠顯示方案」
如何創建一個網站專案?
  1. 從「檔案」-->「新增專案」,因為我們是要建的是網頁程式(web application)所以請選擇「Visual C#」-->「Web」,在右邊的選項請選擇「ASP .NET Web應用程式」。
  2. 在下方的「名稱」請填寫你專案的名稱,例如 "JulianWebApplication",並且填寫此專案的位置,例如 "d:\Visual Studio 2008\Projects"。
  3. 按下「確定」即可
我所使用的是Visual Studio 2008,搭配的是 .Net 3.5
寫了幾個簡單的元件操作:
  • 在網頁上輸入姓名,然後顯示「xxx 歡迎您」。
  • 創建一個下拉式選單,選擇 item 後,出現 「您最喜歡吃的是 xxx 嗎?」。
  • 上傳檔案到 web server 上。
其實整個使用起來,感覺跟以前學的 VB 有點像,就是每一個元件都有它所屬的屬性,例如一般常見的 "字體大小"、"字體顏色"、"元件名稱" 等等的屬性,並且每一個元件也有相對應的 Action ,例如說,"按了這一個按鈕之後的重作" 、 "輸入完文字欄後的動作" 、 "選擇下拉選項之後的動作" 等等的 Action ,那 Action 裡面就可以呼叫很多的 Function 來做你所想要做的事情。以下就簡單的說明我是怎麼做的囉!
  • 在網頁上輸入姓名,然後顯示「xxx 歡迎您」,如下圖。
  1. 在左邊的「工具箱」-->「標準」拖拉「Label」元件,並修改「屬性」-->「Text」為 "請輸入姓名"
  2. 在左邊的「工具箱」-->「標準」拖拉「TextBox」元件,置於Label右方,並修改「屬性」-->「(ID)」為 "TextName"
  3. 在左邊的「工具箱」-->「標準」拖拉「Button」元件,置於「請輸入姓名」的下方,並修改「屬性」-->「Text」為 "登入"
  4. 在左邊的「工具箱」-->「標準」拖拉「Label」元件,並修改「屬性」-->「Text」將其它容清除。
最終的設計結果如下圖:

之後請雙擊「登入」,即可看到 Button1_Click 的Method,請在Button1_Click Method 中加入以下二行並存檔執行,即可以看到執行結果。
protected void Button1_Click(object sender, EventArgs e)
{
string strName = TextName.Text;
LabelOutput.Text = strName + "歡迎您";

}

在創建一個專案或是網站的之後,會在其相對應的目錄中產生 .sln 的檔案,欲開啟舊專案或網站時,請點選 .sln 的檔案即可。

一個 ASP.NET 的網頁,會產生二個檔案:
當我們創建一個 ASP.NET 的網頁,會產生二個檔案,副檔 .aspx 是網頁的 layout,而副檔 .aspx.cs 是網頁的程式碼,如Button Action。
若要將外部的 ASP.NET 網頁加入現在的網站或專案中,必須將檔案複製或是搬移到網站或專案的目錄中,加入之後,在方案總管的上方點選「重新整理」的按鈕即可。

上了三小時的課,回家做了一些功課,內容如下:
  • 使用者進登入畫面,輸入帳密碼
  • 驗證失敗則回到登入畫面,成功則進入主畫面 (帳號、密碼檔為XML File)
  • 主畫面中有一個連結可以進個人資料畫面
  • 個人資料畫面可以上傳圖檔
檔案可參考這裡…要看更多的範例請看這裡

沒有留言: