BS通信介紹

一、B/S通信模型：

客戶端計算機通過【瀏覽器】幫助向服務(wù)端計算機發(fā)起請求。

索要資源文件。服務(wù)端計算機中【HTTP SERVER】負責將被請求

資源文件內(nèi)容解析為二進制形式推送回發(fā)送請求的瀏覽器。瀏覽器

接收到二進制內(nèi)容之后自動進行解析（文字，數(shù)字，圖片，視頻）與編譯

二、Http服務(wù)器調(diào)用資源文件分類：

1.靜態(tài)資源文件：6種

第一種：存放相對固定數(shù)據(jù)

1）文檔文件

2）圖片文件

3）視頻文件

第二種：存放是數(shù)據(jù)和命令，這命令只能在瀏覽器編譯與執(zhí)行

1）HTML文件---HTML編程語言（.html）

2）CSS文件-----CSS編程語言（.css）

3）JAVASCRIPT----JAVASCRIPT編程語言(.js)

2.動態(tài)資源文件:?class文件

1)文件存放命令

2)文件中無法在瀏覽器編譯與執(zhí)行，只能在服務(wù)端計算機通過編譯進行編譯與執(zhí)行

3）不同用戶索要同一個資源文件時，往往得到不同結(jié)果

例子：服務(wù)端計算機

class Computer{

public int add(int num1,int num2){

return num1 +num2;

}

}? ? ? ? ? ? ? 10,20

張三------->瀏覽器------>HttpServer

? ? ? ? ? ? ? ? ? ? ? |

? ? ? ? ? ? ? ? ? ? ? |

Computer obj = new Computer() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?30- obj.add(10,20)

? ? ? ?50,80

李四-------->瀏覽器-------->HttpServer

? ? ? ? ? ? ? ? ? ? ?? |

? ? ? ? ? ? ? ? ? ? ? ?|

Computer obj = new Computer()

130-- obj.add(50,80)

三、B/S通信結(jié)構(gòu)學習流程

1.掌握控制瀏覽器請求行為

2.掌握動態(tài)資源文件開發(fā)，調(diào)用，運行原則

3.掌握控制瀏覽器解析和編譯行為

簡單來說，先拿下瀏覽器控制權(quán)，在掌握動態(tài)資源文件運行原理

四、控制瀏覽器編程語言:

HTML編程語言-----控制瀏覽器請求行為

CSS編程語言--------只看不需要記住

JavaScript編程語言------往死了學

HTML編程語言學習

一、HTML編程語言介紹

1.HTML編程語言專業(yè)叫法【超文本標簽式編程語言】

2.HTML編程語言只能在瀏覽器編譯與執(zhí)行

3.HTML編程語言用于控制瀏覽器

二、HTML編程語言作用

1.通知瀏覽器將接收數(shù)據(jù)以指定形態(tài)進行展示--【前端工程師】

2.控制瀏覽器請求行為--------------------------【前端工程師/服務(wù)端工程師】

三、HTML編程語言語法規(guī)范

1.HTML編程語言命令以標簽形式出現(xiàn)，比如 <br/>

2.HTML編程語言命令不區(qū)分英文字母大小寫.比如 <br/>? <BR/>? <bR/> 都是合法

3.HTML編程語言命令分為【雙目標簽】與【單目標簽】

4.【雙目標簽】中命令由開始標簽與結(jié)束標簽組成.比如 <tr></tr>.雙目標簽書寫時結(jié)束標簽不能省略的

5.【單目標簽】中命令的開始標簽與結(jié)束標簽是同一個標簽，比如,<br/>,單目標簽書寫時結(jié)束斜線可以省略。比如 <br/>合法? <br> 合法

6.HTML編程語言所有命令都是預(yù)先設(shè)置的，不允許開發(fā)人員自定義新命令

四、HTML文件書寫規(guī)則

1. 以.html結(jié)尾文件，作為靜態(tài)資源文件使用

2. html文件存放HTML標簽命令和展示數(shù)據(jù)

控制瀏覽器請求行為

一、瀏覽器請求三要素

1.請求地址

2.請求方式

3.請求參數(shù)

二、控制瀏覽器請求地址

1.超鏈接標簽命令

1)格式:? ?<a href="請求地址">提示信息</a>

2.表單標簽命令

1)格式? <form action="請求地址">

? ? ? ? ? ? ? ?<input type="submit"/>

? ? ? ? ? ? ? ?</form>

三、控制瀏覽器請求方式

1.請求方式作用：請求方式?jīng)Q定瀏覽器在發(fā)起請求時行為特征

2.瀏覽器請求方式分類：7種。但是目前為止開發(fā)人員只考慮其中兩種請求方（POST/GET）

四、POST與GET區(qū)別

GET請求

1.GET請求方式，要求瀏覽器發(fā)送請求參數(shù)數(shù)量不能超過4K

