乾貨——asp.net快速上手教程1

教程內容為asp.net基礎(真的很基礎),希望每一個看完這個系列教程的朋友都能夠上手做一些簡單的小項目~~

開發工具:vs2015


新建一個web項目

乾貨——asp.net快速上手教程1

文件->新建->項目 ->C#->asp.net web應用程序

新建一個web窗體

乾貨——asp.net快速上手教程1

項目右鍵->添加->web窗體

web窗體的組成

乾貨——asp.net快速上手教程1

一個web窗體由三個文件組成

  • index.aspx 這個文件主要用於當前的頁面的佈局,使用HTML5的標籤語法加上一些asp.net 的控件組成這個頁面

  • index.aspx.cs 這個文件是用於處理當前頁面的一些業務邏輯

  • index.aspx.designer.cs 這個文件是用於定義一些頁面中所使用的控件的對象


現在已經有了一個頁面,我們需要在這個頁面中添加一些內容

乾貨——asp.net快速上手教程1

添加一行文本

乾貨——asp.net快速上手教程1

效果


現在我們可以開始瞭解一下asp.net的控件,然後利用這些控件快速的構建出一個web應用

首先,我們要找到vs左側的工具欄

乾貨——asp.net快速上手教程1

工具欄

在這些工具欄中用許多可以直接使用的控件,能夠幫助我們快速的完成開發。接下來幾天的教程,我給大家介紹幾個常用的控件。


常用控件

Button(按鈕)

乾貨——asp.net快速上手教程1

Button的使用

點擊拖拽過來的控件,找到右下角的屬性框,我們可以在裡面設置這個控件的基本屬性

乾貨——asp.net快速上手教程1

屬性框

下面我給大家介紹幾個常用的屬性

ID——這個是當前使用的Button控件的對象名,便於我們在後臺代碼中使用

BackColor——這個是控件的背景顏色

BorderColor——這個是控件的邊框顏色

Height——這個是控件的高度

Width——這個是控件的寬度

Text——這個是控件的顯示內容

瞭解了這些簡單的屬性之後,我們再來看看一些簡單的事件,對於Button控件,我們主要學習一下

點擊(Click)事件

在屬性框的旁邊找到一個小閃電的圖標,點擊一下就是這個控件所擁有的事件

乾貨——asp.net快速上手教程1

事件框

找到第一個Click,這個事件是在這個按鈕按下去是觸發的,雙擊一下這個事件,會跳轉到後臺代碼,並自動生成一個函數,這個函數就是事件函數,即事件觸發的時候會系統會執行這個函數中的代碼

下面我們在這個函數中寫幾段代碼

protected void Button1_Click(object sender, EventArgs e)

{

Button1.Text = "HelloWorld";//修改控件的顯示文本內容

Button1.Height = Unit.Pixel(100);//設置控件的高度

}

乾貨——asp.net快速上手教程1

點擊前

乾貨——asp.net快速上手教程1

點擊後

這就是Click事件的效果,當我點擊了這個按鈕時,他就執行了剛才的那些代碼,修改了文本並且修改了高度

這就是Button的基本用法了


因為篇幅關係,今天就先寫到這裡,明天繼續講其他的控件,完成之後還有一個小小的項目實戰,有什麼意見的朋友可以在評論裡留言,如果有大神發現了什麼錯誤,也請多多指教~~



分享到:


相關文章: