【技术实现步骤摘要】
本专利技术涉及前端开发 ，尤其涉及一种前端弹窗页面的开发发布方法、系统及存储介质。
技术介绍
1、目前，前端开发模式越来越多，技术栈也比较丰富，有react/vue等单页应用开发框架直接拿来即可开发，开发过程中涉及的代码其实有不少是重复性的开发工作，比如常见的如页面弹窗，很多时候就是一张背景，然后一个按钮响应，一段文字描述，每次开发都要单独写一个弹窗的文件进行页面的渲染以及按钮的交互操作，重复性较高。
2、此外代码开发后需要经过测试的验证、前端代码编译代码、发布，又耗费一部分人力，所以为了简化这个过程就需要提出一种高效、便捷的弹窗的代码发布管理方案，确保弹窗的开发简单、便捷、能够快速的发版上线。
技术实现思路
1、本专利技术提供一种前端弹窗页面的开发发布方法、系统及存储介质，用以解决现有前端弹窗页面开发过程复杂度高、上线效率低的问题。
2、本专利技术提供一种前端弹窗页面的开发发布方法，包括：
3、获取预先设计的视觉图，基于所述视觉图通过预设的弹窗配置平台通过拖拽元素的形式进行弹窗页面布局；
4、基于所述弹窗页面布局的结果通过预设的弹窗开发工具包将弹窗配置平台的元素嵌入至预先编写的业务代码形成弹窗代码；
5、通过预设的测试平台对所述弹窗代码进行测试后，发布弹窗页面。
6、根据本专利技术提供的一种前端弹窗页面的开发发布方法，所述获取预先设计的视觉图，基于所述视觉图通过预设的弹窗配置平台通过拖拽元素的形式进行弹窗页面
7、获取预先设计的视觉图从预设的弹窗配置平台自带的元素库中进行元素的拖拽；
8、将拖拽得到的元素进行位置关联和逻辑串联，完成弹窗页面布局。
9、根据本专利技术提供的一种前端弹窗页面的开发发布方法，所述获取预先设计的视觉图从预设的弹窗配置平台自带的元素库中进行元素的拖拽，具体包括：
10、获取预先设计的视觉图，对所述视觉图进行元素拆解，生成拆解结果确认视觉图中包括的元素；
11、基于所述拆解结果通过预设的弹窗配置平台从自带的元素库中进行元素的拖拽。
12、根据本专利技术提供的一种前端弹窗页面的开发发布方法，所述基于所述弹窗页面布局的结果通过预设的弹窗开发工具包将弹窗配置平台的元素嵌入至业务代码形成弹窗代码，具体包括：
13、基于所述弹窗页面布局的结果通过预设的弹窗开发工具包中的识别模块对弹窗配置平台的元素进行代码识别，生成代码识别结果；
14、基于所述识别结果通过弹窗开发工具包中的转换模块进行代码转换，生成代码转换结果；
15、通过弹窗开发工具包中的嵌入模块将所述代码转换结果嵌入至预先编写的业务代码形成弹窗代码。
16、根据本专利技术提供的一种前端弹窗页面的开发发布方法，所述通过弹窗开发工具包中的嵌入模块将所述代码转换结果嵌入至预先编写的业务代码形成弹窗代码，包括：
17、通过预设的弹窗开发工具包对代码转换结果赋予唯一的标识编码；
18、将带有唯一标识编码的代码转换结果通过弹窗开发工具包中的嵌入模块嵌入至预先编写的业务代码形成带有唯一标识编码的弹窗代码。
19、根据本专利技术提供的一种前端弹窗页面的开发发布方法，所述通过预设的测试平台对所述弹窗代码进行测试后，发布弹窗页面，具体包括：
20、获取所述弹窗代码的唯一标识编码，基于唯一标识编码进行代码测试，生成测试结果；
21、所述测试结果在通过的情况下，发布弹窗页面，在前端进行弹窗显示。
22、本专利技术还提供一种前端弹窗页面的开发发布系统，所述系统包括：
23、弹窗页面布局模块，用于获取预先设计的视觉图，基于所述视觉图通过预设的弹窗配置平台通过拖拽元素的形式进行弹窗页面布局；
24、代码嵌入模块，用于基于所述弹窗页面布局的结果通过预设的弹窗开发工具包将弹窗配置平台的元素嵌入至预先编写的业务代码形成弹窗代码；
25、测试发布模块，用于通过预设的测试平台对所述弹窗代码进行测试后，发布弹窗页面。
26、本专利技术还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述任一种所述前端弹窗页面的开发发布方法。
27、本专利技术还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述前端弹窗页面的开发发布方法。
28、本专利技术还提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上述任一种所述前端弹窗页面的开发发布方法。
29、本专利技术提供的一种前端弹窗页面的开发发布方法、系统及存储介质，通过弹窗开发工具包进行元素拖拽，在前端开发上减少了重复性代码开发的工作，通过弹窗开发工具包进行代码嵌入，借助弹窗配置平台实现了弹窗的快速发布上线，减少了测试反复验证的过程，提升上线效率。
本文档来自技高网...【技术保护点】
1.一种前端弹窗页面的开发发布方法，其特征在于，包括：
2.根据权利要求1所述的前端弹窗页面的开发发布方法，其特征在于，所述获取预先设计的视觉图，基于所述视觉图通过预设的弹窗配置平台通过拖拽元素的形式进行弹窗页面布局，具体包括：
3.根据权利要求2所述的前端弹窗页面的开发发布方法，其特征在于，所述获取预先设计的视觉图从预设的弹窗配置平台自带的元素库中进行元素的拖拽，具体包括：
4.根据权利要求1所述的前端弹窗页面的开发发布方法，其特征在于，所述基于所述弹窗页面布局的结果通过预设的弹窗开发工具包将弹窗配置平台的元素嵌入至业务代码形成弹窗代码，具体包括：
5.根据权利要求4所述的前端弹窗页面的开发发布方法，其特征在于，所述通过弹窗开发工具包中的嵌入模块将所述代码转换结果嵌入至预先编写的业务代码形成弹窗代码，包括：
6.根据权利要求1所述的前端弹窗页面的开发发布方法，其特征在于，所述通过预设的测试平台对所述弹窗代码进行测试后，发布弹窗页面，具体包括：
7.一种前端弹窗页面的开发发布系统，其特征在于，所述系统包括：<...
【技术特征摘要】
1.一种前端弹窗页面的开发发布方法，其特征在于，包括：
2.根据权利要求1所述的前端弹窗页面的开发发布方法，其特征在于，所述获取预先设计的视觉图，基于所述视觉图通过预设的弹窗配置平台通过拖拽元素的形式进行弹窗页面布局，具体包括：
3.根据权利要求2所述的前端弹窗页面的开发发布方法，其特征在于，所述获取预先设计的视觉图从预设的弹窗配置平台自带的元素库中进行元素的拖拽，具体包括：
4.根据权利要求1所述的前端弹窗页面的开发发布方法，其特征在于，所述基于所述弹窗页面布局的结果通过预设的弹窗开发工具包将弹窗配置平台的元素嵌入至业务代码形成弹窗代码，具体包括：
5.根据权利要求4所述的前端弹窗页面的开发发布方法，其特征在于，所述通过弹窗开发工具包中的嵌入模块将所述代码转换结果嵌入至预先编写的业务代码形成弹窗代码，...
【专利技术属性】
技术研发人员：王翔，崔林超，王波，方锐，
申请(专利权)人：元保科创北京科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。