張均馳

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

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

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

一、Ext基本理論的概述

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、結(jié)束語(yǔ)

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

參考文獻(xiàn)：

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

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