一、B/S和C/S 1、C/S C/S 架構是一種典型的兩層架構,其全程是Client/Server,即客戶端伺服器端架構,其客戶端包含一個或多個在用戶的電腦上運行的程式,而伺服器端有兩種,一種是資料庫伺服器端,客戶端通過資料庫連接訪問伺服器端的數據;另一種是Socket伺服器端,伺服器端的程式通過 ...
一、B/S和C/S
1、C/S
C/S 架構是一種典型的兩層架構,其全程是Client/Server,即客戶端伺服器端架構,其客戶端包含一個或多個在用戶的電腦上運行的程式,而伺服器端有兩種,一種是資料庫伺服器端,客戶端通過資料庫連接訪問伺服器端的數據;另一種是Socket伺服器端,伺服器端的程式通過Socket與客戶端的程式通信。
工作模式:
2、B/S
B/S架構的全稱為Browser/Server,即瀏覽器/伺服器結構。Browser指的是Web瀏覽器,極少數事務邏輯在前端實現,但主要事務邏輯在伺服器端實現,Browser客戶端,WebApp伺服器端和DB端構成所謂的三層架構。B/S架構的系統無須特別安裝,只有Web瀏覽器即可。
工作模式:
二、ASP開發模式
例子1:點菜:客人 - 用戶
(1).aspx文件
要土豆絲 - 給IIS發送請求 ,IIS就相當於是服務員
通知廚房 - IIS把用戶要想看到的ASPX告知.NET框架
廚房炒菜 - .net框架將ASPX頁面中的C#代碼執行處理
喊服務員上菜 - .NET框架將處理好的頁面給IIS,IIS返回給用戶
(2).hrml文件
要頭蒜 - html頁面請求,IIS直接可以返回給用戶,不需要經過.NET框架處理
例子2、連接資料庫,在瀏覽器上用表的形式顯示出鏈接的表
<%@ language="C#" %> <%@ Import NameSpace="System.Data.SqlClient" %> <html> <head></head> <body> <table border="1"> <tr> <td>用戶名</td> <td>密碼</td> <td>昵稱</td> <td>性別</td> <td>生日</td> <td>民族</td> </tr> <% SqlConnection conn =new SqlConnection("server=.;database=lianxi;user=sa;pwd=123"); SqlCommand cmd=conn.CreateCommand(); cmd.CommandText="select * from Users"; conn.Open(); SqlDataReader dr=cmd.ExecuteReader(); { %> <tr> <td><%=dr[0].ToString()%></td> <td><%=dr[1].ToString()%></td> <td><%=dr[2].ToString()%></td> <td><%=dr[3].ToString()%></td> <td><%=dr[4].ToString()%></td> <td><%=dr[5].ToString()%></td> </tr> <% } conn.close(); %> table </body> </html>
註:★<% c#代碼 %>
★<%= %>等號後面返回一個值
★<%@ %>用於聲明語言或者引用命名空間
三、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>
後註:1、控制項屬性:
●Label - BackColor 等等 最後都會變成html裡面的東西
●控制項最後都會變成 HTML元素
●界面,佈局樣式都依然使用HTML+CSS 特殊的數據交互需要控制項來替代
●含有 runat="server" 屬性的元素為控制項
2、三張圖告訴你Web工作原理(.NET同理,將圖片中的.php文件變為.aspx文件即可)
(1) 伺服器不帶應用程式和資料庫,直接請求HTML文件
(2)伺服器帶應用程式
(3)伺服器帶應用程式和資料庫