[发明专利]基于前端组件的数据处理方法、装置、终端及存储介质在审
申请号: | 202210157179.6 | 申请日: | 2022-02-21 |
公开(公告)号: | CN114610347A | 公开(公告)日: | 2022-06-10 |
发明(设计)人: | 栗少波;刘宇薇;龚亮华 | 申请(专利权)人: | 烽台科技(北京)有限公司 |
主分类号: | G06F8/65 | 分类号: | G06F8/65;G06F16/245;G06F16/248 |
代理公司: | 深圳中一联合知识产权代理有限公司 44414 | 代理人: | 张延薇 |
地址: | 100000 北京市海淀区*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 基于 前端 组件 数据处理 方法 装置 终端 存储 介质 | ||
1.一种基于前端组件的数据处理方法,其特征在于,包括:
基于前端组件代码生成与各个前端组件对应的组件数据包;
当用户端接收到用户对所述组件数据包的查询操作时,从所述组件数据包中确定与所述查询操作匹配的目标组件数据包;
将所述目标组件数据包对应的目标前端组件代码加载至沙箱环境中运行并将所述目标前端组件代码在所述沙箱环境下运行后生成的目标前端组件在所述用户端进行效果展示;
当所述用户端接收到用户对所述目标前端组件代码的修改操作时,基于修改后的所述目标前端组件代码返回执行所述将所述目标组件数据包对应的目标前端组件代码加载至沙箱环境中运行并将所述目标前端组件代码在所述沙箱环境下运行后生成的目标前端组件进行效果展示的步骤,直至所述用户端获取到用户触发的确定操作;
响应于所述确定操作,基于修改完毕的所述目标前端组件代码,生成更新后的所述目标组件数据包,将更新后的所述目标组件数据包输出至所述用户端。
2.根据权利要求1所述的方法,其特征在于,所述将所述目标组件数据包对应的目标前端组件代码加载至沙箱环境中运行并将所述目标前端组件代码在所述沙箱环境下运行后生成的目标前端组件在所述用户端进行效果展示,包括:
将所述目标组件数据包对应的目标前端组件代码在所述用户端的第一区域中进行显示;
在所述用户端接收到用户触发的代码运行操作时,将所述目标组件数据包对应的目标前端组件代码加载至沙箱环境中运行;
将所述目标前端组件代码在所述沙箱环境下运行后生成的目标前端组件在所述用户端的第二区域中进行效果展示。
3.根据权利要求2所述的方法,其特征在于,所述将所述目标前端组件代码在所述沙箱环境下运行后生成的目标前端组件在所述用户端的第二区域中进行效果展示,包括:
获取所述目标前端组件代码在加载至所述沙箱环境中运行后生成的所述目标前端组件的组件尺寸;
获取所述第二区域的区域尺寸;
基于所述组件尺寸及所述区域尺寸,按照设定的展示比例,将所述目标前端组件在所述第二区域中进行效果展示。
4.根据权利要求1所述的方法,其特征在于,所述基于前端组件代码生成与各个前端组件对应的组件数据包,包括:
当所述用户端接收到用户对前端组件模板的选取操作时,在所述用户端中显示与所述选取操作对应的目标前端组件模板;
获取用户在所述用户端基于所述目标前端组件模板编写的至少一组前端组件代码;
基于用户编写完成的每一所述前端组件代码进行代码封装,得到与不同的前端组件对应的所述组件数据包。
5.根据权利要求4所述的方法,其特征在于,所述基于用户编写完成的每一所述前端组件代码进行代码封装,得到与不同的前端组件对应的所述组件数据包,包括:
获取所述前端组件模板所采用编程语言的编写规则;
基于所述编写规则,对用户编写完成的每一所述前端组件代码进行编译,得到可执行代码;
将所述可执行代码进行封装,得到与不同的前端组件对应的所述组件数据包。
6.根据权利要求1所述的方法,其特征在于,所述基于用户编写完成的每一所述前端组件代码进行代码封装,得到与不同的前端组件对应的所述组件数据包之后,还包括:
将所述组件数据包依照对应的所述前端组件进行类别划分;
将所述组件数据包依照划分后的类别分别进行存储。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于烽台科技(北京)有限公司,未经烽台科技(北京)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202210157179.6/1.html,转载请声明来源钻瓜专利网。