ExtJs入門學習

      本人軟件工程師一名,從事企業應用的前後臺開發,因爲最近項目上涉及到extJs,之前從沒用到過,所以接下來開始學習ext,結合項目總結一些常用的組件,本文爲第一篇,從認識extJs開始!

什麼是Ext JS

ExtJS的前身是YUI(Yahoo User Interface)。經過不斷的發展與改進,ExtJS現在已經成功發佈到了ExtJS 6版本,是一套目前最完整和最成熟的javascript基礎庫之一,利用ExtJS構建的WEB應用具有與桌面程序一樣的標準用戶界面和操作方式,並能夠跨不同的瀏覽器平臺使用。

就目前的市場趨勢,現在用戶對體驗的要求越來越高。涌現出很多優秀的前臺javascript框架,如Prototype、JQuery、ExtJS等等,ExtJS無疑是其中優秀的解決方案之一。它能夠幫助開發者快速實現良好的用戶界面開發,在加上ExtJS又是開源的,所以ExtJS的生命力極強,作爲web開發人員來說,我們需要掌握這個優秀的技術幫助我們開發。比較適合我們這種web開發,前後端都得做,不想寫css,但又逃脫不了頁面的程序員,哈哈!

歷史

Ext JS基於MVC / MVVM架構。 最新版本的Ext JS 6是一個單一的平臺,可以用於桌面和移動應用程序,而不需要爲不同的平臺提供不同的代碼。

Ext JS 1.1

Ext JS的第一個版本是由Jack Slocum在2006年開發的。它是一組實用程序類,它是YUI的擴展。 他將該庫命名爲YUI-ext。

Ext JS 2.0

Ext JS 2.0版於2007年發佈。此版本具有用於桌面應用程序的新API文檔,但功能有限。 此版本與以前版本的Ext JS沒有向後兼容性。

Ext JS 3.0

Ext JS版本3.0是在2009年發佈的。這個版本添加了新的功能作爲圖表和列表視圖,但是以速度爲代價。 它向後兼容2.0版本。

Ext JS 4.0

Ext JS 3發佈後,Ext JS的開發人員面臨着提高速度的主要挑戰。 Ext JS 4.0版本發佈於2011年。它具有完整的修訂結構,其後是MVC架構和一個快速的應用程序。

Ext JS 5.0

Ext JS版本5.0是在2014年發佈的。這個版本的主要變化是將MVC架構改爲MVVM架構。 它包括在啓用觸摸的設備上構建桌面應用程序的功能,雙向數據綁定,響應式佈局和更多功能。

Ext JS 6.0

Ext JS 6合併了Ext JS(用於桌面應用程序)和sencha touch(用於移動應用程序)框架。

特徵

這些是Ext JS的突出特性

  1. 可定製的UI小部件與豐富的UI集合,如網格,樞軸網格,表單,圖表,樹木。
  2. 新版本與舊版本的代碼兼容性。
  3. 靈活的佈局管理器有助於組織跨多個瀏覽器,設備和屏幕大小的數據和內容顯示。
  4. 高級數據包將UI小部件與數據層分離。 數據包允許客戶端使用高度功能的模型收集數據,這些模型支持排序和過濾等功能。
  5. 它是協議不可知的,並且可以從任何後端源訪問數據。
  6. 可定製的主題Ext JS窗口小部件提供了跨平臺一致的多個現成主題。

優點

 Ext JS是業務級Web應用程序開發的領先標準。 Ext JS提供了爲桌面和平板電腦構建強大應用程序所需的工具。

  1. 簡化針對現代和傳統瀏覽器的跨平臺開發,跨桌面,平板電腦和智能手機。
  2. 通過IDE插件集成到企業開發環境中,提高開發團隊的生產力。
  3. 降低Web應用程序開發的成本。
  4. 授權團隊創建具有吸引力的用戶體驗的應用程序。
  5. 它有一組小部件使UI強大和容易。
  6. 它遵循MVC架構這樣高度可讀的代碼

 

ExtJS的開發包

要開始Ext之旅的第一步就是要獲得開發包,我們可以從官方網站裏進行下載: http://www.sencha.com/products/extjs/download

解壓縮文件夾,你會發現各種JavaScript和CSS文件,你將包括在我們的應用程序。 主要包括以下文件:

包結構說明:

builds目錄爲ExtJS壓縮後的代碼

docs目錄爲ExtJS的文檔

examples目錄中是官方的演示示例

locale是多國語言的資源文件,其中ext-lang-zh_CN.js是簡體中文

overview是ExtJS的功能概述

packages中是ExtJS各部分功能的打包文件

resource中書ExtJS要用到的圖片文件與樣式表文件

src目錄是未壓縮的源碼

bootstrap.js是ExtJS庫的引導文件,通過參數可以自動切換ext-all.js和ext-debug.js

ext-all.js文件是ExtJS的核心庫,是必須要引入的

ext-all-debug.js文件是-all.extjs的調試版,在調試的時候可能需要使用

spket-1.6.23插件下載
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章