A我天學(xué)了什么
-
之前巷疼,我們的網(wǎng)頁(yè):
CSS:樣式
JS:行為
HTML:結(jié)構(gòu)
平時(shí),網(wǎng)頁(yè)讓別人瀏覽,都是放在服務(wù)器上面
服務(wù)器是什么?
就是一臺(tái)電腦并徘,只不過(guò)性能較高。24小時(shí)不關(guān)機(jī)篙骡,端口隨時(shí)可以打開(kāi)闻伶;
之前我們買(mǎi)的網(wǎng)站空間,并不是服務(wù)器线得,他只是單純的網(wǎng)站空間饶唤;
網(wǎng)站空間是什么東西?
就是別人自己的服務(wù)器贯钩,分類(lèi)分好募狂,例如,一個(gè)硬盤(pán)分多少多少個(gè)網(wǎng)站空間
別人幫你把服務(wù)器搭建好角雷,寫(xiě)好一個(gè)可視化操作頁(yè)面祸穷,你只需訪問(wèn)這個(gè)頁(yè)面,就可以把文件放入別人的服務(wù)器里面勺三;
胖客戶端模式:C/S結(jié)構(gòu)雷滚,大部分?jǐn)?shù)據(jù)由客戶的處理,服務(wù)器壓力新鸺帷祈远;
瘦客戶度模式:B/S模式呆万,大部分?jǐn)?shù)據(jù)由服務(wù)器處理,客戶端壓力谐捣荨谋减;
計(jì)算機(jī)的通信協(xié)議:
計(jì)算機(jī)與計(jì)算機(jī)的交流:
http、ftp躬充、smtp/pop;
協(xié)議的本質(zhì),就是通過(guò)相互之間以約定好的方式進(jìn)行溝通
多臺(tái)計(jì)算機(jī)形成網(wǎng)絡(luò)讨便;
IP地址充甚,是確定網(wǎng)絡(luò)上的唯一一臺(tái)電腦的方法
注意,IP地址分為內(nèi)網(wǎng)IP和外網(wǎng)IP
通過(guò)域名:域名與IP地址綁定霸褒,通過(guò)域名可以找到IP地址伴找,一個(gè)IP可以綁定多個(gè)域名
DNS:域名和IP之間的連接
我們輸入:https://www.baidu.com/
1. 通過(guò)域名查找DNS找到IP地址
2. 通過(guò)IP地址,找到百度的服務(wù)器
3. 找到服務(wù)器以后废菱,通過(guò)端口技矮,找到服務(wù)器上面的應(yīng)用,例如apache;
4. 通過(guò)服務(wù)器的應(yīng)用殊轴,拿到我們的網(wǎng)頁(yè)文件:CSS衰倦、JS、HTML文件
5. 瀏覽器渲染文件旁理,把代碼變成我們看到的網(wǎng)頁(yè)
WAMP就是我們的集成環(huán)境:模擬一個(gè)服務(wù)器
W:window操作系統(tǒng)
A:Apache提供web服務(wù)
M:Mysql 數(shù)據(jù)庫(kù)樊零,用來(lái)存放數(shù)據(jù)
P:Php動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)語(yǔ)言
以后,我們測(cè)試前后臺(tái)交互的demo孽文,一定要放在服務(wù)器環(huán)境下驻襟,否則打不開(kāi),會(huì)報(bào)錯(cuò)
Wamp裝好以后芋哭,無(wú)法打開(kāi)沉衣,只是個(gè)環(huán)境
右鍵是對(duì)他進(jìn)行設(shè)置,比如可以設(shè)置為中文减牺。
左鍵單擊他豌习,打開(kāi)www目錄,然后拔疚,把里面自帶的東西全部刪掉
以后斑鸦,前后臺(tái)交互的demo全都放進(jìn)這個(gè)www目錄
接著,把你的這個(gè)www目錄丟進(jìn)編輯器
最后草雕,打開(kāi)localhost/文件路徑
前后端的角色分工:
前段巷屿,實(shí)現(xiàn)靜態(tài)效果,那么墩虹,后端到底是干嘛的嘱巾?
將前段頁(yè)面的預(yù)留位置填充數(shù)據(jù)憨琳,重新生成頁(yè)面,也就是按照模板動(dòng)態(tài)填充不同的內(nèi)容旬昭,生成不同的頁(yè)面
從開(kāi)發(fā)者的角度:
我們前段篙螟,將頁(yè)面效果寫(xiě)好,然后交給后端问拘。
后端從數(shù)據(jù)庫(kù)獲取數(shù)據(jù)遍略,根據(jù)特定的條件填充到頁(yè)面相應(yīng)的位置
客戶端請(qǐng)求動(dòng)態(tài)網(wǎng)站的PHP文件,PHP動(dòng)態(tài)生成HTML
Apache返回html給瀏覽器
Ajax就是干這個(gè)的:客戶端請(qǐng)求動(dòng)態(tài)網(wǎng)站的PHP文件
請(qǐng)求數(shù)據(jù)分為兩種情況:
同步和異步骤坐,
概念:同步就是阻塞和異步就是非阻塞绪杏;
同步:發(fā)送請(qǐng)求以后,一定要接收到返回的信息纽绍,才繼續(xù)執(zhí)行下一步蕾久;
異步:發(fā)送請(qǐng)求以后,只要保證對(duì)方收到請(qǐng)求拌夏,就直接執(zhí)行下一步操作僧著,不管對(duì)方啥時(shí)候給你回饋信息
注意,在這里給你講PHP的意思障簿,有兩個(gè)盹愚,第一個(gè),是希望你們以后上班看到后臺(tái)的PHP能有點(diǎn)眼熟站故,看得懂一個(gè)大概杯拐,第二個(gè)就是以后想自學(xué)PHP也算一個(gè)小小的入門(mén)
所以:不要求掌握
上班以后,不會(huì)要你們寫(xiě)PHP
Ajax的核心概念:就是異步請(qǐng)求
Ajax只是一個(gè)技術(shù)世蔗,不是什么語(yǔ)言端逼、、污淋、
Ajax的核心顶滩,就是XMLHttpRequest
Get和post兩種請(qǐng)求方式的區(qū)別:
1. 有一定安全性作用,例如get會(huì)直接把你的提交數(shù)據(jù)給顯示出來(lái)寸爆,而post不會(huì)
2. Get一般情況下傳輸?shù)臄?shù)據(jù)量小礁鲁,post則多一些
3. 本質(zhì)上,沒(méi)太多的區(qū)別赁豆,后臺(tái)要你用get仅醇,你就用get,要你用post魔种,你就用post
如果析二,你用get方式發(fā)送請(qǐng)求,那么,就可以直接在路徑后面?zhèn)鬏敂?shù)據(jù)給后臺(tái)
路徑后跟叶摄?
属韧?后面跟數(shù)據(jù)的變量名字
readyState表示ajax的請(qǐng)求狀態(tài)
0:表示請(qǐng)求尚未初始化(還沒(méi)有調(diào)用open方法)
1:表示請(qǐng)求已經(jīng)建立,但是還沒(méi)有發(fā)送
2:表示請(qǐng)求已經(jīng)發(fā)送蛤吓,正在處理
3:表示請(qǐng)求處理中宵喂,并且已經(jīng)有數(shù)據(jù)了,但是服務(wù)器還沒(méi)給你
4:響應(yīng)完成会傲,拿到服務(wù)器數(shù)據(jù)了
xhr.status表示HTTP狀態(tài)碼
常見(jiàn)的狀態(tài)碼:
200:服務(wù)器成功返回網(wǎng)頁(yè)
404:請(qǐng)求的網(wǎng)頁(yè)不存在
503:服務(wù)可不用
http狀態(tài)碼:
1開(kāi)頭表示臨時(shí)響應(yīng)
2開(kāi)頭表示響應(yīng)成功
3開(kāi)頭表示地址有問(wèn)題
4開(kāi)始表示請(qǐng)求有問(wèn)題
5開(kāi)頭表示服務(wù)器有問(wèn)題