bootstrap 柵格系統 HTTP協議 軟件架構 B/S C/S 常見的WEB服務器

Day32 bootstrap

 

 

Bootstrap就是響應式佈局最成功的實現，爲了兼容不一樣的瀏覽器採用jQuery，爲了適配不一樣的終端採用CSS3 Media Query （媒體查詢）

 

1.1.1 柵格系統

l 幫助手冊：所有CSS樣式/柵格系統，http://v3.bootcss.com/css/#grid-options

l Bootstrap 提供了一套響應式、移動設備優先的流式柵格系統，隨着屏幕或視口（viewport）尺寸的增長，系統會自動分爲最多12列。

l 柵格特色

n 「行（row）」必須包含在 .container （固定寬度）或 .container-fluid （100% 寬度）中

n 「列（column）」 能夠做爲行（row）」的直接子元素。

n 行使用的樣式「.row」，列使用樣式「col-*-*」 內容應當放置於「列（column）」內

n 列大於12時，將另起一行排列

n 柵格類適用於與屏幕寬度大於或等於分界點大小的設備，而且針對小屏幕設備覆蓋柵格類。

l 柵格參數：「col-*-*」

 

Day33HTTP協議和Tomcat服務器

1.1 什麼是HTTP協議

協議概念:爲了使數據在網絡上從源到達目的，網絡通訊的參與方必須遵循相同的規則，這套規則稱爲協議（protocol）， 它最終體現爲在網絡上傳輸的數據包的格式。

大白話:就是規定交流的時候內容的格式。

 

超文本傳輸協議:用於定義WEB瀏覽器和WEB服務器之間數據交互的過程.

咱們在計算機的領域中,最爲經常使用的就是http協議.當咱們在地址欄上輸入一個地址點擊回車的時候,其實就是向某一臺電腦發送了請求.而後這臺電腦會將咱們想要的內容經過網絡返回到咱們的瀏覽器上.其實http協議就是一個客戶端和服務器端請求和響應的標準

 

 

1.2 HTTP請求協議詳解（重點）

 

 

l 請求行(瞭解)

例如：POST /day09/01.http/form.html HTTP/1.1

請求行必須在HTTP請求格式的第一行。

請求行格式：請求方式 資源路徑 協議/版本

請求方式：協議規定7種，經常使用兩種：GET和POST

GET請求：

將請求參數追加在URL後面，不安全。例如：form.html?username=jack&username=1234

URL長度限制GET請求方式的數據大小。1024k

沒有請求體

POST請求

請求參數顯示請求體處，較安全。

請求數據大小沒有顯示。

只有表單設置爲method=」post」纔是post請求.其餘的都是get請求。

常見GET請求：地址欄直接訪問、<a href=」」>、<img src=」」> 等

 

l 請求頭 (掌握)

例如：Host: localhost:8080

請求頭從第二行開始，到第一個空行結束。及請求頭和請求體之間存在一個空行。

請求頭一般以鍵值對(key:value)方式傳遞數據。

key爲規範規定的固定值

value 爲key對應的取值，一般是一個值，多是一組。

