CN116450131A - 表单页面生成方法、装置、电子设备及存储介质 - Google Patents

表单页面生成方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN116450131A
CN116450131A CN202310456168.2A CN202310456168A CN116450131A CN 116450131 A CN116450131 A CN 116450131A CN 202310456168 A CN202310456168 A CN 202310456168A CN 116450131 A CN116450131 A CN 116450131A
Authority
CN
China
Prior art keywords
page
target
layout
layout mode
form page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202310456168.2A
Other languages
English (en)
Inventor
王标
杨光
张世良
彭文钦
凌敏
石刚
蔡均宇
徐嘉诚
陈豪
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
China Southern Power Grid Digital Platform Technology Guangdong Co ltd
Original Assignee
China Southern Power Grid Digital Platform Technology Guangdong Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by China Southern Power Grid Digital Platform Technology Guangdong Co ltd filed Critical China Southern Power Grid Digital Platform Technology Guangdong Co ltd
Priority to CN202310456168.2A priority Critical patent/CN116450131A/zh
Publication of CN116450131A publication Critical patent/CN116450131A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Document Processing Apparatus (AREA)

Abstract

本发明实施例公开了一种表单页面生成方法、装置、电子设备及存储介质。所述方法包括：确定针对初始表单页面配置的页面元素；从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式；确定所述页面元素在所述目标div容器布局模式下的目标布局样式；基于所述目标布局样式将所述页面元素布局于所述初始表单页面，得到目标表单页面，并显示所述目标表单页面。本发明实施例的技术方案，实现了在使用不同分辨率的显示器显示表单页面的情况下，提升表单页面的显示效果，使得用户体验得到极大的提升。

Description

