[發明專利]一種基于移動端HTML頁面的自定義菜單組件開發方法

在審

• 申請號: 202010580445.7
• 申請日: 2020-06-23
• 公開（公告）號: CN111736831A
• 公開（公告）日: 2020-10-02
• 發明（設計）人: 劉曉;李鐵軍;徐兵兵
• 申請（專利權）人: 山東浪潮商用系統有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/957;G06F3/0482
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 郗艷榮

1.一種基于移動端HTML頁面的自定義菜單組件開發方法，其特征在于，基于HTML，JavaScript和CSS語言進行開發，具體實施步驟如下：

第一步，通過傳入相關初始化參數對插件進行控制；

第二步，在功能菜單參數完成初始化配置之后，以成型標簽的形式嵌入到HTML頁面；

第三步，經瀏覽器編輯后生成功能菜單即可。

2.根據權利要求1所述的基于移動端HTML頁面的自定義菜單組件開發方法，其特征在于：所述第一步中，通過對組件對外暴露的參數進行初始化配置，開發人員可以實現對功能菜單的個性化配置；初始化配置的參數包括功能菜單組成部分的數組，樣式定制部分參數和全局控制部分參數。

3.根據權利要求2所述的基于移動端HTML頁面的自定義菜單組件開發方法，其特征在于：所述功能菜單組成部分的數組中的每一個元素為一個功能菜單的子元素，包括對當前功能菜單元素的名稱，圖標，位置，點擊事件，雙擊事件，長按事件以及是否必須項屬性的具體配置。

4.根據權利要求2所述的基于移動端HTML頁面的自定義菜單組件開發方法，其特征在于：所述樣式定制部分參數包括系統樣式配置和自定義樣式配置兩部分；

當前系統自帶風格主題API，所述系統樣式配置用于對當前的系統進行簡單的配置，通過調整主題的顏色以及字體大小，實現簡單的樣式修改；

當對當前系統進行簡單配置無法滿足用戶需求時，使用自定義樣式配置，通過聲明新的樣式文件對功能菜單實現樣式重構。

5.根據權利要求2所述的基于移動端HTML頁面的自定義菜單組件開發方法，其特征在于：所述全局控制部分參數包括當前菜單是否支持收藏，自定義刪除以及位置調整。

6.根據權利要求2～5任意一項所述的基于移動端HTML頁面的自定義菜單組件開發方法，其特征在于：所述功能菜單組成部分的數組，樣式定制部分參數和全局控制部分參數均為JSON格式。

7.根據權利要求6所述的基于移動端HTML頁面的自定義菜單組件開發方法，其特征在于：所述第二步中，參數配置完成后，使用組建的初始化函數init將參數對象傳入組件中工具類中進行菜單初始化，利用組件中的JavaScript工具類對JSON參數對象進行數據解析，通過其中包含參數的對應條件規則對菜單標簽進行拼接，最后對加載全局參數配置生成最終的完整標簽塊。

8.根據權利要求7所述的基于移動端HTML頁面的自定義菜單組件開發方法，其特征在于：所述第三步中，在用戶指定的瀏覽器頁面位置中加載已生成的標簽塊，即可生成最終的功能菜單。