ExtJS框架在Web軟件開發(fā)中的應(yīng)用探討

張均馳

摘 要：近些年來，ExtJS框架技術(shù)在Web軟件開發(fā)中應(yīng)用相對較為廣泛，并且ExtJS技術(shù)的應(yīng)用有利于管理以及開發(fā)，從而使得開發(fā)工作人員在日常工作的過程中能夠更為合理的進(jìn)行布局以及設(shè)計方面的工作安排。在進(jìn)行Web軟件開發(fā)的過程中ExtJS技術(shù)能夠?qū)崿F(xiàn)網(wǎng)頁的局部刷新，同時也能夠使得客戶獲得相對良好的網(wǎng)頁瀏覽體驗。本文主要針對ExtJS框架在Web軟件開發(fā)中的應(yīng)用存在的問題以及一些需要關(guān)注的要素進(jìn)行了有效探究。

關(guān)鍵詞：Web;ExtJS;框架;軟件開發(fā)

現(xiàn)階段，ExtJS屬于經(jīng)常應(yīng)用的Ajax框架，在應(yīng)用的過程中通常情況下是進(jìn)行對外邊相對較為豐富的客戶端應(yīng)用的開發(fā)，同時還可以采用ExtJS技術(shù)進(jìn)行對客戶端創(chuàng)建相對多樣化的Web應(yīng)用程序的界面，以此令B/S應(yīng)用更加具有靈活性與創(chuàng)造性。ExtJS屬于一種進(jìn)行前端用戶界面的創(chuàng)建的技術(shù)，該項技術(shù)在應(yīng)用的過程中與后臺技術(shù)不存在任何的關(guān)聯(lián)性，功能性相對較強(qiáng)。

一、Ext基本理論的概述

1.1ExtJS框架技術(shù)介紹

ExtJS通常情況下是采用JavaScript進(jìn)行編寫的，在日常的應(yīng)用過程中主要是進(jìn)行對客戶端外邊的豐富性進(jìn)行設(shè)計應(yīng)用的，并且ExtJS技術(shù)屬于和后臺技術(shù)無關(guān)聯(lián)性的的前端Ajax框架。所以，在日常應(yīng)用的過程中能夠?qū)⑵鋺?yīng)用在對使用Net、Java、PHP等類型的開發(fā)語言的軟件開發(fā)應(yīng)用中來。ExtJS能夠進(jìn)行對富客戶端的開發(fā)，通常情況下是進(jìn)行對前端用戶界面的創(chuàng)建。對于ExtJS技術(shù)來講其起初主要是以Yui技術(shù)為基礎(chǔ)的，其在開發(fā)過程中主要是根據(jù)Javaswing等機(jī)制進(jìn)行可視化組件的組織的，不管是由UI界面中的CSS樣式的應(yīng)用還是在數(shù)據(jù)解析上的異常問題的解決，均具有重要作用的客戶端開發(fā)技術(shù)工具。對于Ext來講其UI組件模型還有開發(fā)的基本理念主要來源于Yahoo組件庫內(nèi)的Yui還有Java平臺內(nèi)的Swing，同時在應(yīng)用的過程中能夠為軟件開發(fā)工作人員進(jìn)行大量的關(guān)于跨瀏覽器上的問題的解決。

ExtJS主要是通過利用JavaScript的主要特性，并且通過有效的音聲出來的理念，在進(jìn)行對EXT應(yīng)用過程中，通過在設(shè)備上急性軟件的安裝，能夠了解到其自身是具有開發(fā)框架的存在的。ExtJS屬于由一些類的類庫構(gòu)成的，頁面通過完成對ExtJS庫的加載以后，便能夠在頁面內(nèi)展開對ExtJS的類還有相關(guān)的控件的合理調(diào)用，以此進(jìn)行相關(guān)功能的應(yīng)用。對于ExtJS的類庫來講其主要是由底層和空間以及實用工具等幾部分組成的。ExtJS的類庫底層中通常情況下會提供一定的對DOM的操作以及對封裝的查詢和事件的處理與DOM查詢器等具有基礎(chǔ)性的功能。大多數(shù)空間通常情況下均是建設(shè)在ExtJS的類庫的底層的API的基礎(chǔ)上，其底層API主要出于源代碼目錄中的CoreML的子目錄內(nèi)。ExtJS的類庫內(nèi)的控件主要值得是能夠在頁面內(nèi)進(jìn)行對可視化組件的直接創(chuàng)建，其中主要涉及到頁面的面板還有相關(guān)選項板以及窗口和工具欄等，在經(jīng)常見的應(yīng)用程序內(nèi)能夠進(jìn)行直接通過對此類型的空間的有效與應(yīng)用程序的良好的交互的UI。對于空間來講其通常情況下主要位于源代碼的widgets的子目錄內(nèi)的。Ext一般情況下會提供相對較多的實用性的工具，能夠有助于開發(fā)人員進(jìn)行數(shù)據(jù)的相關(guān)內(nèi)容的篩選與處理以及對JSON類型的數(shù)據(jù)的解碼處理或者進(jìn)行發(fā)解碼的處理等方面的功能。

二、關(guān)于ExtJS框架在Web軟件開發(fā)中的有效應(yīng)用

2.1ExtJS開發(fā)主要概論

