ASP.NET WebFormhtml
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開發模式spa
例子1:點菜:客人 - 用戶.net
(1).aspx文件
要土豆絲 - 給IIS發送請求 ,IIS就至關因而服務員
通知廚房 - IIS把用戶要想看到的ASPX告知.NET框架
廚房炒菜 - .net框架將ASPX頁面中的C#代碼執行處理
喊服務員上菜 - .NET框架將處理好的頁面給IIS,IIS返回給用戶
(2).hrml文件
要頭蒜 - html頁面請求,IIS直接能夠返回給用戶,不須要通過.NET框架處理
例子二、鏈接數據庫,在瀏覽器上用表的形式顯示出連接的表
ASP開發
<% C#代碼 %>
<%=能夠放一個方法(返回一個值)或一個變量 %>
<%@引用的命名空間或聲明語言 %>
xml - 可擴展的標記語言
HTML - 超文本標記語言
新建:
在VS中新建,這裏不是選擇項目了,而是選擇網站
運行:
點擊啓動按鈕:
好處:能夠卡斷點
弊端:啓動特別慢
在html上右鍵,在瀏覽器中查看:
好處:啓動特別快
弊端:沒法卡斷點
ASP.NET
ASP.NET 是 .net開發網站應用程序的技術總稱,包含WebForm 和 MVC 兩個技術方法
WebForm相似於WinForm,可視化操做;
MVC相似於Java,多用代碼操做。
注:在使用VS調試HTML文件時,除非使用斷點測試C#代碼,不須要使用啓動,能夠在HTML代碼上右鍵點擊,選擇在瀏覽器中查看便可。
HTML表單元素複習:
一、文本類
文本框:<input type="text" name="" id="" value=""/>
密碼框:<input type="password" name="" id="" value=""/>
文本框:<textaarea name="" id="" cols=""(字符多少) rows=""(幾行高)></>textarea>
隱藏域:<input type="hidden" name="" id="" value=""/>
二、按鈕類
提交按鈕:<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="圖片地址"/>
三、選擇類
單選按鈕組:<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>