[发明专利]一种前端界面的生成方法、装置、电子设备及存储介质在审

专利信息
申请号: 202110653849.9 申请日: 2021-06-11
公开(公告)号: CN113535164A 公开(公告)日: 2021-10-22
发明(设计)人: 彭昊晨;曹馨竹;陈英军;苏景博 申请(专利权)人: 中电金信软件有限公司
主分类号: G06F8/38 分类号: G06F8/38;G06F9/445
代理公司: 北京市立方律师事务所 11330 代理人: 张筱宁
地址: 100192 北京市海淀区西*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 前端 界面 生成 方法 装置 电子设备 存储 介质
【权利要求书】:

1.一种前端界面的生成方法,其特征在于,包括:

根据接收到的客户端类型,确定与所述客户端类型对应的组件库;其中,所述组件库包括多个界面元素组件;所述界面元素组件是对对应的界面元素的功能代码进行模块化封装得到的;

基于获取到的针对所述界面元素组件的第一选择信息,从所述组件库中选择出目标组件;

基于所述目标组件,生成与所述客户端类型相匹配的前端界面。

2.根据权利要求1所述的前端界面的生成方法,其特征在于,所述基于所述目标组件,生成与所述客户端类型相匹配的前端界面,包括:

获取目标模板;所述目标模板包括至少一个所述界面元素组件;

从至少一个所述界面元素组件中确定目标界面元素组件,用所述目标组件替换所述目标界面元素组件,得到更新模板,基于所述更新模板生成所述前端界面;或者,

将所述目标组件添加到所述目标模板,得到更新模板,基于所述更新模板生成所述前端界面。

3.根据权利要求2所述的前端界面的生成方法,其特征在于,所述获取目标模板,包括:

确定与所述客户端类型对应的模板库;所述模板库中包括多个模板;每一所述模板是由预设的至少一个所述界面元素组件组合得到的;

接收针对所述模板库的第二选择信息,基于所述第二选择信息从所述模板库中选择出所述目标模板。

4.根据权利要求2所述的前端界面的生成方法,其特征在于,还包括:

若检测到所述前端界面的生成次数大于或等于预设次数,或接收到针对所述更新模板的模板添加指令,将所述更新模板更新至所述模板库中。

5.根据权利要求1所述的前端界面的生成方法,其特征在于,所述基于所述目标组件,生成与所述客户端类型相匹配的前端界面,包括:

获取针对所述目标组件的目标配置信息;

基于目标配置信息对所述目标组件的属性进行渲染操作,得到渲染后的目标组件;

基于所述渲染后的目标组件,生成所述前端界面。

6.根据权利要求5所述的前端界面的生成方法,其特征在于,所述获取针对所述目标组件的目标配置信息,包括:

基于所述目标组件的类型,从预设的属性数据库中查询与所述类型相匹配的目标配置信息;或者,

接收用户输入的针对所述目标组件的实时配置信息,基于所述实时配置信息生成所述目标配置信息。

7.根据权利要求1所述的前端界面的生成方法,其特征在于,还包括:

对所述前端界面进行语义化处理,生成前端代码;

将所述前端代码发送至用于显示所述前端界面的客户端,以使所述客户端执行所述前端代码,显示所述前端界面的预览画面。

8.一种前端界面的生成装置,其特征在于,包括:

确定模块,用于根据接收到的客户端类型,确定与所述客户端类型对应的组件库;其中,所述组件库包括多个界面元素组件;所述界面元素组件是对对应的界面元素的功能代码进行模块化封装得到的;

选择模块,用于基于获取到的针对所述界面元素组件的第一选择信息,从所述组件库中选择出目标组件;

生成模块,用于基于所述目标组件,生成与所述客户端类型相匹配的前端界面。

9.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现权利要求1-7任一项所述的前端界面的生成方法。

10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,该程序被处理器执行时实现权利要求1-7任一项所述的前端界面的生成方法。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中电金信软件有限公司,未经中电金信软件有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/202110653849.9/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top