發表文章

目前顯示的是 1月, 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 位於何處: 如圖片所示,HT

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&#

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,包括了 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 需要使用大量的p

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 更容易撰寫與