兩種架構
- 無論是C/S，還是B/S都需要聯網，所以這里不討論不需要互聯網的單機軟件。
C/S架構：
是Client/Server這兩個單詞的首字母指的是客戶端/服務器架構的意思，很多常見的軟件都是這種架構；
解釋：對于C/S架構，最為常見的例子就是網絡游戲，比如王者農藥、WOW，如果不聯網無法使用，你在軟件內所做的所有操作通過互聯網能夠傳遞到其他的的玩家身上；
客戶端：手機App/電腦上的應用程序；
優點：
性能較高：可以將一部分的計算工作放在客戶端上，這樣服務器只需要處理數據即可；
界面酷炫：客戶端可以使用更多系統提供的效果，做出更為炫目的效果。
缺點：
更新軟件：如果推出了新版本,不更新客戶端可能會無法正常使用；
重量級，必須要安裝App（客戶端）。
瀏覽器/服務器架構（B/S）:
是Browser/Server的這兩個單詞的首字母，指的是瀏覽器/服務器，是WEB興起之后的一種架構；
解釋：現在所有的網站都是B/S架構，較為常見的例子有百度,知乎，網易云音樂Web等等,所有只需要通過瀏覽器即可使用；
優點：
更新簡潔：如果需要更新內容了，對開發人員而言需要更改服務器的內容，但是對用戶而言只需要刷新瀏覽器即可；
輕量級，只要能夠使用瀏覽器即可登錄使用；
缺點：
性能較低：相比于客戶端應用性能較低，很酷炫的界面現階段還實現不了，但是隨著硬件性能的提升，這個差距在縮小；
瀏覽器兼容：處理低版本的瀏覽器顯示問題一直是前端開發人員頭痛的問題之一，移動設備兼容性較好，ie6已經越來越少人用了。
web開發概述(了解)
網絡分類
設置互聯網訪問：
在互聯網上的計算器（服務器）；
域名。
設置局域網訪問：
-
常見局域網：
- 多媒體教室；
- 公司內部網絡；
- 中國其實也可以認為是一個大的局域網;
讓你的電腦成為服務器：能夠提供web服務就成為服務器（只需要安裝服務器軟件即可）；
-
常見的web服務器軟件（很多種）：
- Apache（免費、開源，一般是PHP程序員使用）；
- IIS（微軟的，一般是.net程序員使用）；
- Tomcat（一般由Java程序員使用）；
- 等等。
服務器端開發的語言有Java、.net、node.js、Python、go、PHP（語法跟js類似）、ASP、JSP、Ruby、Erland等，無論使用那種后臺語言，最終返回給用戶的都是html、css3、js；web服務端開發生成的html、css3、js是動態生成的。
WampSever||MampSever
- MampSever
- m：Mac；
- a：Apache：
- 修改網站中的內容
- m：MySQL；
- p：PHP；
- WampSever：
- w:windows;
- a：Apache：
- 修改網站中的內容
- m：MySQL；
- p：PHP。
數據庫:
按照數據結構來組織、存儲和管理數據的倉庫，軟件開發行業一般指的是數據庫軟件，常見的有：Oracle、MySQL、MSSQL等。
特點:
數據共享：多用戶同時訪問數據的穩定性；
故障恢復：數據庫軟件提供了一套的方法，可以用來發現錯誤并且修復錯誤；
減少數據冗余：由于大家都可以使用同一套數據，沒有必要重復創建。
DBA數據庫管理員:
從事管理和維護數據庫管理系統(DBMS)的相關工作人員的統稱，他的工作目的是：保證數據庫的穩定性、安全性、完整性和高性能。
HTTP服務器搭建
AMP
- A：Apache；M：MySQL；P：PHP。
- Apache是世界排名第一的服務器軟件，特點是簡單、速度快、性能穩定；
- MySQL得益于它體積小、速度快、使用成本低，而且是開源哦，所以很多網站都選用MySql作為他們的數據庫。
- PHP展開后PHP: Hypertext Preprocessor，中文名：超文本預處理器，直接將代碼嵌入HTML 文檔中執行，簡單易學，容易上手。
AMP集成環境
剛剛已經解釋了這幾個單詞的意思，其中AMP是三個獨立的軟件，但是對于初學者而言分別安裝以及配置需要掌握一定的軟件知識，所以就有了很多AMP集成環境幫助我們簡化安裝。
WAMP：在windows平臺下如果想要一步到位安裝好這些軟件，可以使用wamp，其中w的意思為windows，指的是windows操作系統，軟件的官網為:http://www.wampserver.com/en/
XAMPP: 不同于wamp針對于windows,XAMPP可以安裝在Linux,Windows,MAC OS X,Solaris這些操作系統上面。
WAMP安裝,配置,注意點
這里選用wamp作為學習環境,接下來演示如何安裝并設置wamp；
WAMP安裝：
雙擊下載的安裝包；
點擊Next；
選擇安裝路徑，注意：不要使用中文路徑；
如果擔心安裝完成后找不到wamp可以將兩個方框全部勾選，點擊next繼續安裝；
點擊install開始安裝；
安裝完畢以后點擊finish即可啟動wamp；
啟動完成能夠在任務欄的右下角看到開啟狀態即表示安裝成功。
測試訪問
- 打開瀏覽器輸入127.0.0.1查看顯示的內容，如果是第一次安裝，默認顯示的應該是Apache的相關文件；
- 127.0.0.1含義：127.0.0.1是回送地址，指本機地址，一般用來測試使用，如果想要讓其他電腦也能夠訪問,需要進行一些配置。
WAMP圖標橙色解決方案
- 如果沒有使用過自己的電腦配置服務器那么WAMP默認應該為綠色的圖標，那么如果WAMP啟動,顯示的是橙色圖標怎么辦呢？
- 檢查是否開啟了服務：保證Apache、MySQL的服務都是啟動狀態即可；
- 檢查是否開啟了微軟自帶的IIS服務：首先打開控制面板，保證動態圖最后選中的Internet Information Services沒有被勾選即可；
- 修改端口號：在httpd.conf中搜索 listen，大概在46行的位置:
Listen 80
改為 listen 8080
注這里可以改為任意的端口,修改完畢之后, 保存并重啟wamp
訪問時在ip地址之后添加:8080 端口號即可
如 192.168.18.125:8080
- 終極解決:卸載-刪除文件夾(wamp安裝的文件夾)-重裝。
配置局域網訪問
安裝好了WAMP之后就能夠通過自己的瀏覽器輸入127.0.0.1，如果想要讓同一局域網中的其他電腦也能夠訪問，需要進行如下配置:
關閉防火墻：首先打開控制面板；
修改httpd.conf文件：因為Apache的配置默認不允許外部訪問，我們需要修改配置；找到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的所有服務即可。默認會顯示
index頁面。獲取本機IP地址:
-
方法1:
- 打開控制面板->網絡和Internet->網絡和共享中心->更改適配器設置；
- 找到正在連接的網絡，雙擊。
-
方法2:
- 打開命令行工具；
- 輸入ipconfig （網上自行查閱）。
局域網內訪問：使用一臺相同局域網內的擁有瀏覽器的設備即可通過剛剛獲取的IP地址進行訪問。
常見的通局域網計算機:
-
局域網的概念這里不做拓展，為了方便測試當滿足下列情況可以嘗試訪問：
- 連接同一個wifi的計算機(手機也可以測試)；
- 連接同一個交換機的計算機：同教室的電腦、同公司的電腦。
配置網站根目錄
- 注：這里使用的路徑為上述安裝時的路徑，如果沒有安裝在D盤，那么需要找到對應的路徑；
- 找到WAMP的安裝目錄：D:\wamp；
- 找到Apache的配置文件：D:\wamp\bin\apache\Apache2.2.21\conf；
- 修改http.conf文件：使用文本編輯工具打開httpd.conf文件，搜索documentRoot，如果是初次安裝，應該分別在178行、205行，修改完畢（例如修改成e:\www）以后記得保存ctrl+s；
- 重啟WAMP服務：左鍵點擊wamp圖標，選擇重新啟動所有服務；
- 建立文件夾，嘗試訪問：為了保證訪問時確實有內容，在E:盤下建立www文件夾，并且在該文件夾下放入文件，再次嘗試通過127.0.0.1進行訪問。
