CN112558969A - 一种网页表单生成方法、装置、设备及介质 - Google Patents
一种网页表单生成方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN112558969A CN112558969A CN202011534188.XA CN202011534188A CN112558969A CN 112558969 A CN112558969 A CN 112558969A CN 202011534188 A CN202011534188 A CN 202011534188A CN 112558969 A CN112558969 A CN 112558969A
- Authority
- CN
- China
- Prior art keywords
- control element
- cell
- content
- field type
- webpage
- 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
Links
Images
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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种网页表单生成方法、装置、设备及介质,用以解决现有网页表单显示内容准确性较低以及工作效率较低的问题。由于本发明实施例数据集中的内容是基于接收到输入信息的单元格中的控件元素确定的,相比现有数据集中的内容是基于接收到输入信息的单元格的位置标识确定的方式而言,本发明实施例中数据集中的内容与输入信息的单元格的位置标识无关,无论输入信息的单元格的位置标识如何变化,均可以基于该单元格中的控件元素,将输入信息准确的写入到数据集中与该控件元素对应的目标字段类别对应的内容中,从而可以提高网页表单中单元格显示的内容的准确性和工作效率,同时还可以实现对网页表单灵活快捷地进行调整,提高了用户体验。
Description
技术领域
本发明涉及网页表单生成技术领域,尤其涉及一种网页表单生成方法、装置、设备及介质。
背景技术
在财务、金融、统计、企业资源计划(Enterprise Resource Planning,ERP)、自动化办公系统(Office Automation,OA)等诸多管理信息系统中通常需要应用大量的网页表单,来实现数据输入、计算、存储等功能。传统的网页表单主要是基于网络机构(networhingorganization,.NET)、Java等后台技术及超级文本标记语言(Hyper TextMarkup Language,Html)、JavaScript等前台技术实现,通常需要开发人员进行大量的编码工作才能完成一个网页表单的设计工作,设计过程非常复杂,耗时长,出错率高,且无法灵活快捷地对网页表单进行调整。
为了解决上述问题,有部分开发人员开发了表单设计平台,其中表单设计平台也可以称为表单设计器。开发人员可以通过可视化的方式直接进行网页表单的设计,由表单设计器生成相关的配置文件,通过对配置文件的解析,自动完成网页表单前端的绘制和后台的数据操作,从而可以在减少代码,甚至无需代码开发的情况下,生成网页表单。
然而现有的表单设计器,虽然基本能够实现网页表单的设计和生成等功能,但在表单设计时存在一定的局限性,例如现有网页表单的数据集中的内容通常是基于对应的单元格的位置标识获取的,一旦单元格的位置发生变化,单元格的位置标识也对应的发生变化的情况下,就会导致如果依然基于原来的位置标识确定数据集中的内容时,就会使确定的数据集的内容不准确,示例性的,如果数据集中某个内容是A1单元格与B3单元格的和,如果删除了第2列,B3单元格的位置标识变成了B2,如果数据集中该内容还是取A1单元格和B3单元格的和就会导致数据集中的内容不准确,也会导致根据数据集中的内容进行显示的网页表单中显示的内容不准确。
而如果需要确定变更位置后的单元格的新位置标识时,又需要一个复杂的算法来确定单元格的新位置标识,增加了程序的复杂程度的同时,也降低了工作效率。
发明内容
本发明实施例提供了一种网页表单生成方法、装置、设备及介质,用以解决现有网页表单显示内容准确性较低以及工作效率较低的问题。
第一方面,本发明实施例提供了一种网页表单生成方法,所述方法包括:
若基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息,根据预先保存的每个控件元素与字段类别的对应关系,将所述输入信息写入到数据集所述第一控件元素对应的第一目标字段类别对应的第一内容中;
在所述第一单元格中显示所述第一内容。
进一步地,所述在所述第一单元格中显示所述第一内容之前,所述方法还包括:
判断是否存在与所述第一控件元素关联的第二控件元素;
若是,则根据预先保存的第一控件元素与第二控件元素之间的关联关系,对所述数据集中的所述第一内容进行相应的操作,获取第二控件元素对应的第二目标字段类别对应的第二内容;
所述方法还包括:
在所述网页表单与所述第二控件元素对应的第二单元格中显示所述第二内容。
进一步地,所述网页表单的生成过程包括:
接收空白表单模板,根据所述空白表单模板中的每个字段类别以及每个字段类别对应的单元格中设置的控件元素,建立每个字段类别与控件元素的对应关系;
生成显示有每个字段类别以及每个控件元素的网页表单,并保存所述网页表单对应的每个字段类别与控件元素的对应关系;
确定所述网页表单对应的网页表单标识信息。
进一步地,所述接收空白表单模板包括:
接收基于电子表格控件绘制的空白表单模板。
进一步地,所述基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息之前,所述方法还包括:
根据接收到的网页表单标识信息,确定与所述网页表单标识信息对应的网页表单。
第二方面,本发明实施例还提供了一种网页表单生成装置,所述装置包括:
接收模块,用于若基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息,根据预先保存的每个控件元素与字段类别的对应关系,将所述输入信息写入到数据集所述第一控件元素对应的第一目标字段类别对应的第一内容中;
显示模块,用于在所述第一单元格中显示所述第一内容。
进一步地,所述接收模块,还用于判断是否存在与所述第一控件元素关联的第二控件元素;若是,则根据预先保存的第一控件元素与第二控件元素之间的关联关系,对所述数据集中的所述第一内容进行相应的操作,获取第二控件元素对应的第二目标字段类别对应的第二内容;
所述显示模块,还用于在所述网页表单与所述第二控件元素对应的第二单元格中显示所述第二内容。
进一步地,所述接收模块,具体用于接收空白表单模板,根据所述空白表单模板中的每个字段类别以及每个字段类别对应的单元格中设置的控件元素,建立每个字段类别与控件元素的对应关系;生成显示有每个字段类别以及每个控件元素的网页表单,并保存所述网页表单对应的每个字段类别与控件元素的对应关系;确定所述网页表单对应的网页表单标识信息。
进一步地,所述接收模块,具体用于接收基于电子表格控件绘制的空白表单模板。
进一步地,所述接收模块,还用于所述基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息之前,根据接收到的网页表单标识信息,确定与所述网页表单标识信息对应的网页表单。
第三方面,本发明实施例还提供了一种电子设备,所述电子设备至少包括处理器和存储器,所述处理器用于执行存储器中存储的计算机程序时实现如上述任一所述网页表单生成方法的步骤。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其存储有计算机程序,所述计算机程序被处理器执行时实现如上述任一所述网页表单生成方法的步骤。
本发明实施例可以根据预先保存的每个控件元素与字段类别的对应关系,确定接收到输入信息的单元格中的第一控件元素对应的第一目标字段类别,进而将该输入信息写入到数据集中该第一目标字段类别对应的第一内容中,并在第一单元格中显示该第一内容。由于本发明实施例数据集中的内容是基于接收到输入信息的单元格中的控件元素确定的,相比现有数据集中的内容是基于接收到输入信息的单元格的位置标识确定的方式而言,本发明实施例中数据集中的内容与输入信息的单元格的位置标识无关,无论输入信息的单元格的位置标识如何变化,均可以基于该单元格中的控件元素,将输入信息准确的写入到数据集中与该控件元素对应的目标字段类别对应的内容中,从而可以提高网页表单中单元格显示的内容的准确性和工作效率,同时还可以实现对网页表单灵活快捷地进行调整,提高了用户体验。
附图说明
图1为本发明实施例提供的第一种网页表单生成过程示意图;
图2为本发明实施例提供的不同控件元素和字段类别的对应关系示意图;
图3为本发明实施例提供的第二种网页表单生成过程示意图;
图4为本发明实施例提供的空白表单模板示意图;
图5为本发明实施例提供的单元格中设置有控件元素的表单模板示意图;
图6为本发明实施例提供的第三种网页表单生成过程示意图;
图7为本发明实施例提供的第四种网页表单生成过程示意图;
图8为本发明实施例提供的一种控件元素布局示意图;
图9为本发明实施例提供的另一种控件元素布局示意图;
图10为本发明实施例提供的一种网页表单生成装置结构示意图;
图11为本发明实施例提供的一种电子设备结构示意图。
具体实施方式
为了使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明作进一步地详细描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
为了提高网页表单显示内容的准确性以及工作效率,本发明实施例提供了一种网页表单生成方法、装置、设备及介质。
实施例1:
图1为本发明实施例提供的第一种网页表单生成过程示意图,该过程包括以下步骤:
S101:若基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息,根据预先保存的每个控件元素与字段类别的对应关系,将所述输入信息写入到数据集所述第一控件元素对应的第一目标字段类别对应的第一内容中。
本发明实施例提供的网页表单生成方法应用于电子设备,该电子设备例如可以是PC、移动终端等设备,也可以是服务器等。
在本发明实施例中,为了可以接收到用户在网页表单中的输入信息,可以预先在网页表单的单元格中设置对应的控件元素,其中控件元素的具体内容可以根据需求灵活设置,在一种可能的实施方式中,控件元素可以包括控件、表达式等,示例性的,控件可以是现有的文本输入框、多行文本输入框、下拉框、列表框、日期选择框、单选框、复选框、图片控件、附件上传控件等;表达式可以是与单元格中的控件元素相关的计算公式等。
在一种可能的实施方式中,可以将用户在网页表单的单元格中的输入信息保存在数据集中。为了确定输入信息对应的字段类别,以准确的将输入信息保存到数据集中对应的字段类别对应的内容中,可以预先保存每个控件元素与字段类别的对应关系,如果基于预先设置在网页表单的第一单元格中的第一控件元素,接收到用户的输入信息,可以根据该预先保存的每个控件元素与字段类别的对应关系,确定接收到输入信息的第一控件元素对应的第一目标字段类别,并将该输入信息写入到该第一目标字段类别对应的第一内容中。示例性的,如果接收到的输入信息的第一控件元素为姓名字段类别对应的控件元素,则可以确定接收到该输入信息的第一控件元素对应的第一目标字段类别为姓名,可以将该输入信息写入到数据集中姓名字段类别对应的第一内容中。
S102:在所述第一单元格中显示所述第一内容。
在一种可能的实施方式中,可以将输入信息保存到数据集中对应的字段类别对应的内容中,同时,网页表单的单元格中的显示内容可以是基于数据集中的内容进行显示的。具体的,如果基于网页表单的第一单元格中的第一控件元素,接收到输入信息,将该输入信息写入到数据集中第一目标字段类别对应的第一内容中时,可以在网页表单的第一单元格中显示该第一内容。
本发明实施例可以根据预先保存的每个控件元素与字段类别的对应关系,确定接收到输入信息的单元格中的第一控件元素对应的第一目标字段类别,进而将该输入信息写入到数据集中该第一目标字段类别对应的第一内容中,并在第一单元格中显示该第一内容。由于本发明实施例数据集中的内容是基于接收到输入信息的单元格中的控件元素确定的,相比现有数据集中的内容是基于接收到输入信息的单元格的位置标识确定的方式而言,本发明实施例中数据集中的内容与输入信息的单元格的位置标识无关,无论输入信息的单元格的位置标识如何变化,均可以基于该单元格中的控件元素,将输入信息准确的写入到数据集中与该控件元素对应的目标字段类别对应的内容中,从而可以提高网页表单中单元格显示的内容的准确性和工作效率,同时还可以实现对网页表单灵活快捷地进行调整,提高了用户体验。
实施例2:
为了提高用户体验,在上述实施例的基础上,在本发明实施例中,所述在所述第一单元格中显示所述第一内容之前,所述方法还包括:
判断是否存在与所述第一控件元素关联的第二控件元素;
若是,则根据预先保存的第一控件元素与第二控件元素之间的关联关系,对所述数据集中的所述第一内容进行相应的操作,获取第二控件元素对应的第二目标字段类别对应的第二内容;
所述方法还包括:
在所述网页表单与所述第二控件元素对应的第二单元格中显示所述第二内容。
在一种可能的实施方式中,可以设置不同控件元素之间的关联关系,图2为本发明实施例提供的不同控件元素和字段类别的对应关系示意图,如图2所示,出生年月这个字段类别对应的控件元素与年龄这个字段类别对应的控件元素之间具有关联关系,其中年龄这个字段类别对应的控件元素为表达式,由该表达式可以看出,年龄可以是当前年份(YEAR)与出生年月中的出生年份(YEAR(dateBirthday))的差值。
在本发明实施例中,在第一单元格中显示第一内容之前,还可以判断是否存在与第一控件元素关联的第二控件元素,如果存在,可以认为也可以基于该输入信息,确定第二控件元素对应的第二目标字段类别对应的第二内容。具体的,可以先根据预先保存的每个控件元素与字段类别的对应关系,确定第二控件元素对应的第二目标字段类别。然后根据预先保存的第一控件元素与第二控件元素之间的关联关系,对数据集中第一控件元素对应的第一目标字段类别的第一内容进行相应的操作,从而获取第二控件元素对应的第二目标字段类别对应的第二内容。为方便理解,仍以上述实施例进行举例说明,参见图2,如果用户在出生年月对应的单元格输入的出生年月中的出生年份为2010年,当前年份为2020年,根据年龄第二控件元素可以看出,年龄可以是当前年份(YEAR)与出生年月中的出生年份(YEAR(dateBirthday))的差值,则可以确定年龄第二目标字段类别对应的第二内容为10岁。
在确定了第二内容后,可以在网页表单与第二控件元素对应的第二单元格中,即网页表单中年龄对应的第二单元格中显示该第二内容。
为方便理解,下面通过一个具体实施例对本发明实施例提供的网页表单生成过程进行说明。图3为本发明实施例提供的第二种网页表单生成过程示意图,如图3所示,该过程包括以下步骤:
S301:若基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息,根据预先保存的每个控件元素与字段类别的对应关系,将输入信息写入到数据集第一控件元素对应的第一目标字段类别对应的第一内容中。
S302:判断是否存在与第一控件元素关联的第二控件元素,若是,进行S303,若否,进行S304。
S303:根据预先保存的第一控件元素与第二控件元素之间的关联关系,对数据集中的第一内容进行相应的操作,获取第二控件元素对应的第二目标字段类别对应的第二内容,并进行S304以及S305。
S304:在第一单元格中显示第一内容。
S305:在网页表单与第二控件元素对应的第二单元格中显示第二内容。
值的说明的是,上述网页表单生成过程所包含的步骤只是一种举例说明,本申请对S304与S305之间的先后顺序不做限定,即是先在第一单元格中显示第一内容,还是先在第二单元格中显示第二内容两个步骤之间的先后顺序不做限定。
实施例3:
为了生成网页表单,在上述各实施例的基础上,在本发明实施例中,所述网页表单的生成过程包括:
接收空白表单模板,根据所述空白表单模板中的每个字段类别以及每个字段类别对应的单元格中设置的控件元素,建立每个字段类别与控件元素的对应关系;
生成显示有每个字段类别以及每个控件元素的网页表单,并保存所述网页表单对应的每个字段类别与控件元素的对应关系;
确定所述网页表单对应的网页表单标识信息。
在本发明实施例中,用户可以先绘制空白表单模板,图4为本发明实施例提供的空白表单模板示意图,如图4所示,空白表单模板中可以包括姓名、性别、出生年月、身份证号码……自我评价等字段类别,在一种可能的实施方式中,可以根据空白表单模板中的每个字段类别,确定数据集中的每个字段类别,即数据集中的字段类别与空白表单模板中显示的字段类别可以是相同的。
为了可以接收用户的输入信息,可以在空白表单模板中的每个字段类别对应的单元格中设置控件元素,在一种可能的实施方式中,可以直接将控件元素拖放到对应的单元格中,也可以在单元格中点击右键进而加载相应的控件元素,本发明实施例对在单元格中设置控件元素的具体方式不做具体限定,可以根据需求灵活设置。图5为本发明实施例提供的单元格中设置有控件元素的表单模板示意图,如图5所示,性别、出生年月、民族对应的单元格中的控件元素可以为下拉框控件等,姓名、身份证号码等对应的单元格中的控件元素可以为文本输入框控件等。
在一种可能的实施方式中,可以设置每个控件元素的属性信息,其中属性信息包括但不限于:控件标识(控件ID)、控件默认值、校验规则等。另外,还可以为每个控件元素设置响应事件,其中响应事件包括但不限于:获得焦点事件、失去焦点事件、键盘按下事件(keydown)、键盘弹起事件(keyup)、鼠标按下事件(MOUSE_DOWN)和鼠标弹起事件(MOUSE_UP)等。
为方便描述,可以将单元格中设置了控件元素的空白表单模板称为模版样式定义文件。
在单元格中设置控件元素之后,即确定了模版样式定义文件之后,可以建立每个字段类别与控件元素的对应关系。示例性的,参见图2,姓名字段类别对应的控件元素可以是txtName、身份证号码字段类别对应的控件元素可以是txtPID、家庭地址字段类别对应的控件元素可以是txtAddress、联系方式字段类别对应的控件元素可以是txtPhone、出生年月字段类别对应的控件元素可以是dateBirthday、年龄字段类别对应的控件元素可以是YEAR()-YEAR(dateBirthday)等。在一种可能的实施方式中,建立每个字段类别与控件元素的对应关系时,可以是针对每个字段类别,确定该字段类别对应的控件元素;也可以是针对每个控件元素,确定该控件元素对应的字段类别等。
可以理解的,建立了每个字段类别与控件元素的对应关系后,即可以获知数据集中包括的每个字段类别对应的控件元素,从而可以在基于对应的控件元素接收到用户的输入信息后,可以将该输入信息写入到数据集该控件元素对应的目标字段类别对应的内容中,即可以在数据集中接收用户的输入信息。在一种可能的实施方式中,可以将数据集中的内容进而提交到后台数据库中以对数据集中的内容进行保存。在本发明实施例中,为方便描述,可以将每个字段类别与控件元素的对应关系称为表单数据配置文件。
在单元格中设置了控件元素,并建立了每个字段类别与控件元素的对应关系后,即确定了模版样式定义文件和表单数据配置文件后,可以通过将这两个文件加载到表单设计器引擎等现有方式,生成对应的网页表单,即生成显示有每个字段类别以及每个控件元素的网页表单,并保存该网页表单对应的每个字段类别与控件元素的对应关系,以可以在基于对应的控件元素接收到用户的输入信息后,可以将该输入信息写入到数据集该控件元素对应的目标字段类别对应的内容中。
在一种可能的实施方式中,为了便于用户使用该网页表单,可以确定该网页表单对应的网页表单标识信息,具体的,网页表单标识信息可以根据需求灵活设置,本发明实施例对此不做具体限定。
实施例4:
为了便于使用网页表单,在上述各实施例的基础上,在本发明实施例中,所述基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息之前,所述方法还包括:
根据接收到的网页表单标识信息,确定与所述网页表单标识信息对应的网页表单。
在本发明实施例中,用户在使用该网页表单时,可以先通过浏览器等输入网页表单标识信息,电子设备根据接收到的网页表单标识信息,确定与该网页表单标识信息对应的网页表单并展示,以便用户使用对应的网页表单。示例性的,电子设备可以基于网页表单设计器引擎等通过对网页表单的解析,显示该网页表单,以供用户使用。
为方便理解,下面通过一个具体实施例对本发明实施例提供的网页表单生成过程进行说明。图6为本发明实施例提供的第三种网页表单生成过程示意图,如图6所示,该过程包括以下步骤:
S601:根据接收到的网页表单标识信息,确定与该网页表单标识信息对应的网页表单。
S602:若基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息,根据预先保存的每个控件元素与字段类别的对应关系,将输入信息写入到数据集所述第一控件元素对应的第一目标字段类别对应的第一内容中。
S603:在第一单元格中显示第一内容。
为方便理解,下面通过再一个具体实施例对本发明实施例提供的网页表单生成过程进行说明。图7为本发明实施例提供的第四种网页表单生成过程示意图,如图7所示,该过程包括以下步骤:
S701:根据接收到的网页表单标识信息,确定与该网页表单标识信息对应的网页表单。
S702:若基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息,根据预先保存的每个控件元素与字段类别的对应关系,将输入信息写入到数据集所述第一控件元素对应的第一目标字段类别对应的第一内容中。
S703:判断是否存在与第一控件元素关联的第二控件元素,若是,进行S704,若否,进行S705。
S704:根据预先保存的第一控件元素与第二控件元素之间的关联关系,对数据集中的第一内容进行相应的操作,获取第二控件元素对应的第二目标字段类别对应的第二内容,并进行S705以及S706。
S705:在第一单元格中显示第一内容。
S706:在网页表单与第二控件元素对应的第二单元格中显示第二内容。
值的说明的是,上述网页表单生成过程所包含的步骤只是一种举例说明,本申请对S705与S706之间的先后顺序不做限定,即是先在第一单元格中显示第一内容,还是先在第二单元格中显示第二内容两个步骤之间的先后顺序不做限定。
实施例5:
为了灵活设计网页表单,在上述各实施例的基础上,在本发明实施例中,所述接收空白表单模板包括:
接收基于电子表格控件绘制的空白表单模板。
现有在利用表单设计器设计网页表单时,网页表单中控件元素的布局通常是固定的,示例性的,控件元素可以采用固定的1列布局、2列布局、3列布局等,行间距可以采用固定的单倍行高、2倍行高、3倍行高等,图8为本发明实施例提供的一种控件元素布局示意图,如图8所示,控件元素的布局可以是两列布局,控件元素只能按照图8中两个等宽的纵列进行设置,网页表单的样式比较受限,美观性不能满足用户需求;同时,在将基础控件(控件元素)设置在对应的控件元素位置时,由于界面中没有准确的可参考的坐标位置,通常只能依据控件元素位置与网页界面的尺寸比例来估算,并不能精准的确定控件元素的位置和大小。
为了增加网页表单样式的多样性,现有网页表单设计器可以先基于布局控件设计出样式相对复杂的网页表单,然后再将基础控件(控件元素)设置在对应的控件元素位置。图9为本发明实施例提供的另一种控件元素布局示意图,如图9所示,相比图8,采用布局控件可以设计出样式相对复杂的网页表单,例如网页表单中的控件元素可以同时包含3列布局、2列布局、4列布局以及嵌套布局。但是该方式在将基础控件(控件元素)设置在对应的控件元素位置中时,界面中同样并没有准确的可参考的坐标位置,同样需要依据控件元素位置与网页界面的尺寸比例来估算,并不能准确的确定控件元素的位置和大小;另外,在网页表单样式需要调整时,还需要不断调整布局控件来对网页表单的样式进行调整,尤其例如在数据采集、信息录入、报表制作等需求场景下需要表单页面的样式比较复杂时,布局控件的调整将非常繁琐,而且网页表单界面的美观性也欠佳。
为了便于设计不同样式的网页表单、便于调整控件元素的位置和大小,并增加网页表单界面的美观性,在本发明实施例中,基于先电子表格控件绘制空白表单模板,参见图5,相比现有控件布局的界面,电子表格控件绘制的空白表单模板中可以准确的将网页表单划分为多个单元格,并将该多个单元格作为可参考的坐标位置,可以灵活的设计各种样式的空白表单模板,并进而可以在单元格中直接设置控件元素,从而可以准确地控制控件元素的位置和大小,增加了网页表单设计的灵活性、多样性和准确性,尤其在设计较复杂的网页表单时,本发明实施例的优势更加凸显。
在一种可能的实施方式中,电子表格控件可以是Excel的万维网(web)控件,也可以是类似Excel的电子表格控件,本发明实施例对电子表格控件的类型不做具体限定,可以根据需求灵活选择。在一种可能的实施方式中,由于基于Excel的web控件来绘制网页表单时,通常需要电子设备的系统中集成Excel软件或者Excel的web控件,由于Excel是微软的产品,仅支持Windows操作系统,就可能会导致网页表单产品的跨平台能力较弱。鉴于此,可以基于类似Excel的电子表格控件绘制空白表单模板。具体地,可以基于类似Excel的电子表格控件制作网页表单的基础画布,用户可以在该基础画布中绘制各种样式的空白表单模板,并可以在空白表单模板的单元格中直接设置需要的控件元素,从而可以准确地控制控件元素的位置和大小。
其中,基于类似Excel的电子表格控件绘制的空白表单模板中的行、列、单元格等与基于Excel的web控件绘制的行、列、单元格等具有基本一致的属性和特征,例如:可以支持调整行高、列宽、增加行列、删除行列、合并单元格、拆分单元格、设置单元格的显示内容、边框以及底纹等单元格格式等。基于对电子表格控件的编辑操作,可以绘制需要的空白表单模板。
实施例6:
在上述各实施例的基础上,本发明实施例提供了一种网页表单生成装置,图10为本发明实施例提供的一种网页表单生成装置结构示意图,如图10所示,所述装置包括:
接收模块101,用于若基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息,根据预先保存的每个控件元素与字段类别的对应关系,将所述输入信息写入到数据集所述第一控件元素对应的第一目标字段类别对应的第一内容中;
显示模块102,用于在所述第一单元格中显示所述第一内容。
在一种可能的实施方式中,所述接收模块101,还用于判断是否存在与所述第一控件元素关联的第二控件元素;若是,则根据预先保存的第一控件元素与第二控件元素之间的关联关系,对所述数据集中的所述第一内容进行相应的操作,获取第二控件元素对应的第二目标字段类别对应的第二内容;
所述显示模块102,还用于在所述网页表单与所述第二控件元素对应的第二单元格中显示所述第二内容。
在一种可能的实施方式中,所述接收模块101,具体用于接收空白表单模板,根据所述空白表单模板中的每个字段类别以及每个字段类别对应的单元格中设置的控件元素,建立每个字段类别与控件元素的对应关系;生成显示有每个字段类别以及每个控件元素的网页表单,并保存所述网页表单对应的每个字段类别与控件元素的对应关系;确定所述网页表单对应的网页表单标识信息。
在一种可能的实施方式中,所述接收模块101,具体用于接收基于电子表格控件绘制的空白表单模板。
在一种可能的实施方式中,所述接收模块101,还用于所述基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息之前,根据接收到的网页表单标识信息,确定与所述网页表单标识信息对应的网页表单。
本发明实施例可以根据预先保存的每个控件元素与字段类别的对应关系,确定接收到输入信息的单元格中的第一控件元素对应的第一目标字段类别,进而将该输入信息写入到数据集中该第一目标字段类别对应的第一内容中,并在第一单元格中显示该第一内容。由于本发明实施例数据集中的内容是基于接收到输入信息的单元格中的控件元素确定的,相比现有数据集中的内容是基于接收到输入信息的单元格的位置标识确定的方式而言,本发明实施例中数据集中的内容与输入信息的单元格的位置标识无关,无论输入信息的单元格的位置标识如何变化,均可以基于该单元格中的控件元素,将输入信息准确的写入到数据集中与该控件元素对应的目标字段类别对应的内容中,从而可以提高网页表单中单元格显示的内容的准确性和工作效率,同时还可以实现对网页表单灵活快捷地进行调整,提高了用户体验。
实施例7:
在上述各实施例的基础上,本发明实施例还提供了一种电子设备,图11为本发明实施例提供的一种电子设备结构示意图,如图11所示,该电子设备包括:处理器111、通信接口112、存储器113和通信总线114,其中,处理器111,通信接口112,存储器113通过通信总线114完成相互间的通信;
所述存储器113中存储有计算机程序,当所述程序被所述处理器111执行时,使得所述处理器111执行如下步骤:
若基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息,根据预先保存的每个控件元素与字段类别的对应关系,将所述输入信息写入到数据集所述第一控件元素对应的第一目标字段类别对应的第一内容中;
在所述第一单元格中显示所述第一内容。
在一种可能的实施方式中,处理器111,还用于所述在所述第一单元格中显示所述第一内容之前,判断是否存在与所述第一控件元素关联的第二控件元素;
若是,则根据预先保存的第一控件元素与第二控件元素之间的关联关系,对所述数据集中的所述第一内容进行相应的操作,获取第二控件元素对应的第二目标字段类别对应的第二内容;
在所述网页表单与所述第二控件元素对应的第二单元格中显示所述第二内容。
在一种可能的实施方式中,处理器111,具体用于接收空白表单模板,根据所述空白表单模板中的每个字段类别以及每个字段类别对应的单元格中设置的控件元素,建立每个字段类别与控件元素的对应关系;
生成显示有每个字段类别以及每个控件元素的网页表单,并保存所述网页表单对应的每个字段类别与控件元素的对应关系;
确定所述网页表单对应的网页表单标识信息。
在一种可能的实施方式中,处理器111,具体用于接收基于电子表格控件绘制的空白表单模板。
在一种可能的实施方式中,处理器111,还用于所述基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息之前,根据接收到的网页表单标识信息,确定与所述网页表单标识信息对应的网页表单。
由于上述电子设备解决问题的原理与网页表单生成方法相似,因此上述电子设备的实施可以参见方法的实施,重复之处不再赘述。
上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect,PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture,EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口112用于上述电子设备与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory,RAM),也可以包括非易失性存储器(Non-Volatile Memory,NVM),例如至少一个磁盘存储器。可选地,存储器还可以是至少一个位于远离前述处理器的存储装置。
上述处理器可以是通用处理器,包括中央处理器、网络处理器(NetworkProcessor,NP)等;还可以是数字指令处理器(Digital Signal Processing,DSP)、专用集成电路、现场可编程门陈列或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。
本发明实施例可以根据预先保存的每个控件元素与字段类别的对应关系,确定接收到输入信息的单元格中的第一控件元素对应的第一目标字段类别,进而将该输入信息写入到数据集中该第一目标字段类别对应的第一内容中,并在第一单元格中显示该第一内容。由于本发明实施例数据集中的内容是基于接收到输入信息的单元格中的控件元素确定的,相比现有数据集中的内容是基于接收到输入信息的单元格的位置标识确定的方式而言,本发明实施例中数据集中的内容与输入信息的单元格的位置标识无关,无论输入信息的单元格的位置标识如何变化,均可以基于该单元格中的控件元素,将输入信息准确的写入到数据集中与该控件元素对应的目标字段类别对应的内容中,从而可以提高网页表单中单元格显示的内容的准确性和工作效率,同时还可以实现对网页表单灵活快捷地进行调整,提高了用户体验。
实施例8:
在上述各实施例的基础上,本发明实施例提供了一种计算机可读存储介质,所述计算机可读存储介质内存储有可由电子设备执行的计算机程序,当所述程序在所述电子设备上运行时,使得所述电子设备执行时实现如下步骤:
若基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息,根据预先保存的每个控件元素与字段类别的对应关系,将所述输入信息写入到数据集所述第一控件元素对应的第一目标字段类别对应的第一内容中;
在所述第一单元格中显示所述第一内容。
在一种可能的实施方式中,所述在所述第一单元格中显示所述第一内容之前,所述方法还包括:
判断是否存在与所述第一控件元素关联的第二控件元素;
若是,则根据预先保存的第一控件元素与第二控件元素之间的关联关系,对所述数据集中的所述第一内容进行相应的操作,获取第二控件元素对应的第二目标字段类别对应的第二内容;
所述方法还包括:
在所述网页表单与所述第二控件元素对应的第二单元格中显示所述第二内容。
在一种可能的实施方式中,所述网页表单的生成过程包括:
接收空白表单模板,根据所述空白表单模板中的每个字段类别以及每个字段类别对应的单元格中设置的控件元素,建立每个字段类别与控件元素的对应关系;
生成显示有每个字段类别以及每个控件元素的网页表单,并保存所述网页表单对应的每个字段类别与控件元素的对应关系;
确定所述网页表单对应的网页表单标识信息。
在一种可能的实施方式中,所述接收空白表单模板包括:
接收基于电子表格控件绘制的空白表单模板。
在一种可能的实施方式中,所述基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息之前,所述方法还包括:
根据接收到的网页表单标识信息,确定与所述网页表单标识信息对应的网页表单。
上述计算机可读存储介质可以是电子设备中的处理器能够存取的任何可用介质或数据存储设备,包括但不限于磁性存储器如软盘、硬盘、磁带、磁光盘(MO)等、光学存储器如CD、DVD、BD、HVD等、以及半导体存储器如ROM、EPROM、EEPROM、非易失性存储器(NANDFLASH)、固态硬盘(SSD)等。
本发明实施例可以根据预先保存的每个控件元素与字段类别的对应关系,确定接收到输入信息的单元格中的第一控件元素对应的第一目标字段类别,进而将该输入信息写入到数据集中该第一目标字段类别对应的第一内容中,并在第一单元格中显示该第一内容。由于本发明实施例数据集中的内容是基于接收到输入信息的单元格中的控件元素确定的,相比现有数据集中的内容是基于接收到输入信息的单元格的位置标识确定的方式而言,本发明实施例中数据集中的内容与输入信息的单元格的位置标识无关,无论输入信息的单元格的位置标识如何变化,均可以基于该单元格中的控件元素,将输入信息准确的写入到数据集中与该控件元素对应的目标字段类别对应的内容中,从而可以提高网页表单中单元格显示的内容的准确性和工作效率,同时还可以实现对网页表单灵活快捷地进行调整,提高了用户体验。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。
Claims (10)
1.一种网页表单生成方法,其特征在于,所述方法包括:
若基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息,根据预先保存的每个控件元素与字段类别的对应关系,将所述输入信息写入到数据集所述第一控件元素对应的第一目标字段类别对应的第一内容中;
在所述第一单元格中显示所述第一内容。
2.根据权利要求1所述的方法,其特征在于,所述在所述第一单元格中显示所述第一内容之前,所述方法还包括:
判断是否存在与所述第一控件元素关联的第二控件元素;
若是,则根据预先保存的第一控件元素与第二控件元素之间的关联关系,对所述数据集中的所述第一内容进行相应的操作,获取第二控件元素对应的第二目标字段类别对应的第二内容;
所述方法还包括:
在所述网页表单与所述第二控件元素对应的第二单元格中显示所述第二内容。
3.根据权利要求1所述的方法,其特征在于,所述网页表单的生成过程包括:
接收空白表单模板,根据所述空白表单模板中的每个字段类别以及每个字段类别对应的单元格中设置的控件元素,建立每个字段类别与控件元素的对应关系;
生成显示有每个字段类别以及每个控件元素的网页表单,并保存所述网页表单对应的每个字段类别与控件元素的对应关系;
确定所述网页表单对应的网页表单标识信息。
4.根据权利要求3所述的方法,其特征在于,所述接收空白表单模板包括:
接收基于电子表格控件绘制的空白表单模板。
5.根据权利要求3所述的方法,其特征在于,所述基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息之前,所述方法还包括:
根据接收到的网页表单标识信息,确定与所述网页表单标识信息对应的网页表单。
6.一种网页表单生成装置,其特征在于,所述装置包括:
接收模块,用于若基于预先设置在网页表单的第一单元格中的第一控件元素,接收到输入信息,根据预先保存的每个控件元素与字段类别的对应关系,将所述输入信息写入到数据集所述第一控件元素对应的第一目标字段类别对应的第一内容中;
显示模块,用于在所述第一单元格中显示所述第一内容。
7.根据权利要求6所述的装置,其特征在于,所述接收模块,还用于判断是否存在与所述第一控件元素关联的第二控件元素;若是,则根据预先保存的第一控件元素与第二控件元素之间的关联关系,对所述数据集中的所述第一内容进行相应的操作,获取第二控件元素对应的第二目标字段类别对应的第二内容;
所述显示模块,还用于在所述网页表单与所述第二控件元素对应的第二单元格中显示所述第二内容。
8.根据权利要求6所述的装置,其特征在于,所述接收模块,具体用于接收空白表单模板,根据所述空白表单模板中的每个字段类别以及每个字段类别对应的单元格中设置的控件元素,建立每个字段类别与控件元素的对应关系;生成显示有每个字段类别以及每个控件元素的网页表单,并保存所述网页表单对应的每个字段类别与控件元素的对应关系;确定所述网页表单对应的网页表单标识信息。
9.一种电子设备,其特征在于,所述电子设备至少包括处理器和存储器,所述处理器用于执行存储器中存储的计算机程序时实现如权利要求1-5中任一所述网页表单生成方法的步骤。
10.一种计算机可读存储介质,其特征在于,其存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1-5中任一所述网页表单生成方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011534188.XA CN112558969A (zh) | 2020-12-23 | 2020-12-23 | 一种网页表单生成方法、装置、设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011534188.XA CN112558969A (zh) | 2020-12-23 | 2020-12-23 | 一种网页表单生成方法、装置、设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112558969A true CN112558969A (zh) | 2021-03-26 |
Family
ID=75032177
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011534188.XA Pending CN112558969A (zh) | 2020-12-23 | 2020-12-23 | 一种网页表单生成方法、装置、设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112558969A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113672212A (zh) * | 2021-08-19 | 2021-11-19 | 深圳我家云网络科技有限公司 | 单据配置方法、计算机设备及计算机存储介质 |
CN116361363A (zh) * | 2023-03-24 | 2023-06-30 | 上海雷昶科技有限公司 | 用于科学工艺评估系统的审计追踪记录生成方法及相关装置 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110119489A (zh) * | 2019-04-16 | 2019-08-13 | 深圳壹账通智能科技有限公司 | 信息自动登记方法、装置、计算机设备及存储介质 |
CN111881662A (zh) * | 2020-08-03 | 2020-11-03 | 北京致远互联软件股份有限公司 | 表单生成方法、装置、处理设备及存储介质 |
-
2020
- 2020-12-23 CN CN202011534188.XA patent/CN112558969A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110119489A (zh) * | 2019-04-16 | 2019-08-13 | 深圳壹账通智能科技有限公司 | 信息自动登记方法、装置、计算机设备及存储介质 |
CN111881662A (zh) * | 2020-08-03 | 2020-11-03 | 北京致远互联软件股份有限公司 | 表单生成方法、装置、处理设备及存储介质 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113672212A (zh) * | 2021-08-19 | 2021-11-19 | 深圳我家云网络科技有限公司 | 单据配置方法、计算机设备及计算机存储介质 |
CN116361363A (zh) * | 2023-03-24 | 2023-06-30 | 上海雷昶科技有限公司 | 用于科学工艺评估系统的审计追踪记录生成方法及相关装置 |
CN116361363B (zh) * | 2023-03-24 | 2023-09-12 | 上海雷昶科技有限公司 | 用于科学工艺评估系统的审计追踪记录生成方法及相关装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109614424B (zh) | 页面布局生成方法、装置、计算设备和介质 | |
WO2021068331A1 (zh) | 一种网页自适应布局方法、服务器及计算机可读存储介质 | |
CN109408764B (zh) | 页面区域划分方法、装置、计算设备和介质 | |
US7750924B2 (en) | Method and computer-readable medium for generating graphics having a finite number of dynamically sized and positioned shapes | |
CN111126019B (zh) | 基于模式定制的报表生成方法、装置和电子设备 | |
US11537363B2 (en) | User interface migration using intermediate user interfaces | |
US11954463B2 (en) | User interface design update automation | |
CN111444696B (zh) | 报表展示与编辑方法及装置 | |
CN111881662A (zh) | 表单生成方法、装置、处理设备及存储介质 | |
US11137985B2 (en) | User interface stencil automation | |
CN112558969A (zh) | 一种网页表单生成方法、装置、设备及介质 | |
CN111428457A (zh) | 数据表的自动格式化 | |
CN113076731A (zh) | 报告文件生成方法、装置、计算机设备和存储介质 | |
CN111367982B (zh) | 导入tririga基础数据的方法、装置、计算机设备及存储介质 | |
US11475205B2 (en) | Automatically locating elements in user interfaces | |
CN111427577A (zh) | 代码处理方法、装置及服务器 | |
CN109656652B (zh) | 网页图表绘制方法、装置、计算机设备和存储介质 | |
US11474671B2 (en) | Neutralizing designs of user interfaces | |
CN112861481A (zh) | 分页处理的方法、装置、电子设备及计算机可读存储介质 | |
CN106933552B (zh) | 一种数据处理方法及前端代码生成装置 | |
CN111435300A (zh) | web系统开发方法、装置、设备及存储介质 | |
CN114238724A (zh) | 一种数据可视化的方法及装置 | |
CN109828985B (zh) | 一种表单差异查询方法和装置 | |
CN112558957A (zh) | 生成网页表格的方法、装置、电子设备及可读存储介质 | |
CN112540747A (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 |