一种页面开发方法、装置、电子设备及计算机存储介质制造方法及图纸

本申请公开了一种页面开发方法、装置、电子设备及计算机存储介质，应用于页面开发平台，进行可视化页面开发。页面开发平台包括组件区、页面编辑区和属性设置区。该方法包括接收用户基于指定页面对应的业务需求，在组件区移动的至少一个目标组件，显示在页面编辑区；加载每个目标组件的配置文件并分别显示在属性设置区并进行处理，得到目标配置文件；调用事件绑定功能，创建每个目标组件之间的关联关系，实现目标组件之间的触发到响应的联调；最后经过渲染处理，得到指定页面。可见，本发明专利技术实施例提供的方法，采用拖拽的开发方式，将所需的组件进行拖拽和属性配置完成页面搭建，解放前端资源，可节省前端和后端联调的时间，提升开发效率。

【技术实现步骤摘要】
一种页面开发方法、装置、电子设备及计算机存储介质
本申请涉及计算机
，尤其涉及一种页面开发方法、装置、电子设备及计算机存储介质。
技术介绍
为了获得满足自身需求的产品，通常采用开发平台进行开发，即通过一些配置和写入相关代码即可以完成一个业务系统的开发。开发平台主要开发表单类，列表类，报表类等页面。例如，在利用开发平台进行页面开发时，用户在开发过程中会有各种各样的页面需求，有的页面上元素比较少，有的页面上元素非常复杂。开发平台可以根据页面上所要呈现的元素的多少来开发对应的业务逻辑，得到可实现对应功能的页面。在利用现有的开发平台进行页面开发时，通常需要经历下面几个步骤：根据该页面的需求，由后端工程师和前端工程师同时进行开发，然后将后端工程师和前端工程师的开发资源进行联调得到页面，最后经过提测和上线完成整个开发过程。但是，在传统开发模式中，经常会出现前后端联调时接口文档更新不及时，或者接口字段沟通有出入等问题，导致联调成本增加，甚至有时联调时间比开发时间还要多，导致页面开发效率低下。专利技术内容本申请提供本文档来自技高网...

【技术保护点】
1.一种页面开发方法，其特征在于，包括以下步骤：/n接收用户基于指定页面对应的业务需求，在组件区移动的对应至少一个目标组件，显示在页面编辑区；/n将所述页面编辑区的每个所述目标组件的配置文件，显示在属性设置区，所述属性设置区用于供用户对所述目标组件的配置文件进行处理，得到目标配置文件；/n调用事件绑定功能，创建每个所述目标组件之间的关联关系，所述每个目标组件之间的关联关系用于实现目标组件之间的触发到响应的联调；/n基于每个所述目标组件的目标配置文件以及每个所述目标组件之间的关联关系进行渲染处理，得到指定页面。/n

【技术特征摘要】
1.一种页面开发方法，其特征在于，包括以下步骤：
接收用户基于指定页面对应的业务需求，在组件区移动的对应至少一个目标组件，显示在页面编辑区；
将所述页面编辑区的每个所述目标组件的配置文件，显示在属性设置区，所述属性设置区用于供用户对所述目标组件的配置文件进行处理，得到目标配置文件；
调用事件绑定功能，创建每个所述目标组件之间的关联关系，所述每个目标组件之间的关联关系用于实现目标组件之间的触发到响应的联调；
基于每个所述目标组件的目标配置文件以及每个所述目标组件之间的关联关系进行渲染处理，得到指定页面。


2.根据权利要求1所述的方法，其特征在于，所述调用事件绑定功能，创建每个所述目标组件之间的关联关系，包括：
选取作为触发器的目标组件，以及，选取作为响应的目标组件，所述触发器对应至少一个响应，所述触发器与所述响应用于实现目标组件之间的联动；
调用事件绑定功能，将作为触发器的目标组件与对应的作为响应的至少一个目标组件建立关联关系，每个所述目标组件之间的关联关系为触发器与至少一个响应的联调关系。


3.根据权利要求1所述的方法，其特征在于，所述基于每个目标组件的目标配置文件以及每个所述目标组件之间的关联关系进行渲染处理，得到指定页面，包括：
获取每个目标组件的目标配置文件；
创建页面渲染实例，所述页面渲染实例用于提供页面布局；
将每个所述目标组件的目标配置文件添加到所述页面渲染实例中；
调用所述目标组件之间的关联关系，进行页面渲染；
将页面渲染的结果进行存储，以及，创建删除按钮和卸载按钮，得到指定页面。


4.根据权利要求1所述的方法，其特征在于，所述接收用户基于指定页面对应的业务需求，在组件区移动的对应至少一个目标组件，显示在页面编辑区，包括：
接收用户基于指定页面对应的业务需求，在组件区中选取对应的至少一个目标组件时产生的触发指令；
响应于每个所述触发指令，调用拖拽接口，将至少一个所述目标组件添加至页面编辑区进行显示。


5.根据权利要求1所述的方法，其特征在于，所述调用事件绑定功能，创建每个所述目标组件之间的关联关系之后，还包括：
触发页面预览功能，根据所述每个目标组件的目标配置文件和每个所述目标组件之间的关联关系，生成预览页面。


6.根据权利要求1所述的方法，其特征在于，还包括：
获取新业务需求对应的至少一个新组件；
调用事件绑定功能，建立所述新组件之间的关联关系；
获取所述指定页面的特定版本组件，所述特定版本组件包括目标组件的目标配置文件以及目标组件之间的关联关系；
基于所述特定版本组件和新组件之间的关联关系进行渲染处理，生成新页面。


7.根据权利要求1所述的方法，其特征在于，还包括：
触发功能测试和接口测试功能，对所述指定页面进行测试；
在测试通过的情况下，生成访问链接，所述访问链接用于操作指定页面实现业务需求。


8.一种页面开发装置，其特征在于，包括：
组件移动模块，用于接收用户基于指定页面对应的业务需求，在组件区移动的对应至少一个目标组件，显示在页面编辑区；
加载器模块，用于将所述页面编辑区的每个所述目标组件的配置文件，显示在属性设置区，所述属性设置区用于供用户...

【专利技术属性】
技术研发人员：李健，黄文存，吴鹏丽，
申请(专利权)人：五八有限公司，
类型：发明
国别省市：天津;12