兩種架構(gòu)
- 無論是C/S，還是B/S都需要聯(lián)網(wǎng)蔚晨，所以這里不討論不需要互聯(lián)網(wǎng)的單機(jī)軟件乍钻。
C/S架構(gòu)：
是Client/Server這兩個單詞的首字母指的是客戶端/服務(wù)器架構(gòu)的意思，很多常見的軟件都是這種架構(gòu)；
解釋：對于C/S架構(gòu)团赁，最為常見的例子就是網(wǎng)絡(luò)游戲育拨，比如王者農(nóng)藥、WOW欢摄，如果不聯(lián)網(wǎng)無法使用熬丧，你在軟件內(nèi)所做的所有操作通過互聯(lián)網(wǎng)能夠傳遞到其他的的玩家身上；
客戶端：手機(jī)App/電腦上的應(yīng)用程序怀挠；
優(yōu)點：
性能較高：可以將一部分的計算工作放在客戶端上析蝴，這樣服務(wù)器只需要處理數(shù)據(jù)即可；
界面酷炫：客戶端可以使用更多系統(tǒng)提供的效果绿淋，做出更為炫目的效果闷畸。
缺點：
更新軟件：如果推出了新版本,不更新客戶端可能會無法正常使用；
重量級吞滞，必須要安裝App（客戶端）佑菩。
瀏覽器/服務(wù)器架構(gòu)（B/S）:
是Browser/Server的這兩個單詞的首字母，指的是瀏覽器/服務(wù)器裁赠，是WEB興起之后的一種架構(gòu)殿漠；
解釋：現(xiàn)在所有的網(wǎng)站都是B/S架構(gòu)，較為常見的例子有百度,知乎佩捞，網(wǎng)易云音樂Web等等,所有只需要通過瀏覽器即可使用绞幌；
優(yōu)點：
更新簡潔：如果需要更新內(nèi)容了，對開發(fā)人員而言需要更改服務(wù)器的內(nèi)容一忱，但是對用戶而言只需要刷新瀏覽器即可莲蜘；
輕量級，只要能夠使用瀏覽器即可登錄使用帘营；
缺點：
性能較低：相比于客戶端應(yīng)用性能較低票渠，很酷炫的界面現(xiàn)階段還實現(xiàn)不了，但是隨著硬件性能的提升仪吧，這個差距在縮凶隆；
瀏覽器兼容：處理低版本的瀏覽器顯示問題一直是前端開發(fā)人員頭痛的問題之一薯鼠，移動設(shè)備兼容性較好择诈，ie6已經(jīng)越來越少人用了。
web開發(fā)概述(了解)
網(wǎng)絡(luò)分類
設(shè)置互聯(lián)網(wǎng)訪問：
在互聯(lián)網(wǎng)上的計算器（服務(wù)器）出皇；
域名羞芍。
設(shè)置局域網(wǎng)訪問：
-
常見局域網(wǎng)：
- 多媒體教室；
- 公司內(nèi)部網(wǎng)絡(luò)郊艘；
- 中國其實也可以認(rèn)為是一個大的局域網(wǎng);
讓你的電腦成為服務(wù)器：能夠提供web服務(wù)就成為服務(wù)器（只需要安裝服務(wù)器軟件即可）荷科；
-
常見的web服務(wù)器軟件（很多種）：
- Apache（免費(fèi)唯咬、開源，一般是PHP程序員使用）畏浆；
- IIS（微軟的胆胰，一般是.net程序員使用）；
- Tomcat（一般由Java程序員使用）刻获；
- 等等蜀涨。
服務(wù)器端開發(fā)的語言有Java、.net蝎毡、node.js厚柳、Python、go沐兵、PHP（語法跟js類似）别垮、ASP、JSP扎谎、Ruby碳想、Erland等，無論使用那種后臺語言簿透，最終返回給用戶的都是html移袍、css3、js老充；web服務(wù)端開發(fā)生成的html、css3螟左、js是動態(tài)生成的啡浊。
WampSever||MampSever
- MampSever
- m：Mac；
- a：Apache：
- 修改網(wǎng)站中的內(nèi)容
- m：MySQL胶背；
- p：PHP巷嚣；
- WampSever：
- w:windows;
- a：Apache：
- 修改網(wǎng)站中的內(nèi)容
- m：MySQL；
- p：PHP钳吟。
數(shù)據(jù)庫:
按照數(shù)據(jù)結(jié)構(gòu)來組織廷粒、存儲和管理數(shù)據(jù)的倉庫，軟件開發(fā)行業(yè)一般指的是數(shù)據(jù)庫軟件红且，常見的有：Oracle坝茎、MySQL、MSSQL等暇番。
特點:
數(shù)據(jù)共享：多用戶同時訪問數(shù)據(jù)的穩(wěn)定性嗤放；
故障恢復(fù)：數(shù)據(jù)庫軟件提供了一套的方法，可以用來發(fā)現(xiàn)錯誤并且修復(fù)錯誤壁酬；
減少數(shù)據(jù)冗余：由于大家都可以使用同一套數(shù)據(jù)次酌，沒有必要重復(fù)創(chuàng)建恨课。
DBA數(shù)據(jù)庫管理員:
從事管理和維護(hù)數(shù)據(jù)庫管理系統(tǒng)(DBMS)的相關(guān)工作人員的統(tǒng)稱，他的工作目的是：保證數(shù)據(jù)庫的穩(wěn)定性岳服、安全性剂公、完整性和高性能。
HTTP服務(wù)器搭建
AMP
- A：Apache吊宋；M：MySQL纲辽；P：PHP。
- Apache是世界排名第一的服務(wù)器軟件贫母，特點是簡單文兑、速度快、性能穩(wěn)定腺劣；
- MySQL得益于它體積小绿贞、速度快、使用成本低橘原，而且是開源哦籍铁，所以很多網(wǎng)站都選用MySql作為他們的數(shù)據(jù)庫。
- PHP展開后PHP: Hypertext Preprocessor趾断，中文名：超文本預(yù)處理器拒名，直接將代碼嵌入HTML 文檔中執(zhí)行，簡單易學(xué)芋酌，容易上手增显。
AMP集成環(huán)境
剛剛已經(jīng)解釋了這幾個單詞的意思，其中AMP是三個獨(dú)立的軟件脐帝，但是對于初學(xué)者而言分別安裝以及配置需要掌握一定的軟件知識同云，所以就有了很多AMP集成環(huán)境幫助我們簡化安裝。
WAMP：在windows平臺下如果想要一步到位安裝好這些軟件堵腹，可以使用wamp炸站，其中w的意思為windows，指的是windows操作系統(tǒng)疚顷，軟件的官網(wǎng)為:http://www.wampserver.com/en/
XAMPP: 不同于wamp針對于windows,XAMPP可以安裝在Linux,Windows,MAC OS X,Solaris這些操作系統(tǒng)上面旱易。
WAMP安裝,配置,注意點
這里選用wamp作為學(xué)習(xí)環(huán)境,接下來演示如何安裝并設(shè)置wamp；
WAMP安裝：
雙擊下載的安裝包腿堤；
點擊Next阀坏；
選擇安裝路徑，注意：不要使用中文路徑释液；
如果擔(dān)心安裝完成后找不到wamp可以將兩個方框全部勾選全释，點擊next繼續(xù)安裝；
點擊install開始安裝误债；
安裝完畢以后點擊finish即可啟動wamp浸船；
啟動完成能夠在任務(wù)欄的右下角看到開啟狀態(tài)即表示安裝成功妄迁。
測試訪問
- 打開瀏覽器輸入127.0.0.1查看顯示的內(nèi)容，如果是第一次安裝李命，默認(rèn)顯示的應(yīng)該是Apache的相關(guān)文件登淘；
- 127.0.0.1含義：127.0.0.1是回送地址，指本機(jī)地址封字，一般用來測試使用黔州，如果想要讓其他電腦也能夠訪問,需要進(jìn)行一些配置。
WAMP圖標(biāo)橙色解決方案
- 如果沒有使用過自己的電腦配置服務(wù)器那么WAMP默認(rèn)應(yīng)該為綠色的圖標(biāo)阔籽，那么如果WAMP啟動,顯示的是橙色圖標(biāo)怎么辦呢流妻？
- 檢查是否開啟了服務(wù)：保證Apache、MySQL的服務(wù)都是啟動狀態(tài)即可笆制；
- 檢查是否開啟了微軟自帶的IIS服務(wù)：首先打開控制面板绅这，保證動態(tài)圖最后選中的Internet Information Services沒有被勾選即可；
- 修改端口號：在httpd.conf中搜索 listen在辆，大概在46行的位置:
Listen 80
改為 listen 8080
注這里可以改為任意的端口,修改完畢之后, 保存并重啟wamp
訪問時在ip地址之后添加:8080 端口號即可
如 192.168.18.125:8080
- 終極解決:卸載-刪除文件夾(wamp安裝的文件夾)-重裝证薇。
配置局域網(wǎng)訪問
安裝好了WAMP之后就能夠通過自己的瀏覽器輸入127.0.0.1，如果想要讓同一局域網(wǎng)中的其他電腦也能夠訪問匆篓，需要進(jìn)行如下配置:
關(guān)閉防火墻：首先打開控制面板浑度；
修改httpd.conf文件：因為Apache的配置默認(rèn)不允許外部訪問，我們需要修改配置鸦概；找到D:\wamp\bin\apache\Apache2.2.21\conf文件箩张，使用文本編輯工具打開，通過搜索功能找到
onlineoffline tag - don't remove這句話將在234行附近的Allow from 127.0.0.1替換為Allow from all(有兩處的deny from all改為allow from all窗市，都是在</Directory>上一行)伏钠，保存，然后重啟wamp的所有服務(wù)即可谨设。默認(rèn)會顯示
index頁面。獲取本機(jī)IP地址:
-
方法1:
- 打開控制面板->網(wǎng)絡(luò)和Internet->網(wǎng)絡(luò)和共享中心->更改適配器設(shè)置缎浇；
- 找到正在連接的網(wǎng)絡(luò)扎拣，雙擊。
-
方法2:
- 打開命令行工具素跺；
- 輸入ipconfig （網(wǎng)上自行查閱）二蓝。
局域網(wǎng)內(nèi)訪問：使用一臺相同局域網(wǎng)內(nèi)的擁有瀏覽器的設(shè)備即可通過剛剛獲取的IP地址進(jìn)行訪問。
常見的通局域網(wǎng)計算機(jī):
-
局域網(wǎng)的概念這里不做拓展指厌，為了方便測試當(dāng)滿足下列情況可以嘗試訪問：
- 連接同一個wifi的計算機(jī)(手機(jī)也可以測試)刊愚；
- 連接同一個交換機(jī)的計算機(jī)：同教室的電腦、同公司的電腦踩验。
配置網(wǎng)站根目錄
- 注：這里使用的路徑為上述安裝時的路徑鸥诽，如果沒有安裝在D盤商玫，那么需要找到對應(yīng)的路徑；
- 找到WAMP的安裝目錄：D:\wamp牡借；
- 找到Apache的配置文件：D:\wamp\bin\apache\Apache2.2.21\conf拳昌；
- 修改http.conf文件：使用文本編輯工具打開httpd.conf文件，搜索documentRoot钠龙，如果是初次安裝炬藤，應(yīng)該分別在178行、205行碴里，修改完畢（例如修改成e:\www）以后記得保存ctrl+s沈矿；
- 重啟WAMP服務(wù)：左鍵點擊wamp圖標(biāo)，選擇重新啟動所有服務(wù)咬腋；
- 建立文件夾羹膳，嘗試訪問：為了保證訪問時確實有內(nèi)容，在E:盤下建立www文件夾帝火，并且在該文件夾下放入文件溜徙，再次嘗試通過127.0.0.1進(jìn)行訪問。