ExtJS在開發(fā)方面的相關(guān)理念主要是來自于桌面軟件的開發(fā)，一些開發(fā)人員曾經(jīng)才用過VB、Deiphi等具有可視化功能的桌面軟件的工作經(jīng)驗，該部分人員在使用ExtJS進(jìn)行開發(fā)的時候相對來講難度相對較小。隨著信息技術(shù)的不斷更新發(fā)展，Web軟件的開發(fā)也在不斷的發(fā)展，現(xiàn)階段Web應(yīng)用開發(fā)已經(jīng)發(fā)展之可視化工具開發(fā)的模式下。因此對于開發(fā)人員來講，對于原始的開發(fā)語言相對認(rèn)知較少但是采用ExtJSUI組件進(jìn)行對Web應(yīng)用的開發(fā)工作人員。Ext主要是進(jìn)行了對框架展開了有效地重新構(gòu)建，在期內(nèi)最為關(guān)鍵的是建立起了一個在結(jié)構(gòu)方面還有層次方面相對較為分明的組件體系，該類型的組件從而最終組成了EXT的主要控件。對于EXT的組件來講其主要是COMPONENT類進(jìn)行定義的，各個組件均有特定的xtype屬性值，采用該部分值能夠獲取到一個組件的類型或進(jìn)行對一指定類型的組件的定義。

2.2ExtJS主要開發(fā)方向

ExtJS在定位上是RIA，其在定位上與Protoype等類庫存在一定的差異。借助ExtJS進(jìn)行開發(fā)，其主要進(jìn)行對客戶端開發(fā)，但是Protoype等類庫主要是進(jìn)行客戶端框架開發(fā)的輔助性的技術(shù)，明顯的同ExtJS存在一定的差異。

2.3應(yīng)用ExtJS時的注意要素

ExtJS相對于其他類型的輔助性類庫具有相對較大的差異性，應(yīng)用操作相對較為簡單，因此在經(jīng)過很短時間的學(xué)習(xí)便能夠很好的應(yīng)用。在實際的應(yīng)用過程中其主要需要的注意的事項需要選擇合適的ExtJS使用方法。由于在應(yīng)用ExtJS進(jìn)行開發(fā)的過程中其向開發(fā)人員提供了諸多的應(yīng)用方法，從而便于進(jìn)行對客戶端的開發(fā)任務(wù)的完成，在應(yīng)用過程中經(jīng)常使用的功能是進(jìn)行對HTMLDOM的查詢，進(jìn)行對HTML元素的創(chuàng)建等，該些大部門均可以通過ExtJS提供的方法進(jìn)行有效地應(yīng)用，開發(fā)者能夠通過ExtJS進(jìn)行代碼程度的編寫。V的自定義事件在應(yīng)用過程中相對較為便利，能夠展開一對多的通知，同時每一項自定義事件在處理的過程中都可以進(jìn)行停止控制，在應(yīng)用過程中僅需要一個處理函數(shù)返回false。關(guān)于腳本文件的管理方面應(yīng)當(dāng)盡量將不同的模塊整理成為一個類，任何一個類建立一個文件，同Java的文件處理措施有很大的相似程度，不同類型的文件在名稱上已經(jīng)可能的進(jìn)行明確的標(biāo)注其具體的作用，若所需要的的文件相對較多，可以建立起配置文件，然后借助配置文件進(jìn)行對腳本輸出至客戶端。在進(jìn)行調(diào)試還有部署的過程中分別急性對debug還有release版本的腳本的加載過程中ExtJS自身所附帶的例子中沒有采用相對較為完整的debug版本的例子，因此大部分開發(fā)人員無法找到完整的debug版本的引用順序，借助soure文件內(nèi)的ext.jsb文件便能夠展開有效的分析，通過此種方式便能夠獲取到正確的加載順序。

三、ExtJS開發(fā)階段需要注意內(nèi)存

ExtJS其主要的應(yīng)用是樹還有調(diào)整片平面的合理配合，在應(yīng)用樹階段動態(tài)下載頁面代碼進(jìn)行表現(xiàn)層的創(chuàng)建，再利用一個新tab進(jìn)行展示。在進(jìn)行對tab關(guān)閉的時候ExtJS會把所依附在tab組件進(jìn)行完全的清楚。然而在進(jìn)行對該方面的應(yīng)用過程中會占用相對較大的內(nèi)存空間。因此在采用ExtJS開發(fā)過程中應(yīng)當(dāng)注重對內(nèi)存的耗損。

四、采用ExtJS開發(fā)軟件的建議

大多數(shù)開發(fā)人員在采用ExtJS的過程中會覺得其腳本所占用的空間相對較大，在應(yīng)用到互聯(lián)網(wǎng)的過程中相對存在一定的不適應(yīng)性，因此在進(jìn)行對Web應(yīng)用上的部署的股從而行中必須選擇release版本的ExtJS進(jìn)行合理加載。同時在應(yīng)用的過程中應(yīng)當(dāng)注重對組件的合理加載，在應(yīng)用過程中只進(jìn)行對能夠應(yīng)用上的組件進(jìn)行加載，從而避免出現(xiàn)過多消耗內(nèi)存的情況出現(xiàn)。

五、結(jié)束語

ExtJS屬于一個與后臺技術(shù)無關(guān)的前端框架，在應(yīng)用開發(fā)的過程中主要是進(jìn)行對富客戶端的開發(fā)。并且在應(yīng)用過程中開發(fā)人員易操作，且功能性以及實用工具相對較多，能夠有效的減少開發(fā)人員的實際工作量，同時還能夠有效實現(xiàn)Web頁面開發(fā)設(shè)計的多樣化需求。

參考文獻(xiàn)：

[1]袁華強(qiáng)，王亞強(qiáng)，朱君.利用J2EE輕量級框架構(gòu)建Web應(yīng)用研究[J].計算機(jī)工程與設(shè)計，2017，28（1）：22-25.

[2]李成嚴(yán)，馮慧靈.基于開源技術(shù)的Web應(yīng)用架構(gòu)研究[J].計算機(jī)技術(shù)與發(fā)展，2019，19（8）：27-30.