2.GET請求方式，要求瀏覽器發(fā)送請求時，必須將請求參數(shù)信息在地址欄展示

3.GET請求方式，要求瀏覽器發(fā)送請求時，必須將請求參數(shù)信息保存在Http請求協(xié)議包中請求頭

4.GET請求方式，要求瀏覽器將本次返回資源與請求地址形成鍵值對存儲在瀏覽器內(nèi)存中

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? key--------------------------value

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? http://www.baidu.com? ? ? ? ? ?內(nèi)容

POST請求方式

1.POST請求方式，要求瀏覽器發(fā)送請求時，不限制發(fā)送請求參數(shù)數(shù)量

2.POST請求方式，要求瀏覽器發(fā)送請求時，必須在地址欄屏蔽請求參數(shù)信息

3.POST請求方式，要求瀏覽器發(fā)送請求時，必須將請求參數(shù)保存在Http請求協(xié)議包中請求體

4.POST請求方式，禁止瀏覽器對返回內(nèi)容進行存儲（閱后即焚）

五、請求方式控制

1. 要求瀏覽器以GET方式發(fā)送請求

1) 超鏈接標簽命令執(zhí)行時，要求瀏覽器必須采用GET方式發(fā)送請求

2) <form action="請求地址"? method="請求方式，method屬性默認值GET">

3) 直接通過地址欄要求瀏覽器發(fā)送請求，其使用請求方式只能是GET

2. 要求瀏覽器以POST方式發(fā)送請求

<form action="請求地址" method="post">

六、請求方式使用場景

1.絕大多數(shù)情況下，請求方式都是GET

2.文件上傳操作必須使用POST

3.登錄驗證操作必須使用POST

4.索要服務(wù)端實時變化數(shù)據(jù)必須使用POST

七、請求參數(shù):

1.請求參數(shù)格式 :? ? 請求參數(shù)名=請求參數(shù)內(nèi)容&請求參數(shù)名=請求參數(shù)內(nèi)容

2.請求參數(shù)來源:

1)由超鏈接標簽提供 <a href="http://www.baidu.com?username=mike&password=123">百度</a>

2)表單域標簽

八、表單域標簽

1.定義：一組專門聲明在表單標簽<form>內(nèi)部，用于在瀏覽器發(fā)送請求時攜帶請求參數(shù)載體

2.分類:? 三個分類

input? ? ? ?select? ? ?textarea

3.特征：

所有表單域標簽都擁有name屬性和value屬性。

name屬性設(shè)置【請求參數(shù)名】 value屬性設(shè)置【請求參數(shù)內(nèi)容】

4.? input標簽

1）文本框: <input type="text" name="請求參數(shù)名" value="用戶填寫">

2）密碼框: <input type="password" name="請求參數(shù)名" value="用戶填寫">

3)? 文件選擇框:<input type="file" name="請求參數(shù)名" value="文件內(nèi)容">

4）單選框:? <input type="radio" name="請求參數(shù)名" value="事先設(shè)置">

5)? 多選框：<input type="checkbox" name="請求參數(shù)名" value="事先設(shè)置">

6) 提交按鈕<input type="submit"/>

7) 重置按鈕<input type="reset"/>

8) 命令按鈕:<input type="button">

5.select:下拉列表標簽

1） <select name="請求參數(shù)名">

? ? ? ? ? ? ? <option value="請求參數(shù)內(nèi)容">提示信息</option>

? ? ? ? ? ? ?<option value="請求參數(shù)內(nèi)容">提示信息</option>

? ? ?</select>

6. textarea:多行文本框

1）<textarea name="請求參數(shù)"></textarea>

7. 表單域標簽value屬性默認值

1）大多數(shù)表單域標簽value屬性默認值是空字符串

2）單選框與多選框value屬性默認值on

8. 表單域標簽作為請求參數(shù)條件

1）大多數(shù)表單域標簽只要聲明在form標簽內(nèi)部并指定name屬性作為請求參數(shù)

2）單選框與多選框在滿足條件1的同時，還必須在被用戶選中情況下才有資格作為請求參數(shù)

3)? disabled修飾的表單域標簽不能作為請求參數(shù)

?一、項目開發(fā)流程

1.由SE與客戶溝通了解需求，將用戶提供需求轉(zhuǎn)變開發(fā)人員能聽懂內(nèi)容

2.美工根據(jù)SE提供需求制作DEMO

3.開發(fā)人員根據(jù)DEMO進行開發(fā)

4.測試人員進行測試

5.運維人員

二、部門職員管理系統(tǒng)

1.部門管理服務(wù)

1) 部門注冊

2) 部門查詢

3）部門刪除

4)? 部門更新

2.職員管理服務(wù)

1) 部門注冊

2) 部門查詢

3）部門刪除

4)? 部門更新

最后奉上視頻教程??，視頻觀看效果更佳??！走過路過別忘素質(zhì)三連哦~~