一种设计和解析能力分离的网页低代码设计方法及装置制造方法及图纸

本发明专利技术提供的一种设计和解析能力分离的网页低代码设计方法及装置，其方法包括：步骤S1、接收网页设计请求，通过设计插件生成设计页面，并保存为网页模板文件；步骤S2、接收网页生成请求，将网页模板文件和对应的业务模型数据传输至解析插件进行数据解析，生成与设计页面相匹配的业务系统网页。本发明专利技术由于设计插件和解析插件是以插件式的形式存在，从而不仅支持以“插件”服务形式集成到业务应用系统中也支持单独部署，使用户灵活轻便地搭建设计环境，有效地降低用户实施环境搭建等困扰；同时，设计插件和解析插件只关注自身的业务功能，运行在自己的单独进程中，启动快，页面流畅，易于根据需求对插件服务进行修改或是重新部署且易于扩展。易于扩展。易于扩展。

【技术实现步骤摘要】
一种设计和解析能力分离的网页低代码设计方法及装置


[0001]本专利技术涉及页面开发
，特别涉及一种设计和解析能力分离的网页低代码设计方法及装置。

技术介绍

[0002]零代码概念在IT行业内已经流行了很长一段时间。市面上主流的低代码平台(以下简称“低代码平台”)会具备以下的几个能力：
[0003]可视化页面搭建，通过简单的拖拽完成应用页面开发；
[0004]可视化模型设计，与业务相关的数据存储设计，模型字段的类型更加业务化；
[0005]可视化流程设计，不管是业务流程还是审批流程，都可以通过简单的点线连接来进行配置；
[0006]可视化报表及数据分析，BI数据分析能力成为标配，随时随地通过拖拽选择来定义自定义分析报表；
[0007]权限、角色设置，通过策略规则配置来将数据、操作的权限进行精细化管理；
[0008]无需关心服务器、数据库等底层运维、计算设施设备、网络等等复杂技术概念，具备安全、性能的统一解决方案；
[0009]理论上地说，只要设计者了解业务，就能无障碍地搭建业务应用。低代码平台是独立于业务应用之外的设计系统，本身并不只是为“技术小白”准备的。在实践中，其部署方式和组件化、模块化的思路间接地增加“技术小白”的使用难度。因此，现有的低代码平台存在以下缺点：
[0010]缺点1:由于低代码平台能力相对全面，1个进程包含了所有的业务逻辑，涉及的启动模块多，导致系统的启动，重启周期长；系统错误隔离型差，任何一个模块的错误可能导致整个系统的无法正常使用；可伸缩性差，系统的扩展只能对整个应用模块扩展，无法对单个功能点进行扩展，当在设计复杂庞大的业务系统时，其设计页面会出现卡顿现象，给设计者带来不友好的交互体验。
[0011]缺点2:由于上述低代码平台是独立于业务应用之外的设计系统，需要单独部署，由于设计器底层依赖软件包在不同的操作系统环境(linux、windows、mac、国产系统)下存在不同的环境配置要求，增加实施人员的操作难度和运维工作量。

技术实现思路