常見請求頭	描述 （紅色掌握，其餘瞭解）
Referer	瀏覽器通知服務器，當前請求來自何處。若是是直接訪問，則不會有這個頭。經常使用於：防盜鏈
If-Modified-Since	瀏覽器通知服務器，本地緩存的最後變動時間。與另外一個響應頭組合控制瀏覽器頁面的緩存。
Cookie	與會話有關技術，用於存放瀏覽器緩存的cookie信息。
User-Agent	瀏覽器通知服務器，客戶端瀏覽器與操做系統相關信息
Connection	保持鏈接狀態。Keep-Alive 鏈接中，close 已關閉
Host	請求的服務器主機名
Content-Length	請求體的長度
Content-Type	若是是POST請求，會有這個頭，默認值爲application/x-www-form-urlencoded，表示請求體內容使用url編碼
Accept：	瀏覽器可支持的MIME類型。文件類型的一種描述方式。 MIME格式：大類型/小類型[;參數] 例如：    text/html ，html文件    text/css，css文件    text/javascript，js文件    image/*，全部圖片文件
Accept-Encoding	瀏覽器通知服務器，瀏覽器支持的數據壓縮格式。如：GZIP壓縮
Accept-Language	瀏覽器通知服務器，瀏覽器支持的語言。各國語言（國際化i18n）

 

l 請求體(重點)

一般狀況下，只有post請求方式纔會使用到請求體，請求體中都是用戶表單提交的數據，每一項數據都使用鍵值對（k=v），多組值使用&相連。

例如；username=jack&password=1234

1.3 HTTP響應協議詳解（重點）

 

 

l 響應行(重點)

例如：HTTP/1.1 200 OK

格式：協議/版本 狀態碼  狀態碼描述

狀態碼：服務器與瀏覽器用於肯定狀態的固定數字號碼

1xx : 表明請求已被接受，須要繼續處理(通常不用)

200 ：請求成功。

302 ：請求重定向。

304 ：請求資源沒有改變，訪問本地緩存。

404 ：請求資源不存在。一般是用戶路徑編寫錯誤，也多是服務器資源已刪除。

500 ：服務器內部錯誤。一般程序拋異常。

 

l 響應頭(重點)

響應頭也是用的鍵值對k:v

服務器經過響應頭來控制瀏覽器的行爲，不一樣的頭瀏覽器操做不一樣。

常見請求頭	描述
Location	指定響應的路徑，須要與狀態碼302配合使用，完成跳轉。
Content-Type	響應正文的類型（MIME類型） 取值：text/html;charset=UTF-8   處理響應中文亂碼問題
Content-Disposition	經過瀏覽器如下載方式解析正文 取值：attachment;filename=xx.zip
Set-Cookie	與會話相關技術。服務器向瀏覽器寫入cookie
Content-Encoding	服務器使用的壓縮格式 取值：gzip
Content-length	響應正文的長度
Refresh	定時刷新，格式：秒數;url=路徑。url可省略，默認值爲當前頁。 取值：3;url=www.itcast.cn    //三秒刷新頁面到www.itcast.cn
Server	指的是服務器名稱，默認值：Apache-Coyote/1.1。能夠經過conf/server.xml配置進行修改。<Connector port="8080" ... server="itcast"/>
Last-Modified	服務器通知瀏覽器，文件的最後修改時間。與If-Modified-Since一塊兒使用。

 

l 響應體

響應體，就是服務器發送給瀏覽器的正文。HTML文本、圖片、文件等

 

 

 

1.4 軟件架構

l C/S架構：Client/Server 客戶端/服務器。要求客戶端電腦安裝一個客戶端程序。

n 常見應用：QQ，迅雷，360，旺旺 等2

n 優勢：

1. 用戶體驗好，效果炫
2. 對信息安全的控制較強
3. 應用服務器運行數據負荷較輕，部分計算功能在客戶端完成。

n 缺點：

1. 佔用硬盤空間
2. 維護麻煩
3. 安裝使用依賴其餘條件

 

l B/S架構：Browser/Server 瀏覽器/服務器 。經過瀏覽器與服務器交互，不須要安裝其餘程序

n 常見應用：網銀系統，淘寶，京東 12306 等

n 優勢：

1. 維護和升級簡單，無縫升級。
2. 不用必須安裝程序，操做系統內置了瀏覽器。

n 缺點：

1. 動畫效果受瀏覽器限制.
2. 對信息安裝控制較差。例如：網銀就須要使用U盾，在瀏覽器端加密。
3. 應用服務器運行數據負荷較重。大部分計算都在服務器端，增長服務器壓力。使用Ajax能夠改善部分用戶體驗。

靜態資源：指web頁面中供人們瀏覽的數據始終是不變。好比：HTML、CSS、JS、圖片、多媒體。

動態資源：指web頁面中供人們瀏覽的數據是由程序產生的，不一樣時間點訪問web頁面看到的內容各不相同。好比：JSP/Servlet、ASP、PHP

應用場景:

靜態資源:網站首頁

動態資源:登陸頁面、購物車

WEB服務器對JavaEE規範部分或所有支持（實現），也就是WEB服務器實現部分或所有接口。

 

 

 

 

221常見的WEB服務器：

 

1. Tomcat：Apache組織提供一個免費的小型的服務器軟件。支持Servlet和JSP規範。
2. WebLogic：Bea公司的一個收費的大型的服務器軟件，後被Oracle收購。支持EE的全部的規範
3. WebSphere：IBM公司的一個收費的大型的服務器軟件，支持EE的全部的規範。
4. JBoss：是一個基於J2EE的開放源代碼的應用服務器。JBoss是一個管理EJB的容器和服務器，JBoss核心服務不包括支持servlet/JSP的WEB容器，通常與Tomcat或JBoss綁定使用。