[發明專利]一種頁面流編輯器

有效

• 申請號: 201511034330.3
• 申請日: 2015-12-31
• 公開（公告）號: CN106933563B
• 公開（公告）日: 2020-06-02
• 發明（設計）人: 向萬紅;馮磊;周明;哈達;劉明
• 申請（專利權）人: 遠光軟件股份有限公司
• 主分類號: G06F8/35
• 分類號: G06F8/35;G06F8/38
• 代理公司: 廣東朗乾律師事務所 44291
• 代理人: 楊煥軍

一種頁面流編輯器，包括：元模型獲取模塊，用于獲取頁面流編輯所需的元模型；頁面流處理模塊，用于在后臺處理JS代碼的編輯；頁面流展示模塊，用于提供圖形化界面，展示編輯界面和圖元。所述圖形化界面為GEF框架與UI框架相結合的封裝，將EMF模型與GEF框架相結合，使用EMF模型作為GEF編輯器中的模型層，提供基礎的編輯擴展，并對展現層提供默認實現。本發明實現了圖形化編程，開發便捷，邏輯處理直觀、簡潔、易于維護；降低了前端JS代碼的開發難度，簡單易于上手，即使初級前端開發工程師也能保證編寫出技術難度較高的高質量代碼，降低了開發成本。

技術領域

本發明屬于計算機軟件技術領域，更具體地說，涉及一種圖形化的JS代碼編輯器。

背景技術

在傳統ECP(Enterprise Cloud Platform，企業管理云平臺)開發平臺下，如遠光軟件的YG-ECP企業云平臺，前端開發人員每開發一個新功能都需要編寫大量的JS(Javascript)代碼，效率無法提高，而且每個開發人員存在能力差異，導致編寫出來的代碼質量參差不齊，代碼的復用性差。而且代碼存在不直觀的缺點，當發生人員調動等需要將代碼轉出情況時，接手人員要閱讀大量程序代碼，這使得程序維護復雜且代價昂貴。此外，一個優秀前端開發人員需要花費大量時間累積經驗，人員培養周期長。盡管開發人員已盡量避免重復勞動，但是依然需要使用大量時間編寫一些差異不大或者重復的代碼，擠壓了開發人員學習其他技能的學習時間。

發明內容

本發明的目的是提供一種圖形化的JS代碼編輯器，可以實現JS代碼塊內容的圖形化編輯。

為了實現上述目的，本發明采取如下的技術解決方案：

一種頁面流編輯器，包括：

元模型獲取模塊，用于獲取頁面流編輯所需的元模型；

頁面流處理模塊，用于在后臺處理JS代碼的編輯；

頁面流展示模塊，用于提供圖形化界面，展示編輯界面和圖元。

進一步地，所述圖形化界面為GEF框架與UI框架相結合的封裝，將EMF模型與GEF框架相結合，使用EMF模型作為GEF編輯器中的模型層，提供基礎的編輯擴展，并對展現層提供默認實現。

進一步地，所述頁面流處理模塊包括：

模型解析模塊，用于掃描JS代碼塊，獲取代碼塊完整字符串及模型標識，并對代碼塊進行解析和生成模型；

模型校驗模塊，用于對通過模型解析模塊所生成的模型進行校驗；

代碼生成模塊，用于將通過模型解析模塊所生成的模型生成代碼。

進一步地，所述模型解析模塊進一步包括：

掃描器，用于掃描JS代碼；

模型規則解析器，用于解析模型的JS代碼解析，定位模型所在的代碼塊；

模型解析器，用于將JS代碼塊解析為模型。

進一步地，所述代碼解析和模型生成是通過如下步驟實現：

掃描器逐個字符掃描JS代碼塊，并根據解析需要獲取指定位置字符；模型規則解析器根據規則判斷代碼塊是否為開始，字符是否接受，代碼塊是否結束，獲取代碼塊完整字符串及模型標識；模型解析器進行模型解析和生成。

進一步地，所述代碼生成模塊進一步包括，

節點訪問者，用于生成節點模型的代碼；

代碼生成器，用于將模型生成JS代碼；

進一步地，代碼生成是通過如下步驟實現：

根據模型找到對應的代碼生成器，根據傳入的模型類型創建節點訪問者；