[发明专利]一种页面生成方法、系统、终端及介质在审
| 申请号： | 202210102295.8 | 申请日： | 2022-01-27 |
| 公开（公告）号： | CN114489648A | 公开（公告）日： | 2022-05-13 |
| 发明（设计）人： | 简仁贤;方俊 | 申请（专利权）人： | 竹间智能科技（上海）有限公司 |
| 主分类号： | G06F8/38 | 分类号： | G06F8/38;G06F8/33;G06F8/34 |
| 代理公司： | 北京酷爱智慧知识产权代理有限公司 11514 | 代理人： | 阮建 |
| 地址： | 200030 上海市徐*** | 国省代码： | 上海;31 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 一种 页面 生成 方法 系统 终端 介质 | ||
1.一种页面生成方法，其特征在于，包括以下步骤：
在可视化界面的第一区域显示预设组件库，所述预设组件库包括至少一个组件，每个所述组件具有与其对应的配置信息；
在所述可视化界面的第二区域显示画布；
接收在所述画布中对所述组件的操作，并在所述可视化界面的第三区域显示所述组件对应的所述配置信息；
当接收到预览指令时，对所述画布上所有组件以及对应的所述配置信息进行渲染，得到前端页面。
2.根据权利要求1所述页面生成方法，其特征在于，
所述在可视化界面的第一区域显示预设组件库，包括：
在所述可视化界面的第一区域构建组件列表；
在所述组件列表中添加所述组件，以得到所述预设组件库。
3.根据权利要求1所述页面生成方法，其特征在于，所述方法还包括：
将所述预设组件库中每个所述组件的所述配置信息记录至config.json文件中；
建立所述预设组件库中每个所述组件与其对应的所述配置信息之间的关联。
4.根据权利要求1所述页面生成方法，其特征在于，
所述在所述可视化界面的第二区域显示画布，包括：
在所述可视化界面的所述第二区域中设置DIV块级元素，以将所述DIV块级元素配置为所述画布。
5.根据权利要求1所述页面生成方法，其特征在于，所述方法还包括：
当监听到所述第三区域中所述配置信息中任一配置项的值发生变化时，根据变化后的值更新所述画布的配置信息。
6.根据权利要求1-5中任一项所述页面生成方法，其特征在于，所述方法还包括：
当接收到生成代码指令时，下载所述画布中所有所述组件的所述配置信息；
基于所述配置信息生成前端开发代码。
7.一种页面生成系统，其特征在于，包括：
组件库配置单元：用于在可视化界面的第一区域显示预设组件库，所述预设组件库包括至少一个组件，每个所述组件具有与其对应的配置信息；
画布配置单元：用于在所述可视化界面的第二区域显示画布；
操作单元：用于接收在所述画布中对所述组件的操作，并在所述可视化界面的第三区域显示所述组件对应的所述配置信息；
生成单元：用于当接收到预览指令时，对所述画布上所有组件以及对应的所述配置信息进行渲染，得到前端页面。
8.根据权利要求7所述页面生成系统，其特征在于，所述系统还包括：
代码下载单元：用于当接收到生成代码指令时，下载所述画布中所有所述组件的所述配置信息，基于所述配置信息生成前端开发代码。
9.一种终端，包括处理器、输入设备、输出设备和存储器，所述处理器、输入设备、输出设备和存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行如权利要求1-6任一项所述的方法。
10.一种计算机可读存储介质，其特征在于，所述计算机存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行如权利要求1-6任一项所述的方法。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于竹间智能科技（上海）有限公司，未经竹间智能科技（上海）有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/202210102295.8/1.html，转载请声明来源钻瓜专利网。
- 上一篇：一种单集群多租户管理系统
- 下一篇：服务运行逻辑装配方法、电子设备和存储介质
