一种网页生成方法及装置、存储介质、电子设备制造方法及图纸

技术编号:34001664 阅读:15 留言:0更新日期:2022-07-02 12:18
本申请涉及信息处理技术领域,公开一种网页生成方法及装置、存储介质、电子设备,生成工具获得表格文件与页面之间的关联关系,关联关系包括所述表格文件中的单元格与所述页面中的元素之间的标识关联关系以及位置关联关系;从所述待转换表格文件中确定目标转换单元格,获得所述目标转换单元格的第一标识以及第一位置;根据所述标识关联关系以及所述第一标识,确定所述目标转换单元格对应的目标元素的第二标识,并根据所述位置关联关系以及所述第一位置,确定所述目标元素的第二位置;创建所述待转换表格对应的转换网页,根据所述第二标识以及所述第二位置,在所述转换网页中生成所述目标元素。实现通过常用的表格文件来自由设计对应页面的目的。计对应页面的目的。计对应页面的目的。

【技术实现步骤摘要】
一种网页生成方法及装置、存储介质、电子设备


[0001]本申请涉及信息处理
,具体涉及一种网页生成方法及装置、存储介质、电子设备。

技术介绍

[0002]目前,表格文件作为最为熟知的数字办公软件之一,被大量业务人员、产品经理等需求人员使用。因此表格文件非常适合作为该类用户构建生成页面的载体。
[0003]但目前上,没有通过表格作为载体来实现页面构建的途径或工具。因此创建一种网页生成方法从而解决用户端如何通过最常用的表格文件来自由设计对应页面的问题是非常重要的。

技术实现思路

