文章

目前顯示的是 一月, 2017的文章

HTTP 教學(二)-概述

圖片
基本上,HTTP 是建立於 TCP/IP 之上的通訊協定,在網際網路中扮演傳遞資料的角色(如 HTML 檔案、圖片檔以及查詢結果等)。HTTP 預設的連接埠( Port )為 80,當然也可以使用其他連接埠來進行 HTTP 協定。HTTP 提供了一個標準化的方法讓電腦之間可以互相溝通。HTTP 定義了 Client 端的 Request 資料結構,也定義了 Server 端該如何回覆這些 Request,也就是 Response。
註: Request 和 Response 分別代表請求與回覆。

基本特色 這裡有三項基本特色讓 HTTP 變成一個既簡單又強大的協定: HTTP 是非連線性的:
HTTP 的 Client 端,如瀏覽器,向 Server 端建立一個 HTTP 連線,但 Client 端把 Request 送出後就會立刻與 Server 端中斷連線,並等待 Server 端的 Response。Server  端處理完 Request 後才會與 Client 端重新建立連線,並且傳送一個 Response 給 Client 端。
*非連線性的特性可以大幅節省傳輸的時間。
HTTP 是無狀態的:
如同上面提及,HTTP 非連線性的特性也讓 HTTP 成為一個無狀態的協定。Server 端與 Client 端只有在傳送 Request 的瞬間才知道彼此的存在,送出 Request 之後兩方就不再理會彼此。因為這個無狀態的特性,Server 端不需要分配額外的資源去記錄 Client 端的狀態,但也使得 Client 端沒辦法保留來自不同網頁間的 Request 資訊,因此日後才需使用 Cookie 或 Session 技術來保留各網頁間的 Request 資訊。
*無狀態的特性讓 Server 端節省資源。
HTTP 不受限於任何媒體:
意思是,只要 Client 端與 Server 端雙方都知道如何處理被傳送的資料,就可以透過 HTTP 來傳送任何類型的資料。Client 端與 Server 端都須透過 MIME-type 來定義要傳遞的資料內容。
*HTTP 可以傳遞任何類型的資料。
基本架構 下圖展示了網路應用程式的基本架構,並描述了 HTTP 位於何處:

如圖片所示,HTTP 在主從架構(client/server)中,是一個無狀態的 Request/Res…

HTTP 教學(一)-啟程

Hypertext Transfer Protocol (HTTP) 是一個專門為分散式、跨媒體資訊系統所打造的應用層協定。HTTP協定是網際網路(internet)資料溝通的基礎。HTTP是一種通用且無狀態的協定,透過它的 Request 方法、Error 代碼以及 Header 可以實現於多種用途。

本教學是基於 RFC-2616 標準,RFC-2616 標準將這個協定定義為 HTTP/1.1。 HTTP/1.1 是原始 HTTP (HTTP/1.0) 的修正版本。兩個版本之間最大的差異為 HTTP/1.0 每次連結只能完成一個 Request/Response 的交換程序;而 HTTP/1.1 只需要連結一次就可以完成多次的 Request/Response 的交換程序。


適合的聽眾這個教學是為電腦資訊相關科系的畢業生以及網頁開發者所打造,可以從中了解 HTTP 的基礎到進階觀念。


前言在開始進行教學之言,建議讀者事先去了解一下網路觀念、瀏覽器、網頁伺服器以及主從架構( client and server)。


原文網址: https://www.tutorialspoint.com/http/index.htm

了解更多:
無狀態 前往下一篇:
HTTP 教學(二)-概述
作者說 HTTP 協定作為網路溝通的基礎,強烈建議如果將來想從事網頁設計、或與網路相關的行業的人,最好能夠先擁有 HTTP 的相關知識,未來學習或開發上觀念會更清楚喔!

ExtJS 教學 Grid 介紹與常用功能

圖片
===== Ext.grid.Panel =====  Grid 是在客戶端上顯示大量表格資料的好幫手!實際上就是專門用來顯示類似資料庫Table 的格式的UI 元件。

讓大量的表格資料變得容易存取、甚至還提供排序過濾功能。由於 Grid 繼承自 Panel 類別,因此也可以設定上工具列 tbar 與下工具列 bbar 。xtype 為: gridpanel, grid
Grid 繼承自 Ext.panel.Panel類別 :
  * Ext.panel.Panel
    * Ext.panel.Table
      * Ext.grid.Panel


一個完整的Grid 分為兩個部分:
一個顯示欄位標題的Columns。一個儲存資料的Store 元件。 === Columns簡介===  Columns 用來Grid 的定義表格欄位,是一個具有text 與 dataIndex 屬性的物件陣列。  利用text 屬性來決定Grid 的欄位名稱。  利用dataIndex 屬性來與Store 的資料相配對。  Grid 的欄位顯示順序完全由此Columns 加入的順序決定。

=== Store 簡介=== 用來存取表格的原始資料,可以是近端的二維陣列(Array ),或是遠端的JSON 或XML 資料。 利用fields 屬性來與columns 欄位相配對。 reader 用來解析原始資料,如原始資料格式為json,reader的type 就填json 。 type 可以是 array, json, xml

