RWD概述

EEP 2012引入了JQuery前端技術結合了EasyUI框架，造就了EEP Web應用系統的主流，隨著手機與平板的盛行，純以Web的頁面已經無法滿足現代企業的需求。

隨著行動裝置的普及與用戶使用習慣的改變，使用者以行動裝置來上網或查詢資料的比率已經大過使用桌上型電腦或筆電的比率，這個結果就逼得所有知名網站與企業網站都必須提供適合行動裝置所使用的介面與螢幕大小的網頁。因此RWD的網頁技術就此因應而生，RWD就是Responsive Web Design的簡稱，也就是響應式網頁設計，或稱為適應性網頁、自適應網頁設計等，就是用一套設計網頁的方式來根據不同的裝置螢幕尺寸來自動回應式網頁設計效果，達到多螢網頁設計的目的。

EEP RWD模組，使用的為最廣為使用的bootstrap框架，是很簡潔，直覺，強大的前端框架，讓RWD網頁開發更快速更簡單。RWD的目地就是讓企業可以在不同的裝置尺寸上只需開發一套網頁程式，為企業帶來更高的開發效率；最後還可以透過Cordova模組編譯成App發布在行動裝置上，滿足企業對於行動化的應用需求。

EEP RWD特色

l   以Bootstrap為核心所開發的RWD組件

l   支援各式手機、平板、桌面電腦等不同螢幕大小解析度

l   一次設計，即可滿足不同螢幕尺寸裝置的UI需求

l   快速Wizard，不會Bootstrap或CSS也可快速產生RWD表單

l   純HTML5+CSS3+ JS程式庫，建構出精簡且高效的前端框架

l   RWD的UI與JS組件可以選擇配合.NET或Node.JS的A/P Server

l   可透過Cordova產生Hybrid App，讓你延伸到App的應用

l   開放原始程式碼，提供企業技術轉移與二次開發能力

EEP 元件

l   排版元件: Layout布局、Tabs頁簽。

l   資料元件: DataGrid表格、DataForm表單、DataList資料列。

l   輸入元件: TextBox文本框、MultiBox多列框、NumberBox數值框、Password密碼框、Combo下拉選單、RefVal關聯選單、Option單複選、DateBox日期框、DateTimeBox日期時間框、Switch開關、Slider滑動條。

l   特殊輸入元件: FileUpload檔案上傳、Signature簽名板、AutoNum自動編號、Default預設值、Validate檢核。

l   顯示元件: Image圖檔、QRCode二維碼、BarCode條碼、Map地圖、Literal網頁文字、Carousel幻燈片、Chart統計圖。

l   其他元件: Card看板(瀑布流 )、TreeView樹狀、Schedule行事曆。

l   APP專用元件: Capture拍照、Scan掃描、Call撥號、Push推播、SMS短訊、Place打卡。(註: APP Module才能使用)

EEP元件樣式

EEP RWD元件會隨著在不同螢幕自適應不同的寬度與大小，並重新排版，針對APP使用時部分元件還會以APP原生的介面呈現。

<行事曆>

<看板元件(瀑布流)>

<統計圖元件>

相關文章連結:

l   RWD APP首航

l   EEP2017新成員-RWD模組

l   網頁新標準-RWD設計