表单页面生成方法、装置、电子设备及存储介质
技术领域
本发明实施例涉及计算机技术领域，尤其涉及一种表单页面生成方法、装置、电子设备及存储介质。
背景技术
随着互联网技术的发展，互联网上遍布各式各样的Web应用。而Web应用往往会涉及到表单页面。目前，用户通常使用不同分辨率的显示器访问Web应用的表单页面，因显示器的分辨率不同，往往会影响表单页面的显示效果，例如，表单页面中的页面元素重叠或不显示，从而导致用户体验较差。
发明内容
本发明提供了一种表单页面生成方法、装置、电子设备及存储介质，以实现在使用不同分辨率的显示器显示表单页面的情况下，提升表单页面的显示效果，使得用户体验得到极大的提升。
根据本发明的一方面，提供了一种表单页面生成方法，该方法包括：
确定针对初始表单页面配置的页面元素；
从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式；
确定所述页面元素在所述目标div容器布局模式下的目标布局样式；
基于所述目标布局样式将所述页面元素布局于所述初始表单页面，得到目标表单页面，并显示所述目标表单页面。
可选地，所述从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式，包括：
获取所述页面元素的元素属性信息；
基于所述元素属性信息，从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式。
可选地，所述基于所述元素属性信息，从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式，包括：
根据所述页面元素的元素属性信息，确定所述页面元素的元素宽度；
基于元素宽度和预设div容器布局模式之间的对应关系，确定与所述元素宽度对应的预设div容器布局模式；
将所述元素宽度对应的预设div容器布局模式确定为所述页面元素相匹配的目标div容器布局模式。
可选地，所述预设div容器布局模式包括第一布局模式和第二布局模式；其中，所述第一布局模式为沿所述初始表单页面的纵向方向分成5列设置得到的布局模式，所述第二布局模式为沿所述初始表单页面的纵向方向分成3列设置得到的布局模式。
可选地，所述确定所述页面元素在所述目标div容器布局模式下的目标布局样式，包括：
获取所述页面元素的元素布局样式类以及所述页面元素在所述目标div容器布局模式下的容器布局样式类，其中，所述元素布局样式类继承于所述容器布局样式类；
基于所述元素布局样式类和所述容器布局样式类，确定所述页面元素在所述目标div容器布局模式下的目标布局样式。
可选地，所述方法还包括：
在检测到显示所述目标表单页面的屏幕分辨率发生改变时，基于改变前的屏幕分辨率和改变后的屏幕分辨率，得到页面调整比例；
将所述目标表单页面中的页面元素以所述页面调整比例进行调整。
可选地，所述页面元素包括文本框、文本域、文本标签以及按钮控件中的至少一种。
根据本发明的另一方面，提供了一种表单页面生成装置。该装置包括：
页面元素确定模块，用于确定针对初始表单页面配置的页面元素；
布局模式确定模块，用于从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式；
布局样式确定模块，用于确定所述页面元素在所述目标div容器布局模式下的目标布局样式；
表单页面得到模块，用于基于所述目标布局样式将所述页面元素布局于所述初始表单页面，得到目标表单页面，并显示所述目标表单页面。
根据本发明的另一方面，提供了一种电子设备，所述电子设备包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本发明任一实施例所述的表单页面生成方法。
根据本发明的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本发明任一实施例所述的表单页面生成方法。
本发明实施例的技术方案，通过确定针对初始表单页面配置的页面元素；从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式；确定所述页面元素在所述目标div容器布局模式下的目标布局样式；基于所述目标布局样式将所述页面元素布局于所述初始表单页面，得到目标表单页面，并显示所述目标表单页面。本发明实施例的技术方案，实现了在使用不同分辨率的显示器显示表单页面的情况下，提升表单页面的显示效果，使得用户体验得到极大的提升。
应当理解，本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征，也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例一提供的一种表单页面生成方法的流程示意图；
图2为本发明实施例一提供的一种表单页面生成方法的页面布局示意图；
图3为本发明实施例一提供的一种表单页面生成方法的页面布局示意图；
图4为本发明实施例二提供的一种表单页面生成装置的结构示意图；
图5为本发明实施例三提供的一种电子设备的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
可以理解的是，本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。
实施例一
图1为本发明实施例一提供的一种表单页面生成方法的流程示意图，本实施例可适用于对表单页面进行布局生成表单页面的情况，该方法可以由表单页面生成装置来执行，该表单页面生成装置可以采用硬件和/或软件的形式实现，该表单页面生成装置可配置于诸如计算机或者服务器等的电子设备中。
如图1所示，本实施例的方法包括：
S110、确定针对初始表单页面配置的页面元素。
其中，初始表单页面可以理解为需要进行表单布局的页面。页面元素可以理解为需要在初始表单页面中配置的页面元素。配置于初始表单页面中的页面元素的数量可以为一个、两个或两个以上。在实际应用中，配置于初始表单页面中的页面元素的数量通常为多个。可选地，页面元素可以包括文本框、文本域、文本标签以及按钮控件中的至少一种。此外，页面元素还可以包括自定义控件。自定义控件可以理解为根据实际需求设置的能够进行页面布局的控件。
在本发明实施例中，确定针对初始表单页面配置的页面元素，可以包括：在接收到表单页面生成指令后，对所述表单页面生成指令进行解析，确定针对初始表单页面配置的页面元素。其中，表单页面生成指令可以包括页面元素的配置信息。
S120、从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式。
其中，预设div容器布局模式可以理解为预先基于div容器布局方式设计的布局模式。目标div容器布局模式可以理解为与页面元素对应的预设div容器布局模式。在本发明实施例中，所述预设div容器布局模式包括第一布局模式和第二布局模式。
其中，第一布局模式可以为沿所述初始表单页面的纵向方向分成5列设置得到的布局模式。需要说明的是，第一布局模式下各列以div容器进行布局。可选地，第一布局模式中各列可以以预设宽度比例从左到右进行排布。其中，预设宽度比例可以理解为各列宽度在初始表单页面的页面宽度中的占比。页面宽度可以理解为初始表单页面的宽度。在本发明实施例中，第一布局模式中，第一列和第三列可以用于配置文本标签，以展示文本标签信息。第二列和第四列可以用于配置文本框或文本域，以基于所述长文本框或文本域接收表单信息。第五列可以用于设置页面留白空间。
其中，第二布局模式可以为沿所述初始表单页面的纵向方向分成3列设置得到的布局模式。需要说明的是，第二布局模式下各列以div容器进行布局。可选地，第二布局模式中各列可以以预设宽度比例从左到右进行排布。在本发明实施例中，第二布局模式中，第一列可以用于配置文本标签，以展示文本标签信息。第二列可以用于配置文本框或文本域，以基于所述长文本框或文本域接收表单信息。第三列可以用于设置页面留白空间。
示例性的，如图2所示，第一布局模式中各列从左到右的预设宽度比例分别可以为20％、30％、15％、30％和5％。第二布局模式中各列从左到右的预设宽度比例分别可以为20％、75％和5％。需要说明的是，第二布局模式中第二列的预设宽度比例，可以为，第一布局模式中第二列、第三列和第四列的宽度比例的总和。
为了提升表单页面布局的兼容性，第二布局模式中第二列的预设宽度比例，可以为，第一布局模式中第二列、第三列和第四列的宽度比例总和的预设调整比例。其中，预设调整比例可以根据实际需求进行设置。沿用上例，预设调整比例为0.7，第二布局模式中各列从左到右的预设宽度比例分别可以为20％、66％和5％。
在本发明实施例中，所述从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式，可以包括：获取所述页面元素的元素属性信息；进而可以基于所述元素属性信息，从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式。其中，元素属性信息可以理解为针对页面元素配置的属性信息。元素属性信息可以包括元素宽度、元素高度以及元素背景颜色值等等。
可选地，所述基于所述元素属性信息，从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式，可以包括：根据所述页面元素的元素属性信息，确定所述页面元素的元素宽度；基于元素宽度和预设div容器布局模式之间的对应关系，确定与所述元素宽度对应的预设div容器布局模式；将所述元素宽度对应的预设div容器布局模式确定为所述页面元素相匹配的目标div容器布局模式。其中，元素宽度和预设div容器布局模式之间的对应关系可根据实际需求进行设置。
具体的，基于元素宽度和预设div容器布局模式之间的对应关系，确定与所述元素宽度对应的预设div容器布局模式，可以包括：确定预设div容器布局模式中所述页面元素所在的列，在所述页面元素的元素宽度不超过所述列的宽度的情况下，将所述预设div容器布局模式确定为所述页面元素相匹配的目标div容器布局模式。
S130、确定所述页面元素在所述目标div容器布局模式下的目标布局样式。
其中，目标布局样式可以理解为页面元素在目标div容器布局模式下的布局样式。可选地，目标布局样式的计算机语言可以为层叠样式表(Cascading Style Sheets，CSS)语言。
具体的，在确定与页面元素相匹配的目标div容器布局模式后，可以获取目标div容器布局模式的布局样式信息。进而可以从所述布局样式信息中，确定所述页面元素在所述目标div容器布局模式下的布局样式，即确定所述页面元素在所述目标div容器布局模式下的目标布局样式。
可选地，所述确定所述页面元素在所述目标div容器布局模式下的目标布局样式，可以包括：获取所述页面元素的元素布局样式类以及所述页面元素在所述目标div容器布局模式下的容器布局样式类，其中，所述元素布局样式类继承于所述容器布局样式类；进而可以基于所述元素布局样式类和所述容器布局样式类，确定所述页面元素在所述目标div容器布局模式下的目标布局样式。
其中，元素布局样式类可以理解为预先针对页面元素的布局样式定义的样式类。可选地，元素布局样式类可以包括页面元素的宽度占页面元素所在div容器的宽度的比例。容器布局样式类可以理解为在目标div容器布局模式下，预先div容器的布局样式定义的样式类。容器布局样式类可以包括目标div容器布局模式下div容器的宽度。元素布局样式类继承于容器布局样式类可以用于表征目标div容器布局模式下的页面元素可使用元素布局样式类和容器布局样式类，使得页面元素与div容器进行绑定，以使所述页面元素具有容器布局样式和元素布局样式。这样处理的好处在于可提升样式的复用性，使得表单页面的显示效果不受分辨率的影响。目标布局样式可以理解为页面元素在目标div容器布局模式下的布局样式。
在本发明实施例中，页面元素的宽度可以是基于父容器的宽度以及百分比设置得到的。可在div容器的大小一致的情况下，待布局于div容器中的页面元素的大小与div容器的大小可以保持一致，不会因分辨率的变化而出现表单页面中页面元素大小不一样的现象。当存在不一样的页面元素的情况下，例如跨列的文本域时，可以通过配置该页面元素的div容器宽度的百分比的设置(参见图3)，以确保与上下行的控件左右保持对齐。
S140、基于所述目标布局样式将所述页面元素布局于所述初始表单页面，得到目标表单页面，并显示所述目标表单页面。
其中，目标表单页面可以是基于所述目标布局样式将页面元素布局于初始表单页面后得到的表单页面。
具体的，在确定目标元素在目标div容器布局模式下的目标布局样式后，可以将所述目标元素以所述目标布局样式布局至初始表单页面上。其中，将所述目标元素以所述目标布局样式布局至初始表单页面上，可以包括：将所述目标元素以所述目标布局样式，置于初始表单页面中目标div容器布局模式下的div容器中。从而可以得到目标表单页面。在得到目标表单页面后，可以对目标表单页面进行渲染处理，从而可以显示所述目标表单页面。
在上述实施例的基础上，所述方法还包括：在检测到显示所述目标表单页面的屏幕分辨率发生改变时，可以基于改变前的屏幕分辨率和改变后的屏幕分辨率，得到页面调整比例。进而可以将所述目标表单页面中的页面元素以所述页面调整比例进行调整，以使表单页面适配于改变后的屏幕分辨率。其中，页面调整比例可以是基于改变前的屏幕分辨率和改变后的屏幕分辨率得到的调整比例。
本发明实施例的技术方案，通过确定针对初始表单页面配置的页面元素；从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式；确定所述页面元素在所述目标div容器布局模式下的目标布局样式；基于所述目标布局样式将所述页面元素布局于所述初始表单页面，得到目标表单页面，并显示所述目标表单页面。本发明实施例的技术方案，实现了在使用不同分辨率的显示器显示表单页面的情况下，表单页面可根据不同分辨率自适应显示，提升表单页面的显示效果，使得用户体验得到极大的提升。
实施例二
图4为本发明实施例二提供的一种表单页面生成装置的结构示意图。如图4所示，该装置包括：页面元素确定模块210、布局模式确定模块220、布局样式确定模块230和表单页面得到模块240。
其中，页面元素确定模块210，用于确定针对初始表单页面配置的页面元素；布局模式确定模块220，用于从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式；布局样式确定模块230，用于确定所述页面元素在所述目标div容器布局模式下的目标布局样式；表单页面得到模块240，用于基于所述目标布局样式将所述页面元素布局于所述初始表单页面，得到目标表单页面，并显示所述目标表单页面。
本发明实施例的技术方案，通过确定针对初始表单页面配置的页面元素；从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式；确定所述页面元素在所述目标div容器布局模式下的目标布局样式；基于所述目标布局样式将所述页面元素布局于所述初始表单页面，得到目标表单页面，并显示所述目标表单页面。本发明实施例的技术方案，实现了在使用不同分辨率的显示器显示表单页面的情况下，提升表单页面的显示效果，使得用户体验得到极大的提升。
可选地，布局模式确定模块220，可以用于：
获取所述页面元素的元素属性信息；
基于所述元素属性信息，从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式。
可选地，布局模式确定模块220，可以用于：
根据所述页面元素的元素属性信息，确定所述页面元素的元素宽度；
基于元素宽度和预设div容器布局模式之间的对应关系，确定与所述元素宽度对应的预设div容器布局模式；
将所述元素宽度对应的预设div容器布局模式确定为所述页面元素相匹配的目标div容器布局模式。
可选地，所述预设div容器布局模式包括第一布局模式和第二布局模式；其中，所述第一布局模式为沿所述初始表单页面的纵向方向分成5列设置得到的布局模式，所述第二布局模式为沿所述初始表单页面的纵向方向分成3列设置得到的布局模式。
可选地，页面元素确定模块210，可以用于：
获取所述页面元素的元素布局样式类以及所述页面元素在所述目标div容器布局模式下的容器布局样式类，其中，所述元素布局样式类继承于所述容器布局样式类；
基于所述元素布局样式类和所述容器布局样式类，确定所述页面元素在所述目标div容器布局模式下的目标布局样式。
可选地，该装置还包括页面调整模块；其中，页面调整模块，可以用于：
在检测到显示所述目标表单页面的屏幕分辨率发生改变时，基于改变前的屏幕分辨率和改变后的屏幕分辨率，得到页面调整比例；
将所述目标表单页面中的页面元素以所述页面调整比例进行调整。
可选地，所述页面元素包括文本框、文本域、文本标签以及按钮控件中的至少一种。
本发明实施例所提供的表单页面生成装置可执行本发明任意实施例所提供的表单页面生成方法，具备执行方法相应的功能模块和有益效果。
值得注意的是，上述表单页面生成装置所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明实施例的保护范围。
实施例三
图5示出了可以用来实施本发明的实施例的电子设备10的结构示意图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本发明的实现。
如图5所示，电子设备10包括至少一个处理器11，以及与至少一个处理器11通信连接的存储器，如只读存储器(ROM)12、随机访问存储器(RAM)13等，其中，存储器存储有可被至少一个处理器执行的计算机程序，处理器11可以根据存储在只读存储器(ROM)12中的计算机程序或者从存储单元18加载到随机访问存储器(RAM)13中的计算机程序，来执行各种适当的动作和处理。在RAM 13中，还可存储电子设备10操作所需的各种程序和数据。处理器11、ROM 12以及RAM 13通过总线14彼此相连。输入/输出(I/O)接口15也连接至总线14。
电子设备10中的多个部件连接至I/O接口15，包括：输入单元16，例如键盘、鼠标等；输出单元17，例如各种类型的显示器、扬声器等；存储单元18，例如磁盘、光盘等；以及通信单元19，例如网卡、调制解调器、无线通信收发机等。通信单元19允许电子设备10通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
处理器11可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器11的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器11执行上文所描述的各个方法和处理，例如表单页面生成方法。
在一些实施例中，表单页面生成方法可被实现为计算机程序，其被有形地包含于计算机可读存储介质，例如存储单元18。在一些实施例中，计算机程序的部分或者全部可以经由ROM 12和/或通信单元19而被载入和/或安装到电子设备10上。当计算机程序加载到RAM 13并由处理器11执行时，可以执行上文描述的表单页面生成方法的一个或多个步骤。备选地，在其他实施例中，处理器11可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行表单页面生成方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本发明的方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器，使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本发明的上下文中，计算机可读存储介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。备选地，计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互，可以在电子设备上实施此处描述的系统和技术，该电子设备具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)、区块链网络和互联网。
计算系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务中，存在的管理难度大，业务扩展性弱的缺陷。
应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本发明的技术方案所期望的结果，本文在此不进行限制。
上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (10)

