[发明专利]一种前端代码生成方法及装置

权利要求书

1.一种前端代码生成方法，其特征在于，包括：

配置前端展示页面对应的多个业务组件，所述业务组件为组件和/或业务模块构成，其中，所述业务模块为多个组件构成；

配置所述业务组件中所述组件的展示逻辑；

配置所述展示页面针对不同访问用户的权限逻辑；

配置完成后生成JSON格式结构代码并存储，所述JSON格式结构代码包括组件属性代码、组件组合逻辑代码、组件展示逻辑代码和权限逻辑代码；

对所述JSON格式结构代码进行校验，对校验失败的所述JSON格式结构代码根据所述组合逻辑、展示逻辑和权限逻辑进行自动修改；

抽象所述业务组件的JSON格式结构代码，根据所述业务组件结构规范所述JSON格式结构代码数据结构，使前端和后端的代码数据结构一致后开发所述业务组件对应的业务接口；

接收所述访问用户的访问操作后生成对应展示页面。

2.根据权利要求1所述前端代码生成方法，其特征在于，还包括，配置多语言业务组件，存储对应多语言的数据字典并进行动态维护。

3.根据权利要求2所述前端代码生成方法，其特征在于，所述业务组件通过从组件集和/或业务模块集中拖拽组件和/或业务模块配置生成；

所述配置生成的业务组件通过开发人员的操作指令可存储至业务模块集中。

4.根据权利要求1所述前端代码生成方法，其特征在于，所述组件属性包括字段属性、页面属性、表单属性。

5.根据权利要求4所述前端代码生成方法，其特征在于，所述组件是通过将预设元素拖拽至布局组件构成的。

6.根据权利要求5所述前端代码生成方法，其特征在于，所述预设元素是从元素集中进行拖拽的，所述元素集包括常用元素集和高级元素集；

所述常用元素集至少包括：文本、选择、下拉、日期、图标、按钮；

所述高级元素集至少包括：表格、树、导出、编辑器、子表单、自定义区域；

所述布局元素集至少包括：模块、栅格、标签、弹出框。

7.根据权利要求6所述前端代码生成方法，其特征在于，所述元素集还包括自定义元素集，所述自定义元素集用于存储开发人员自行编写的元素。

8.一种前端代码生成装置，其特征在于，包括：前端编辑器和后端服务器；

所述前端编辑器包括：

功能页面单元，用于通过配置前端展示页面对应的多个业务组件并配置所述业务组件中所述组件的展示逻辑；

权限管理单元，用于配置所述展示页面针对不同访问用户的权限逻辑；

所述功能页面单元还用于在配置完成后生成JSON格式结构代码，所述JSON格式结构代码包括组件属性代码、组件组合逻辑代码、组件展示逻辑代码和权限逻辑代码；

结构校验单元，用于对所述JSON格式结构代码进行校验，对校验失败的所述JSON格式结构代码根据所述组合逻辑、展示逻辑和权限逻辑进行自动修改；

数据管理单元，用于抽象所述业务组件的JSON格式结构代码，根据所述业务组件结构规范所述JSON格式结构代码数据结构，使前端和后端的代码数据结构一致后开发所述业务组件对应的业务接口；

所述功能页面单元还用于在接收所述访问用户的访问操作后生成对应展示页面；

所述后端服务器用于存储所述前端编辑器生成的所述JSON格式结构代码。

9.根据权利要求8所述前端代码生成装置，其特征在于，所述前端编辑器还包括多语言管理模块，用于配置多语言业务组件；所述后端服务器还用于存储对应多语言的数据字典并进行动态维护。

10.根据权利要求9所述前端代码生成装置，其特征在于，所述前端编辑器还包括组件单元和业务模块单元；

所述组件单元用于存储组件集，所述业务模块单元用于存储业务模块集。