張清新
(大慶油田信息技術(shù)公司物聯(lián)網(wǎng)分公司,黑龍江 大慶 163000)
隨著信息化發(fā)展進(jìn)程的不斷推進(jìn),大眾可利用網(wǎng)絡(luò)獲取更多信息資源,切實(shí)地提升了社會(huì)透明度及民眾自我意識(shí)。如何借助移動(dòng)互聯(lián)網(wǎng)技術(shù)加強(qiáng)企業(yè)生產(chǎn)經(jīng)營管理水平,已成為電網(wǎng)企業(yè)重要研究課題之一,需相關(guān)工作人員推進(jìn)微應(yīng)用開發(fā)框架技術(shù)開發(fā)工作,通過建立起終端設(shè)備訪問組件及數(shù)據(jù)存儲(chǔ)組件等,構(gòu)建起更加完善的移動(dòng)微應(yīng)用平臺(tái)。
電網(wǎng)外部市場及內(nèi)部業(yè)務(wù)的不斷變動(dòng),對傳統(tǒng)移動(dòng)業(yè)務(wù)應(yīng)用的運(yùn)行效率及質(zhì)量提出了更高要求。通過對移動(dòng)平臺(tái)微應(yīng)用開發(fā)框架平臺(tái)的構(gòu)建,可從根本上提升應(yīng)用平臺(tái)的安全性及可靠性?,F(xiàn)階段我國常用移動(dòng)開發(fā)技術(shù)為標(biāo)準(zhǔn)前端HTML5框架,難以實(shí)現(xiàn)動(dòng)態(tài)加載目標(biāo),并使得應(yīng)用界面信息更加復(fù)雜,終端設(shè)備電力資源消耗嚴(yán)重,客戶滿意度不高。不僅如此,傳統(tǒng)移動(dòng)應(yīng)用平臺(tái)框架編程缺乏一定的靈活性,在開展處理、文件配置等工作時(shí)效率較低。在終端設(shè)備方面,由于移動(dòng)端尺寸較多,終端設(shè)備匹配難度大,極易出現(xiàn)分辨率不適配等問題。不僅如此,由于移動(dòng)端缺乏相應(yīng)組件封裝,導(dǎo)致移動(dòng)應(yīng)用平臺(tái)實(shí)際開發(fā)周期較長。
而基于移動(dòng)平臺(tái)的微應(yīng)用開發(fā)框架技術(shù),可利用模塊等方式構(gòu)建相關(guān)應(yīng)用,使表單及圖表形式更加豐富,并切實(shí)提升了移動(dòng)應(yīng)用平臺(tái)開發(fā)效率及經(jīng)濟(jì)利益,為更好的增強(qiáng)移動(dòng)應(yīng)用平臺(tái)運(yùn)行穩(wěn)定性及安全性奠定了堅(jiān)實(shí)技術(shù)基礎(chǔ)。
Bootstrap微應(yīng)用開發(fā)框架主要在jQuery基礎(chǔ)上改造而成,屬于Web應(yīng)用程序及網(wǎng)站的前端開源架構(gòu)?,F(xiàn)階段,Bootstrap微應(yīng)用開發(fā)框架已在多家著名網(wǎng)站應(yīng)用,主要優(yōu)勢體現(xiàn)在可快速適配移動(dòng)端口及移動(dòng)界面展示、響應(yīng)式布局合理等方面。但該微應(yīng)用開發(fā)框架無法更好滿足移動(dòng)應(yīng)用開發(fā)平臺(tái)動(dòng)態(tài)加載要求,且缺乏更加完善的公用組件庫進(jìn)行開發(fā)及調(diào)用。
Amaze UI微應(yīng)用開發(fā)框架是國內(nèi)首款開源跨屏、輕量級高度的前端框架。該框架主要以移動(dòng)優(yōu)先的理念,可以更好地適配于大部分設(shè)備的屏幕,實(shí)現(xiàn)畫面動(dòng)態(tài)交互目標(biāo),使展示效果更加高效。與Bootstrap微應(yīng)用開發(fā)框架相比,Amaze UI微應(yīng)用開發(fā)框架內(nèi)部組件更多,功能性強(qiáng),可依據(jù)用戶自行代理來控制界面的字體及排版順序。但與前者相同,Amaze UI微應(yīng)用開發(fā)框架也不具備動(dòng)態(tài)加載功能及相應(yīng)的模塊構(gòu)建技術(shù)。
受到當(dāng)前互聯(lián)網(wǎng)環(huán)境下移動(dòng)端內(nèi)存及流量的影響,通過動(dòng)態(tài)加載技術(shù)的使用,可分散程序文件,依照客戶需求進(jìn)行加載,提升移動(dòng)應(yīng)用平臺(tái)運(yùn)行效率。在Web框架動(dòng)態(tài)加載技術(shù)開發(fā)期間,理論上相關(guān)工作人員只需在代碼頭部引用所需插件即可,但由于不同項(xiàng)目所應(yīng)用的服務(wù)器存在極大差異性,導(dǎo)致Web框架動(dòng)態(tài)加載成為一大技術(shù)難點(diǎn)。
由于Web框架動(dòng)態(tài)加載主要依據(jù)依賴關(guān)系及遞歸執(zhí)行文檔創(chuàng)建腳本庫的過程,可通過回調(diào)函數(shù)分段加載等方式,依照就近原則遞歸執(zhí)行腳本,最后通過動(dòng)態(tài)加載文檔等方式,對回調(diào)函數(shù)進(jìn)行分段加載,從而提升加載效率,降低終端各項(xiàng)資源用量。
在移動(dòng)應(yīng)用平臺(tái)構(gòu)建過程中,需通過模塊化構(gòu)建方式,將頁面及功能進(jìn)行分塊處理,切實(shí)提升頁面獲取效率,實(shí)現(xiàn)終端調(diào)試的快速定位。由于多個(gè)模塊化的調(diào)用需依照嚴(yán)格模塊名稱及信息開展,因此,如何在移動(dòng)應(yīng)用平臺(tái)構(gòu)建期間對模塊進(jìn)行快速分類,也成為微應(yīng)用開發(fā)框架技術(shù)的開發(fā)重點(diǎn)。
模塊構(gòu)建需依照先配置、再加載而后調(diào)用子模塊的順序開發(fā),因此在實(shí)際構(gòu)建期間,相關(guān)工作人員可通過定義多個(gè)模塊中的相互調(diào)用,使模塊運(yùn)行期間不再發(fā)生沖突。值得注意的是,各模塊中所應(yīng)用插件均需放置在模型層之下,其他頁面引用配置別名過程中必須嚴(yán)格依照相關(guān)格式進(jìn)行書寫。
傳統(tǒng)框架下移動(dòng)應(yīng)用平臺(tái)的公用組件存在一定局限性,需通過時(shí)間插件、彈窗插件及圖像插件等封裝,并在不同頁面中應(yīng)用不同插件,確保公用組件的有效調(diào)用。同時(shí),相關(guān)工作人員也可通過擴(kuò)展原生庫的方式合并自定義對象,提升組件調(diào)用效率,確保各項(xiàng)業(yè)務(wù)場景中都可依照相應(yīng)需求進(jìn)行動(dòng)態(tài)調(diào)動(dòng),提升移動(dòng)應(yīng)用平臺(tái)的使用效率及質(zhì)量。
在移動(dòng)應(yīng)用平臺(tái)各終端設(shè)備中,需依據(jù)媒體查詢功能等樣式設(shè)置視窗屬性及比例,更好地實(shí)現(xiàn)不同智能手機(jī)分辨率及終端尺寸中的使用。隨著終端設(shè)備數(shù)量及種類的不斷增長,終端界面無法滿足所有手機(jī)的分辨率,需利用微應(yīng)用開發(fā)框架技術(shù),提升其公用組件的功能性及適用性。
同時(shí),在多分辨率、多尺寸終端界面適配技術(shù)中,也可將移動(dòng)瀏覽器進(jìn)行等比設(shè)置,依照手機(jī)尺寸進(jìn)行定向等比加載。在微應(yīng)用開發(fā)框架代碼中,設(shè)置寬度及適口等內(nèi)容屬性,切實(shí)提升代碼利用效率,實(shí)現(xiàn)多元化適配目標(biāo)。
移動(dòng)動(dòng)態(tài)微應(yīng)用開發(fā)框架中模型層研究主要針對移動(dòng)端公用組件開展,可使工作人員更好地調(diào)用封裝完畢的插件,實(shí)現(xiàn)代碼簡單化、調(diào)用快速化發(fā)展目標(biāo)。其中,移動(dòng)業(yè)務(wù)應(yīng)用可進(jìn)行多次使用,依據(jù)用戶實(shí)際需求組成應(yīng)用界面,以此提升移動(dòng)平臺(tái)微應(yīng)用開發(fā)框架效率。依照模塊化定義,可將移動(dòng)應(yīng)用平臺(tái)中的公用組件以插件等方式放置在配置層,根據(jù)模塊加載需求進(jìn)行動(dòng)態(tài)調(diào)用,切實(shí)提升移動(dòng)應(yīng)用平臺(tái)開發(fā)效率及質(zhì)量?,F(xiàn)階段,模型層主要由以下幾種插件構(gòu)成:(1)時(shí)間插件。便于用戶依據(jù)自身要求選擇不同時(shí)間形式及時(shí)區(qū);(2)彈窗插件。用于提升、警告用戶不合理操作,具有自定義對話及確認(rèn)對話等形式,并可更好地實(shí)現(xiàn)跨平臺(tái)的應(yīng)用。
控制層由Web框架動(dòng)態(tài)加載及模塊化構(gòu)成。其中,Web框架動(dòng)態(tài)加載中緩存存在所需獲取模塊的情況下,則對該模塊進(jìn)行加載,而后依據(jù)綁定事件,對回調(diào)函數(shù)進(jìn)行加載。如果Web框架動(dòng)態(tài)加載中緩存不存在所需模塊,則需先創(chuàng)設(shè)一個(gè)新模塊,而后通過此模塊獲得模塊的方式及屬性。依據(jù)移動(dòng)平臺(tái)業(yè)務(wù)框架,模塊可分為流程引擎模塊、業(yè)務(wù)模塊等多種類型,需工作人員依據(jù)此些模塊,對其進(jìn)行自定義及相互調(diào)用。以引擎模塊為例,該模塊主要就是移動(dòng)業(yè)務(wù)應(yīng)用向服務(wù)端發(fā)送請求時(shí),通過相關(guān)控制裝置對數(shù)據(jù)進(jìn)行存儲(chǔ),當(dāng)移動(dòng)應(yīng)用平臺(tái)實(shí)際運(yùn)行期間,引擎模塊自動(dòng)執(zhí)行及加載程序,依照相關(guān)操作步驟及順序,確保當(dāng)前所需信息返回頁面。
移動(dòng)平臺(tái)微應(yīng)用開發(fā)框架中的視圖層是人機(jī)交互期間的重要載體,通過多分辨終端界面適配技術(shù),構(gòu)建起相應(yīng)的柵格系統(tǒng)。同時(shí),在視圖層中還應(yīng)注重響應(yīng)布局工作,通過對不同移動(dòng)終端的適應(yīng)性等展現(xiàn)頁面,從而動(dòng)態(tài)調(diào)整頁面中的布局及所含信息,確保不同分辨率及尺寸的設(shè)備可展現(xiàn)出相同內(nèi)容。同時(shí),在視圖層中,還需引進(jìn)可擴(kuò)展插件技術(shù),通過擴(kuò)展圖標(biāo)字體,對縮放功能進(jìn)行禁用,確保用戶在滾動(dòng)屏幕的過程中,更加貼近原展示效果。
總而言之,為充分發(fā)揮出移動(dòng)平臺(tái)在微應(yīng)用開發(fā)框架技術(shù)應(yīng)用中的積極作用,相關(guān)工作人員更需認(rèn)清當(dāng)前移動(dòng)應(yīng)用平臺(tái)在實(shí)際開發(fā)過程中遇到的問題,構(gòu)建起更加完善的框架動(dòng)態(tài)加載及模塊化構(gòu)建模式,致力于降低移動(dòng)應(yīng)用成本與開發(fā)成本,切實(shí)提升移動(dòng)應(yīng)用平臺(tái)中的可維護(hù)性及拓展性,為促進(jìn)微應(yīng)用開發(fā)框架技術(shù)的可持續(xù)發(fā)展奠定堅(jiān)實(shí)的基礎(chǔ)。