[發(fā)明專利]一種適用于手機(jī)的前端組件方法

有效

• 申請?zhí)枺?/td>: 201410150277.2
• 申請日: 2014-04-15
• 公開（公告）號: CN103955364B
• 公開（公告）日: 2017-06-20
• 發(fā)明（設(shè)計）人: 蘇世源;張展;許華堂
• 申請（專利權(quán)）人: 南威軟件股份有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F9/445;G06F17/30
• 代理公司: 泉州市文華專利代理有限公司35205
• 代理人: 陳雪瑩

1.一種適用于手機(jī)的前端組件方法，其特征在于包括如下步驟：

步驟10、加載基本頁面框架，并配置組件資源目錄，包括定義一個組件資源文件夾，文件夾內(nèi)包含組件的資源文件和組件的配置文件，且組件的資源文件按照同一個組件中的所有資源放置在同一個文件夾的原則進(jìn)行設(shè)置；在配置文件中，配置組件對應(yīng)的資源目錄包括Style目錄、Html目錄和JS目錄三個目錄，其中：Style目錄下保存組件相關(guān)的資源，包括頁面的樣式文件和圖片資源；Html目錄下保存組件的html布局文件；JS目錄下保存組件相關(guān)的邏輯；

步驟20、選擇需要的組件，根據(jù)配置在組件文件中讀取相應(yīng)的頁面信息，當(dāng)用戶需要在頁面中使用組件時，先在頁面標(biāo)簽中寫入要使用的組件類型，在讀取頁面標(biāo)簽的時候，如果某個標(biāo)簽帶有組件屬性，將首先生成組件對象，并保存到頁面的對象緩存中；

步驟30、利用底層解析庫提供的支持，根據(jù)配置信息和頁面中的標(biāo)簽來對組件進(jìn)行自動解析，調(diào)用組件的初始化方法；

步驟40、用戶根據(jù)需求自定義自己的組件：用戶將組件復(fù)制出來，根據(jù)需要修改組件細(xì)節(jié)，然后將組件重新封裝，作為一個新的組件歸并到組件庫中，以便于下次復(fù)用；或者，用戶重新開發(fā)一個全新的組件，賦予自己需要的功能，自定義組件步驟主要如下：

步驟401、按照組件資源目錄來編寫或者修改需要的組件，并且在組件中提供讓頁面調(diào)用的渲染方法；

步驟402、根據(jù)實際的業(yè)務(wù)需要提供出相應(yīng)的調(diào)用接口和相應(yīng)的事件，并添加相應(yīng)的資源；

步驟403、將組件的名稱與目錄注冊到配置文件中以供使用；

步驟50、調(diào)用組件對象的渲染方法，根據(jù)初始化完成的函數(shù)對頁面標(biāo)簽進(jìn)行渲染，標(biāo)簽渲染的過程如下：

步驟501、加載組件對象的樣式文件及相關(guān)的資源；

步驟502、根據(jù)組件的配置信息，生成相應(yīng)的DOM對象；

步驟503、將生成的DOM對象添加到頁面上的相應(yīng)標(biāo)簽之上；

所述組件配置信息通過請求遠(yuǎn)程服務(wù)器的信息或者將所需要的配置數(shù)據(jù)作為對象直接傳輸?shù)浇M件之中得到，如果配置了組件的數(shù)據(jù)源信息，組件將自動根據(jù)信息請求遠(yuǎn)程服務(wù)器資源，如果資源格式不符合組件的需要，或者遠(yuǎn)程服務(wù)器不能正常訪問，那么組件將無法被正常渲染出來；

步驟60、當(dāng)組件內(nèi)還有未初始化的組件時，將自動跳轉(zhuǎn)到步驟30，并通過組件內(nèi)的html布局文件實現(xiàn)組件之間的嵌套；所述組件內(nèi)的html布局文件并非是必要的，但是在組件嵌套的時候，html布局文件通過將其他組件標(biāo)簽寫入到上級組件的布局文件中，以實現(xiàn)組件的嵌套,在組件嵌套過程中，將首先渲染嵌套的組件內(nèi)容，然后將嵌套的內(nèi)容作為整體組件的一部分渲染到最終頁面上；

步驟70、組件正常生成后，開發(fā)者通過調(diào)用相應(yīng)的接口對組件進(jìn)行操作或者捕捉組件的相應(yīng)事件并進(jìn)行處理。