1.一种表单页面生成方法，其特征在于，包括：
确定针对初始表单页面配置的页面元素；
从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式；
确定所述页面元素在所述目标div容器布局模式下的目标布局样式；
基于所述目标布局样式将所述页面元素布局于所述初始表单页面，得到目标表单页面，并显示所述目标表单页面。
2.根据权利要求1所述的方法，其特征在于，所述从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式，包括：
获取所述页面元素的元素属性信息；
基于所述元素属性信息，从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式。
3.根据权利要求2所述的方法，其特征在于，所述基于所述元素属性信息，从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式，包括：
根据所述页面元素的元素属性信息，确定所述页面元素的元素宽度；
基于元素宽度和预设div容器布局模式之间的对应关系，确定与所述元素宽度对应的预设div容器布局模式；
将所述元素宽度对应的预设div容器布局模式确定为所述页面元素相匹配的目标div容器布局模式。
4.根据权利要求1所述的方法，其特征在于，所述预设div容器布局模式包括第一布局模式和第二布局模式；其中，所述第一布局模式为沿所述初始表单页面的纵向方向分成5列设置得到的布局模式，所述第二布局模式为沿所述初始表单页面的纵向方向分成3列设置得到的布局模式。
5.根据权利要求1所述的方法，其特征在于，所述确定所述页面元素在所述目标div容器布局模式下的目标布局样式，包括：
获取所述页面元素的元素布局样式类以及所述页面元素在所述目标div容器布局模式下的容器布局样式类，其中，所述元素布局样式类继承于所述容器布局样式类；
基于所述元素布局样式类和所述容器布局样式类，确定所述页面元素在所述目标div容器布局模式下的目标布局样式。
6.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在检测到显示所述目标表单页面的屏幕分辨率发生改变时，基于改变前的屏幕分辨率和改变后的屏幕分辨率，得到页面调整比例；
将所述目标表单页面中的页面元素以所述页面调整比例进行调整。
7.根据权利要求1所述的方法，其特征在于，所述页面元素包括文本框、文本域、文本标签以及按钮控件中的至少一种。
8.一种表单页面生成装置，其特征在于，包括：
页面元素确定模块，用于确定针对初始表单页面配置的页面元素；
布局模式确定模块，用于从至少一个预设div容器布局模式中，匹配与所述页面元素对应的目标div容器布局模式；
布局样式确定模块，用于确定所述页面元素在所述目标div容器布局模式下的目标布局样式；
表单页面得到模块，用于基于所述目标布局样式将所述页面元素布局于所述初始表单页面，得到目标表单页面，并显示所述目标表单页面。
9.一种电子设备，其特征在于，所述电子设备包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-7中任一项所述的表单页面生成方法。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现权利要求1-7中任一项所述的表单页面生成方法。
CN202310456168.2A 2023-04-21 2023-04-21 表单页面生成方法、装置、电子设备及存储介质 Pending CN116450131A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310456168.2A CN116450131A (zh) 2023-04-21 2023-04-21 表单页面生成方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310456168.2A CN116450131A (zh) 2023-04-21 2023-04-21 表单页面生成方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN116450131A true CN116450131A (zh) 2023-07-18