先來看看由json 提供近端資料的範例程式:
var store = Ext.create('Ext.data.Store', {     fields: ['name', 'email', 'phone'],  //利用fields 與Columns 的dataIndex 做配對。     data: {'items': [             //原始資料             {'name': 'Lisa', "email": "lisa@simpsons.com", "phone"…

JSP - Overview 概論

===== 什麼是 JSP (JavaServer Pages)? ===== JavaServer Pages (JSP) 是一項開發動態網頁的技術,讓開發者可以透過特殊的JSP 標籤在HTML 頁面裡插入 Java 程式碼,JSP 標籤通常是 <% 當作開頭, %> 當作結尾。

JSP 是為了實現Java 網路應用程式UI 而設計的一種Java servlet。JSP本身為一個文字檔,裡面可能包含了 HTML 或 XTML 語言、XML 物件以及JSP 的語法。

使用JSP 時,你可以透過網頁表單(forms )蒐集使用者輸入的東西(inputs ),呈現來自資料庫或其他來源的資料,並創造出動態網頁。

JSP 標籤可以用來做很多種用途,例如從資料庫取得資訊、使用JavaBeans 元件以及在網頁間傳遞或共享資訊。

===== 為什麼要使用JSP ? ===== JSP 目的是提供基於共通閘道介面CGI上的程式開發,但CGI 相較之下,JSP 還提供了幾項優點:
JSP 允許直接使用HTML 物件,而不須再載入任何CGI 檔案。
JSP 在運作前就已經完成編譯動作,不像CGI 還需要伺服器在開啟網頁時還需要載入編譯器。
JSP 是建立於Java Servlets API 之上,所以就像 Servlets 一樣,JSP 一樣可以使用所有JAVA平台企業版 的APIs,包括了 JDBCJNDIEJBJAXP 等。
JSP 頁面可以組合servlets 來處理商業邏輯以及使用Java servlet 的模板引擎提供的model。
JSP為 Java EE 不能分離的一部分,這意味著JSP 在應用程式間扮演相當重要的一員。

===== JSP 的優點: ===== 接下來將列出JSP 與其他網頁技術比較的優點:

vs. ASP (Active Server Pages ): JSP 的優點有兩項:第一,JSP 是使用JAVA 語言撰寫的,而不是VB或其他微軟的程式語言,所以使用上會更有力更簡單;第二,JSP 可以在其他作業系統上運行,不像ASP 只能在微軟的伺服器運行。

vs. Pure Servlets: 相較於Pure Servlets 需要使用大量的println 語法來產生HTML物件,JSP 更容易撰寫與修改正規的…

JSP 教學

什麼是 JSP (JavaServer Pages)? JavaServer Pages (JSP) 是一項開發動態網頁的技術,讓開發者可以透過特殊的JSP 標籤在HTML 頁面裡插入 Java 程式碼,JSP 標籤通常是 <% 當作開頭, %>當作結尾。 JSP 是為了實現 Java 網路應用程式 UI 而設計的一種 Java servlet。JSP 本身為一個文字檔,裡面可能包含了 HTML 或 XTML 語言、XML 物件以及 JSP 的語法。 使用 JSP 時,你可以透過網頁表單(Forms)蒐集使用者輸入的東西(Inputs),呈現來自資料庫或其他來源的資料,並創造出動態網頁。 JSP 標籤可以用來做很多種用途,例如從資料庫取得資訊、使用 JavaBeans 元件以及在網頁間傳遞或共享資訊。 為什麼要使用JSP ? JSP 目的是提供基於共通閘道介面 CGI上的程式開發,但 CGI 相較之下,JSP 還提供了幾項優點: JSP 允許直接使用 HTML 物件,而不須再載入任何 CGI 檔案。 JSP 在運作前就已經完成編譯動作,不像 CGI 還需要伺服器在開啟網頁時還需要載入編譯器。 JSP 是建立於 Java Servlets API 之上,所以就像 Servlets 一樣,JSP 一樣可以使用所有 JAVA 平台企業版 的 APIs,包括了 JDBC、JNDI、EJB、JAXP 等。 JSP 頁面可以組合servlets 來處理商業邏輯以及使用 Java servlet 的模板引擎提供的 model。 JSP 為 Java EE 不能分離的一部分,這意味著 JSP 在應用程式間扮演相當重要的一員。 JSP 的優點: 接下來將列出JSP 與其他網頁技術比較的優點: vs. ASP (Active Server Pages ): JSP 的優點有兩項:第一,JSP 是使用 JAVA 語言撰寫的,而不是 VB 或其他微軟的程式語言,所以使用上會更有力更簡單;第二,JSP 可以在其他作業系統上運行,不像 ASP 只能在微軟的伺服器運行。 vs. Pure Servlets: 相較於 Pure Servlets 需要使用大量的 println 語法來產生HTML物件,JSP 更容易撰寫與修改正規的 HTML 語法。 vs. SSI (Serve…