[0004]为了对披露的实施例的一些方面有基本的理解,下面给出了简单的概括。所述概括不是泛泛评述,也不是要确定关键/重要组成元素或描绘这些实施例的保护范围,而是作为后面的详细说明的序言。
[0005]本公开实施例提供一种网页生成方法及装置、存储介质、电子设备,用来解决如何通过常用的表格文件来自由设计对应页面的技术问题。
[0006]本公开实施例提供一种网页生成方法,所述方法包括:获得表格文件与页面之间的关联关系,所述关联关系包括所述表格文件中的单元格与所述页面中的元素之间的标识关联关系,以及所述单元格与所述元素之间的位置关联关系;获得待转换表格文件,从所述待转换表格文件中确定目标转换单元格,获得所述目标转换单元格的第一标识以及第一位置;根据所述标识关联关系以及所述第一标识,确定所述目标转换单元格对应的目标元素的第二标识,并根据所述位置关联关系以及所述第一位置,确定所述目标元素的第二位置;创建所述待转换表格对应的转换网页,并根据所述第二标识以及所述第二位置,在所述转换网页中生成所述目标元素。
[0007]优选的,所述获得所述目标转换单元格的第一标识后,所述方法还包括:对所述第一标识与预设合法标识进行比对;如果所述第一标识属于所述预设合法标识,再根据所述标识关联关系以及所述第一标识确定所述第二标识。
[0008]优选的,如果所述位置关联关系包括所述单元格与所述元素在不同类型的页面中的位置关联关系,所述根据所述位置关联关系以及所述第一位置,确定所述目标元素的第二位置,包括:确定所述转换网页的目标页面类型,根据所述目标转换单元格与所述目标元素在所述目标页面类型下的位置关联关系、以及所述第一位置,确定所述第二位置。
[0009]优选的,如果所述目标转换单元格关联有内容信息,所述方法还包括:
[0010]在所述转换网页中生成所述目标元素后,将所述内容信息写入所述目标元素关联的区域。
[0011]优选的,所述创建所述待转换表格对应的转换网页,包括:获得预设的用户界面初
始配置信息;根据所述用户界面初始配置信息创建所述转换网页。
[0012]优选的,如果确定出多个目标转换单元格以及多个目标元素,所述方法还包括:获得所述转换网页关联的预览元素;根据所述预览元素,从所述多个目标元素中确定目标预览元素,并根据所述目标预览元素生成所述转换网页对应的预览页面,向用户进行预览页面推送;如果获得确认页面生成的信息,且所述多个目标元素中除所述目标预览元素之外还包括剩余元素,则根据所述剩余元素继续生成所述转换网页。
[0013]优选的,所述方法还包括:如果向用户进行预览页面推送之后,获得修改后的待转换表格文件,则从所述修改后的待转换表格文件中确定修改单元格,并根据所述修改单元格生成所述转换网页。
[0014]本公开实施例还提供一种网页生成装置,包括:关联关系获得模块,用于获得表格文件与页面之间的关联关系,所述关联关系包括所述表格文件中的单元格与所述页面中的元素之间的标识关联关系,以及所述单元格与所述元素之间的位置关联关系;单元格确定模块,用于获得待转换表格文件,从所述待转换表格文件中确定目标转换单元格,获得所述目标转换单元格的第一标识以及第一位置;元素确定模块,用于根据所述标识关联关系以及所述第一标识,确定所述目标转换单元格对应的目标元素的第二标识,并根据所述位置关联关系以及所述第一位置,确定所述目标元素的第二位置;元素生成模块,用于创建所述待转换表格对应的转换网页,并根据所述第二标识以及所述第二位置,在所述转换网页中生成所述目标元素。
[0015]本公开实施例还提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机指令,所述计算机指令被处理器执行上述实施例中任一项所述的方法。
[0016]本公开实施例还提供一种电子设备,包括处理器及存储器,所述存储器存储有计算机指令,所述处理器被配置为基于所述计算机指令执行上述实施例任一项所述的方法。
[0017]本公开实施例提供一种网页生成方法,可以实现以下技术效果:
[0018]生成工具通过获得表格文件与页面的关联关系,作为表格文件转换为页面的基础,获得待转换表格文件后,确定待转换表格文件中的目标转换单元格,确定目标转换单元格在待转换表格文件中的标识和位置,然后通过上述关联关系以及目标单元格的标识和位置,确定对应的页面的元素的标识和元素的位置,创建待转换表格文件对应的转换网页。本实施例中通过表格来转化生成网页的技术,来达到前端页面系统开发的成倍效率提升的目的。在这过程中,使表格对应生成页面过程中将有据可循,用户可以自由的通过表格填写信息,来对应生成相应的页面,解决了用户端自由设计页面的掣肘,从而极大的降低了需求人员的沟通成本,研发人员的研发成本,全面提高研发流程的生产效率,极大的降低了生产成本。
[0019]以上的总体描述和下文中的描述仅是示例性和解释性的,不用于限制本申请。
附图说明
[0020]一个或多个实施例通过与之对应的附图进行示例性说明,这些示例性说明和附图并不构成对实施例的限定,附图中具有相同参考数字标号的元件示为类似的元件,附图不构成比例限制,并且其中:
[0021]图1是本公开实施例提供的一种网页生成方法的流程示意图;
[0022]图2是本公开实施例提供的一个表格中单元格标识转换为页面中元素标识的示意图;
[0023]图3本公开实施例提供的一个intro字典页面的配置示意图;
[0024]图4是本公开实施例提供的一个menu菜单栏页面的配置示意图;
[0025]图5是本公开实施例的提供的一个page显示页面的配置示意图;
[0026]图6是本公开实施例提供的一个config或config#dialog功能页面的配置示意图;
[0027]图7是本公开实施例提供的一个dialog弹窗显示页面的配置示意图;
[0028]图8是本公开实施例提供的生成工具的一个应用界面示意图;
[0029]图9是本公开实施例提供的生成工具的另一个应用界面示意图;
[0030]图10是本公开实施例提供的一种表格转换为页面的应用系统的流程示意图;
[0031]图11是本公开实施例提供的一种网页生成装置的示意图。
具体实施方式
[0032]为了能够更加详尽地了解本公开实施例的特点与
技术实现思路
,下面结合附图对本本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种网页生成方法,其特征在于,所述方法包括:获得表格文件与页面之间的关联关系,所述关联关系包括所述表格文件中的单元格与所述页面中的元素之间的标识关联关系,以及所述单元格与所述元素之间的位置关联关系;获得待转换表格文件,从所述待转换表格文件中确定目标转换单元格,获得所述目标转换单元格的第一标识以及第一位置;根据所述标识关联关系以及所述第一标识,确定所述目标转换单元格对应的目标元素的第二标识,并根据所述位置关联关系以及所述第一位置,确定所述目标元素的第二位置;创建所述待转换表格对应的转换网页,并根据所述第二标识以及所述第二位置,在所述转换网页中生成所述目标元素。2.根据权利要求1所述的方法,其特征在于,所述获得所述目标转换单元格的第一标识后,所述方法还包括:对所述第一标识与预设合法标识进行比对;如果所述第一标识属于所述预设合法标识,再根据所述标识关联关系以及所述第一标识确定所述第二标识。3.根据权利要求1所述的方法,其特征在于,如果所述位置关联关系包括所述单元格与所述元素在不同类型的页面中的位置关联关系,所述根据所述位置关联关系以及所述第一位置,确定所述目标元素的第二位置,包括:确定所述转换网页的目标页面类型,根据所述目标转换单元格与所述目标元素在所述目标页面类型下的位置关联关系、以及所述第一位置,确定所述第二位置。4.根据权利要求1所述的方法,其特征在于,如果所述目标转换单元格关联有内容信息,所述方法还包括:在所述转换网页中生成所述目标元素后,将所述内容信息写入所述目标元素关联的区域。5.根据权利要求1所述的方法,其特征在于,所述创建所述待转换表格对应的转换网页,包括:获得预设的用户界面初始配置信息;根据所述用户界面初始配置信息创建所述转换网页。6.根据权利要求1所述的方法,其特征在于,如...

【专利技术属性】
技术研发人员:刘超陈合孙伟
申请(专利权)人:海尔智家股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1