ASP.NET WebForm
C/S(Client/Server):客戶端服務器
B/S(Browser/Server):瀏覽器服務器
C/S和B/S的區別:
首先必須強調的是C/S和B/S並沒有本質的區別:B/S是基於特定通信協議(HTTP)的C/S架構,也就是說B/S包含在C/S中,是特殊的C/S架構。
之所以在C/S架構上提出B/S架構,是為了滿足瘦客戶端、一體化客戶端的需要,最終目的節約客戶端更新、維護等的成本,及廣域資源的共享。
IIS服務器(Internet Information Services):IIS是一種Web服務組件,其中包括Web服務器、FTP服務器、NNTP服務器和SMTP服務器,分別用於網頁瀏覽、文件傳輸、新聞服務和郵件發送等方面
.net framewor
ASP開發模式
例子1:點菜:客人 - 用戶
(1).aspx文件
要土豆絲 - 給IIS發送請求 ,IIS就相當於是服務員
通知廚房 - IIS把用戶要想看到的ASPX告知.NET框架
廚房炒菜 - .net框架將ASPX頁面中的C#代碼執行處理
喊服務員上菜 - .NET框架將處理好的頁面給IIS,IIS返回給用戶
(2).hrml文件
要頭蒜 - html頁面請求,IIS直接可以返回給用戶,不需要經過.NET框架處理
例子2、連接數據庫,在瀏覽器上用表的形式顯示出鏈接的表
ASP開發
<% C#代碼 %>
<%=可以放一個方法(返回一個值)或一個變量 %>
<%@引用的命名空間或聲明語言 %>
xml - 可擴展的標記語言
HTML - 超文本標記語言
新建:
在VS中新建,這里不是選擇項目了,而是選擇網站
運行:
點擊啟動按鈕:
好處:可以卡斷點
弊端:啟動特別慢
在html上右鍵,在瀏覽器中查看:
好處:啟動特別快
弊端:無法卡斷點
ASP.NET
ASP.NET 是 .net開發網站應用程序的技術總稱,包含WebForm 和 MVC 兩個技術方法
WebForm類似於WinForm,可視化操作;
MVC類似於Java,多用代碼操作。
注:在使用VS調試HTML文件時,除非使用斷點測試C#代碼,不需要使用啟動,可以在HTML代碼上右鍵點擊,選擇在瀏覽器中查看即可。
HTML表單元素復習:
1、文本類
文本框:<input type="text" name="" id="" value=""/>
密碼框:<input type="password" name="" id="" value=""/>
文本框:<textaarea name="" id="" cols=""(字符多少) rows=""(幾行高)></>textarea>
隱藏域:<input type="hidden" name="" id="" value=""/>
2、按鈕類
提交按鈕:<input type="submit" name="" id="" disable="disable" value=""/>點擊后轉到form內的提交服務器地址
重置按鈕:<input type="reset" name="" id="" disable="disable" value=""/>
普通按鈕:<input type="button" name="" id="" disable="disable" value=""/>
圖片按鈕:<input type="image" name="" id="" disable="disable" value="" src="圖片地址"/>
3、選擇類
單選按鈕組:<input type="radio" name="" id="" checked="checked" value=""/>
name的值用來分組;value的值看不見,用來提交給程序;checked,設置默認選項
復選框組:<input type="checkbox" name="" id="" checked="checked" value=""/>
文件上傳:<input type="file" name="" id="">
<label for=""></label>
<label>標簽為input元素定義標注(標記)。
label元素不會向用戶呈現任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在label元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該 標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
<label>標簽的for屬性應當與相關元素的id屬性相同
下拉列表框:<select name ="" id="" size="" multiple="multiple"> ------size=1時,為菜單;>1時,為列表;multiple為多選。
<option value="值">內容1</option>
<option value="值" selected="selected">內容2</option>------seleted,設為默認
<option value="值">內容3</option>
</select>