張清新

（大慶油田信息技術(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)。

1 基于移動(dòng)平臺(tái)的微應(yīng)用開發(fā)框架技術(shù)研究意義

電網(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ǔ)。

2 基于移動(dòng)平臺(tái)的微應(yīng)用開發(fā)框架技術(shù)研究成果

2.1 Bootstrap微應(yīng)用開發(fā)框架

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)用。

2.2 Amaze UI微應(yīng)用開發(fā)框架

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ù)。

3 移動(dòng)平臺(tái)微應(yīng)用開發(fā)框架技術(shù)應(yīng)用重點(diǎn)

3.1 Web框架動(dòng)態(tài)加載

受到當(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)資源用量。

3.2 模塊構(gòu)建

在移動(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)行書寫。

3.3 公用組件

傳統(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ì)量。

3.4 多分辨率終端界面技術(shù)

在移動(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)。

4 移動(dòng)平臺(tái)微應(yīng)用開發(fā)框架的功能架構(gòu)

4.1 模型層功能架構(gòu)

移動(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)用。

4.2 控制層功能架構(gòu)

控制層由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)前所需信息返回頁面。

4.3 視圖層功能架構(gòu)

移動(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)屏幕的過程中，更加貼近原展示效果。

5 結(jié)語

總而言之，為充分發(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ǔ)。