[发明专利]一种页面流编辑器

说明书

一种页面流编辑器，包括：元模型获取模块，用于获取页面流编辑所需的元模型；页面流处理模块，用于在后台处理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代码；

进一步地，代码生成是通过如下步骤实现：

根据模型找到对应的代码生成器，根据传入的模型类型创建节点访问者；