[0012]为了解决现有技术的上述问题，本专利技术提供一种设计和解析能力分离的网页低代码设计方法及装置，以提高网页低代码设计的交互体验并降低其操作难度。
[0013]为了达到上述目的，本专利技术采用的技术方案为：
[0014]第一方面，本专利技术提供一种设计和解析能力分离的网页低代码设计方法，包括：
[0015]步骤S1、接收网页设计请求，通过设计插件生成设计页面，并保存为网页模板文件；
[0016]步骤S2、接收网页生成请求，将所述网页模板文件和对应的业务模型数据传输至解析插件进行数据解析，生成与所述设计页面相匹配的业务系统网页。
[0017]本专利技术的有益效果在于：由于设计插件和解析插件是以插件式的形式存在，从而不仅支持以“插件”服务形式集成到业务应用系统中也支持单独部署，使用户灵活轻便地搭建设计环境，有效地降低用户实施环境搭建等困扰；同时，设计插件和解析插件只关注自身的业务功能，运行在自己的单独进程中，启动快，页面流畅，易于根据需求对插件服务进行修改或是重新部署且易于扩展。
[0018]可选地，所述步骤S1包括：
[0019]接收网页设计请求，并根据依次选定的布局组件、容器组件、单元组件以及三者之间的父子页面嵌套层级来组装生成设计页面，所述布局组件为页面整体布局，所述容器组件为页面整体布局里的板块，所述单元组件为板块里的具体标签，且三者均是根据当前业务系统所预制的网页元素；
[0020]将所述设计页面保存为网页模板文件。
[0021]根据上述描述可知，相较于现有技术中的低代码平台需要具备页面设计能力来说，本专利技术通过对当前业务系统内所有普遍使用到的网页元素进行统计和收集，之后将这些收集好的网页元素都预先设计成对应的布局组件、容器组件和单元组件，并使三者具有父子页面嵌套层级关系，方便用户快速选择组件进行网页模板的开发，使得用户不需要页面设计能力也无需在开发时纠结用哪个网页标签。
[0022]可选地，每一个所述网页元素均预先设置好样式属性并绑定好和其他网页元素之间的交互事件。
[0023]根据上述描述可知，通过对每一个网页元素均预先设置好样式属性并绑定好和其他网页元素之间的交互事件，使得用户开发业务系统网页模板时，可在展示面板快速拖拉拽即可完成页面布局设计，而无需关注设计插件和解析插件的实现原理，有效降低页面设计难度。
[0024]可选地，所述网页元素之间的交互事件包括：
[0025]第一组件预先定义消息事件，由第二组件订阅所述第一组件的消息事件，所述第一组件和所述第二组件为容器组件和单元组件其中之一；
[0026]当所述第一组件的消息事件触发之后，由所述第一组件发送触发消息至订阅的第二组件，由所述第二组件对所述触发消息进行消费，并根据消费后的数据触发页面更新。
[0027]根据上述描述可知，通过事件订阅的方式实现不同网页元素之间的数据传递和数据同步。
[0028]可选地，每一个所述网页元素均对应有属性面板来进行属性设置。
[0029]根据上述描述可知，提供属性面板供用户进行属性设置，保证其灵活性。
[0030]可选地，所述保存为网页模板文件包括：
[0031]为每一个网页模板文件分配一个唯一标识之后持久化保存至后台数据库中。
[0032]根据上述描述可知，通过唯一标识区分不同的网页模板文件，之后持久化保存至后台数据库中供后续直接调用修改。
[0033]可选地，所述布局组件、容器组件和单元组件通过可视化拖拉拽实现选定。
[0034]可选地，所述数据解析为所述解析插件对所述网页模板文件和对应的业务模型数
据进行解析出静态资源供前台使用。
[0035]可选地，所述步骤S1包括：
[0036]接收网页设计请求，通过设计插件新建的网页模板或是从模板库中选择用户已创建的网页模板，在所述网页模板上生成设计页面，并保存为网页模板文件。
[0037]第二方面，本专利技术提供一种设计和解析能力分离的网页低代码设计装置，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现第一方面的一种设计和解析能力分离的网页低代码设计方法。
[0038]其中，第二方面所提供的一种设计和解析能力分离的网页低代码设计装置所对应的技术效果参照第一方面所提供的一种设计和解析能力分离的网页低代码设计方法的相关描述。
附图说明
[0039]图1为本专利技术实施例的一种设计和解析能力分离的网页低代码设计方法的主要流程示意图；
[0040]图2为本专利技术实施例的一种设计和解析能力分离的网页低代码设计方法的整体流程示意图；
[0041]图3为本专利技术实施例涉及的插件管理页面的界面示意图；
[0042]图4为本专利技术实施例涉及的模板库的界面示意图；
[0043]图5为本专利技术实施本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种设计和解析能力分离的网页低代码设计方法，其特征在于，包括：步骤S1、接收网页设计请求，通过设计插件生成设计页面，并保存为网页模板文件；步骤S2、接收网页生成请求，将所述网页模板文件和对应的业务模型数据传输至解析插件进行数据解析，生成与所述设计页面相匹配的业务系统网页。2.根据权利要求1所述的一种设计和解析能力分离的网页低代码设计方法，其特征在于，所述步骤S1包括：接收网页设计请求，并根据依次选定的布局组件、容器组件、单元组件以及三者之间的父子页面嵌套层级来组装生成设计页面，所述布局组件为页面整体布局，所述容器组件为页面整体布局里的板块，所述单元组件为板块里的具体标签，且三者均是根据当前业务系统所预制的网页元素；将所述设计页面保存为网页模板文件。3.根据权利要求2所述的一种设计和解析能力分离的网页低代码设计方法，其特征在于，每一个所述网页元素均预先设置好样式属性并绑定好和其他网页元素之间的交互事件。4.根据权利要求3所述的一种设计和解析能力分离的网页低代码设计方法，其特征在于，所述网页元素之间的交互事件包括：第一组件预先定义消息事件，由第二组件订阅所述第一组件的消息事件，所述第一组件和所述第二组件为容器组件和单元组件其中之一；当所述第一组件的消息事件触发之后，由所述第一组件发送触发消息至订阅的第二组件，由所述第二组件对所述触发消息进...

【专利技术属性】
技术研发人员：陈明，袁亮，谢威，范光堉，
申请(专利权)人：福州顶点信息管理有限公司，
类型：发明
国别省市：