Family

ID=87135557

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310456168.2A Pending CN116450131A (zh) 2023-04-21 2023-04-21 表单页面生成方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN116450131A (zh)

Similar Documents

Publication Publication Date Title
CN113362420B (zh) 道路标注生成方法、装置、设备以及存储介质
CN114218890A (zh) 页面渲染方法、装置、电子设备以及存储介质
CN116069319A (zh) 一种表单渲染方法、装置、电子设备及存储介质
CN114610295A (zh) 一种页面容器的布局方法、装置、设备及介质
CN113836462A (zh) 页面描述文件的生成方法、装置、设备及存储介质
CN116578262A (zh) 一种lcd显示方法、装置、设备及存储介质
CN116450131A (zh) 表单页面生成方法、装置、电子设备及存储介质
CN115374499A (zh) 一种尺寸标注方法、装置、电子设备及存储介质
CN115469866A (zh) 小程序的页面渲染方法、装置、电子设备和存储介质
CN113885978A (zh) 结合rpa及ai的元素截图方法以及装置
CN112861504A (zh) 文本交互方法、装置、设备、存储介质及程序产品
CN113703890B (zh) 显示控制方法、装置、电子设备和存储介质
CN113342413B (zh) 用于处理组件的方法、装置、设备、介质和产品
CN114942817B (zh) 设计界面的展示方法、装置、电子设备、存储介质及产品
CN112559943B (zh) 网页元素的显示方法、装置、电子设备、存储介质及产品
CN115328607B (zh) 一种半导体器件渲染方法、装置、设备及存储介质
CN116225437A (zh) 页面生成方法、装置、电子设备及存储介质
CN115510838A (zh) 一种模板生成的方法、装置、电子设备和存储介质
CN115686714A (zh) 一种页面展示方法、装置、设备及存储介质
CN116820656A (zh) 一种大屏界面生成方法、装置、设备及存储介质
CN115373659A (zh) 业务系统构建方法、装置、电子设备及存储介质
CN117311976A (zh) 一种矢量图形文件处理方法、装置、设备及存储介质
CN114117281A (zh) 一种背景确定方法、装置、设备以及存储介质
CN116881121A (zh) 测试方法、装置、电子设备、计算机可读存储介质
CN118468841A (zh) 测试报告自动生成方法、装置、电子设备和存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination