一种列表页面的配置方法、设备及存储介质与流程

1.本技术涉及计算机技术领域，尤其涉及一种列表页面的配置方法、设备及存储介质。


背景技术：

2.erp系统是新一代集成化企业管理信息系统，它优化了现代企业的运行模式，成为现代企业管理中一种重要的管理平台。erp系统中的各个移动应用，存在大量的列表页面，这些列表页面在使用的时候，列表页面中的某些字段并不能完全满足用户的需求，需要按照实际的需求进行配置和修改。
3.以往列表页面的配置方法是需要进行手写html，如果列表页面数量较多，则需要手写成千上万段的html编码，对用户来说过程较为繁琐，导致了列表页面的配置效率较低。另外，假如用户不具备编码的知识，则难以实现手写html，也就无法实现列表页面模板的配置。


技术实现要素：

4.本技术实施例提供了一种列表页面的配置方法、设备及存储介质，用以解决现有的列表页面的配置方法过程繁琐，导致列表页面的配置效率较低的技术问题。
5.一方面，本技术实施例提供了一种列表页面的配置方法，方法包括：在预存的若干种列表页面模板中，确定其中的一种列表页面的模板；其中，模板中包含若干字符串；基于预设规则在模板包含的若干字符串中查找若干字段变量；其中，字段变量用于关联列表页面中的字段；将若干字段和若干字段变量进行一一匹配；生成匹配后的列表页面。
6.在本技术实施例中，对列表页面进行重新配置之前，已经在模板编辑器中预置了多种多样的有关列表页面的模板，用户只需要选择某一个模板，然后对模板进行配置和编辑即可，并不需要通过手写成百上千段的html编码来完成整个列表页面的制作。在进行列表页面配置的过程中，将模板中的字段及字段变量进行查找并绑定，就可以完成列表页面的编辑。整个过程中，用户只需要对字段和变量进行匹配绑定即可，操作过程较为简便，对用户的编程能力要求较低，在实际使用的过程中，提升了用户使用的体验感。
7.在本技术的一种实现方式中，基于预设规则在模板中查找若干字段变量，具体包括：获取模板中的若干特征字符串；其中，特征字符串为已经标注了第一特征符号的字符串；基于第一特征符号识别若干特征字符串；提取若干特征字符串中包含的内容，以确定若干字段变量。
8.在本技术的一种实现方式中，方法还包括：获取来自客户端的操作指令，并将操作指令解析为编码程序；生成若干事件变量，并将若干事件变量映射为操作指令对应的编码程序。
9.在本技术的一种实现方式中，生成若干事件变量之前，方法还包括：获取模板中包含的若干事件字符串；其中，事件字符串为标注了第二特征符号的字符串；基于第二特征符
号识别若干事件字符串；提取若干事件字符串中包含的内容，以确定若干事件变量。
10.在本技术的一种实现方式中，在将若干字段和若干字段变量进行一一匹配之后，方法还包括：生成若干字段和若干字段变量之间的第一映射关系；其中，第一映射关系用于表征若干字段和若干字段变量的匹配过程；将第一映射关系保存在数据库中。
11.在本技术的一种实现方式中，在生成若干事件变量，并将若干事件变量映射为操作指令对应的编码程序之后，方法还包括：生成若干事件变量与操作指令对应的编码程序之间的第二映射关系；其中，第二映射关系用于表征若干事件变量与操作指令对应的编码程序的匹配过程；将第二映射关系保存在数据库中。
12.在本技术的一种实现方式中，生成匹配后的列表页面，具体包括：调取第一映射关系；基于第一映射关系，将模板中的字段变量替换为字段；以及，调取第二映射关系；基于第二映射关系，将模板中的事件变量替换为操作指令按钮；将模板中的字段以及操作指令按钮通过生成器转化为列表页面。通过保存字段以及事件匹配过程映射关系，然后通过映射关系将模板中的变量替换为相应的字段以及操作指令按钮，可以保证字段以及操作指令按钮生成的准确性。
13.在本技术的一种实现方式中，方法还包括：获取列表页面中的字段以及操作指令按钮；将字段以及操作指令按钮提取至修改界面；其中，修改界面用于对字段以及操作指令按钮的内容进行修改；编辑字段的内容以及操作指令按钮的内容，并将编辑后的字段转化为字段变量，以及将编辑后的操作指令按钮转化为事件变量；将字段变量以及事件变量进行映射处理，以得到修改后的字段以及操作指令按钮；将修改后的字段以及操作指令按钮通过生成器转化为列表页面。生成的列表页面是具备可编辑性的，在实际使用过程中，便于用户随时随地按照自己的需求来配置列表页面。
14.另一方面，本技术还提供了一种列表页面的配置设备，设备包括：至少一个处理器；以及，与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够：预制若干种列表页面的模板，并选择其中的一种列表页面的模板；其中，模板中包含若干字符串；基于预设规则在模板包含的若干字符串中查找若干字段变量；其中，字段变量用于关联列表页面中的字段；将若干字段和若干字段变量进行一一匹配；生成匹配后的列表页面。
15.另一方面，本技术还提供了一种列表页面配置的非易失性计算机存储介质，存储有计算机可执行指令，计算机可执行指令设置为：预制若干种列表页面的模板，并选择其中的一种列表页面的模板；其中，模板中包含若干字符串；基于预设规则在模板包含的若干字符串中查找若干字段变量；其中，字段变量用于关联列表页面中的字段；将若干字段和若干字段变量进行一一匹配；生成匹配后的列表页面。
附图说明
16.此处所说明的附图用来提供对本技术的进一步理解，构成本技术的一部分，本技术的示意性实施例及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
17.图1为本技术实施例提供的一种列表页面的配置方法流程图；
18.图2为本技术实施例提供的一种列表页面二次修改的方法流程图；
19.图3为本技术实施例提供的一种列表页面的配置设备结构示意图。
具体实施方式
20.为使本技术的目的、技术方案和优点更加清楚，下面将结合本技术具体实施例及相应的附图对本技术技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
21.erp系统是目前新一代集成化企业管理信息系统，它优化了现代企业的运行模式，成为现代企业管理中一种重要的管理平台。erp系统中的各个移动应用，存在大量的列表页面，这些列表页面在使用的时候，列表页面中的某些字段并不能完全满足用户的需求，需要按照实际的需求进行配置和修改。
22.以往列表页面的配置方法是需要进行手写html，如果列表页面数量较多，则需要手写成千上万段的html编码，对用户来说过程较为繁琐，导致了列表页面的配置效率较低。另外，假如用户不具备编码的知识，则难以实现手写html，也就无法实现列表页面模板的配置。
23.由于用户普遍不具备较强的编程能力，因此，在列表页面的配置上，亟待开发出一种不需要用户手写html的方法，并且用户可以直观的去选择需要修改的东西。基于此，本技术将列表页面的字段以及事件抽离出来，用户只需要根据自己的需要，随意绑定即可实现列表页面的配置。
24.本技术实施例提供了一种列表页面的配置方法，用以解决现有的列表页面的配置方法过程繁琐，导致列表页面的配置效率较低的技术问题。下面通过附图对本技术实施例提出的技术方案进行详细的说明。
25.图1为本技术实施例提供的一种列表页面的配置方法流程图。如图1所示，本技术实施例中的一种列表页面的配置方法，至少包括以下步骤：
26.步骤101、在预存的若干种列表页面模板中，确定其中一种模板。
27.在本技术实施例中，主要是基于html模板编辑器来实现对erp系统中应用程序的列表页面的配置和编辑。在使用之前，首先在模板编辑器中预存较多数量的列表页面的模板。因为在一个应用程序中，往往会有成千上万个列表页面，不可能每次都重新制作列表页面，这样的话肯定会花费较长的时间成本，以及占用较多的内存资源。因此，本技术实施例中的列表页面的配置必须要借助相应的模板来完成。
28.本技术实施例中，html模板编辑器所处理的列表页面的模板应该是可配置的、低代码的，因此有必要预先在html模板编辑器中存储一些html代码片段供用户选择，此种设置方式的好处在于可以最大程度避免由用户手写html代码而造成的风险，并且能够提高程序开发的效率。
29.具体来说，由于表单开发过程中会碰到各种各样的需求和场景，开发者通过对这些场景分析和总结，得到一些规律，比如头像应该放在什么位置，标题类型的字段应该放在哪里，这个场景页面布局是什么样的等等。根据这些规律，开发者构造出适应各种类型场景的html片段，这些片段即html模板。
30.进一步地，把这些html模板以字符串的形式存储到模板编辑器中，该过程被称为预制html模板。当html模板编辑器页面初始化加载的时候，模板编辑器内部会对这些html字符串进行整合处理，这样html模板就被预制完成了。用户在模板编辑器的操作界面上通
过选择这些内置模板，按照自身的需求进行编辑即可。
31.本技术实施例中，通过预先在模板编辑器中存储的较多的列表页面的模板，这些列表页面的模板能够将企业管理过程中的大部分应用场景都包含在内。因此，用户在应用erp系统中的各个应用程序的时候，按照不同的使用需求，当需要使用某种列表页面并对其进行修改编辑的时候，只需要在模板编辑器中选择对应的一种列表页面的模板即可。
32.步骤102、在模板中查找字段变量。
33.在本技术实施例中，模板编辑器中预存的较多场景的列表页面的模板，用户在模板编辑器中对预存的模板进行择一使用后，内部系统会选择好的列表页面的模板进行解析。可以知道的是，预制的若干种列表页面的模板都是采用html编码来完成的，每一张模板中都会有相当数量的字符串，实际上，这些字符串就是指的html编程代码。模板编辑器会自动将用户自己选择的某一张列表页面的模板中包含的所有的html编码字符串解析出来。
34.进一步地，模板编辑器将这些字符串中用第一特征符号标注出来的特征字符串查找出来。需要说明的是，第一特征符号是模板中带有的特殊符号，也就是列表页面的html编码中的特殊符号。用特殊符号标注出来的字符串是列表页面中包含的重要的文字字段，这些文字字段就是需要被编辑和修改的字段。通过特征符号来查找特征字符串，可以实现快速识别特征字符串，节省了列表页面配置的时间成本。
35.具体来说，模板编辑器会将所有标注有第一特征符号的特征字符串查找别出来，然后对这些特征字符串进行解析和识别。例如，本技术中预制列表页面的模板中，第一特征符号具体为“${}”，某一个字符串为“${t ime}”，“time”就是本技术实施例所说的特征字符串，也即字段变量。模板编辑器会迅速识别并查找出来被第一特征符号“${}”所标注的特征字符串，然后确定字段变量。确定字段变量的过程具体可以是通过现有的正则表达式匹配的方式来解析并提取字段变量，本技术中对该过程不作具体而细致的描述。
36.本技术实施例中，列表页面中还包含了一定数量的操作指令按钮，本领域技术人员可以想到的是，在应用程序的列表页面里，用户同样可以根据自己的需要来配置和编辑操作指令按钮。
37.具体来说，用户在客户端上点击某一按钮，然后模板编辑器会接收到该操作指令，系统后台会自动将操作指令进行解析，并将接收到的该操作指令以编码程序的形式呈现在模板编辑器的界面上。
38.进一步地，模板编辑器会自动生成若干事件变量，此处的事件变量具体指的是用户在列表页面可以选择的操作按钮所对应的编程代码，也即操作指令在列表页面的模板字符串中所呈现出来的具体内容。模板编辑器将若干个事件变量与每个操作指令对应的编码程序进行绑定。
39.需要说明的是，模板编辑器生成若干事件变量的过程为：在模板编辑器中预制的若干个列表页面的模板的字符串中，包含有用于表示列表页面中事件的事件字符串。同样，这些事件字符串会用第二特殊符号标注出来。因此，模板编辑器会将所有标注有第二特征符号的事件字符串查找出来，然后对这些事件字符串进行识别和解析。通过特征符号来查找事件字符串，可以实现快速识别事件字符串，同样能够节省列表页面配置的时间成本。
40.具体地，模板编辑器会将首先会将所有标注有第二特征符号的事件字符串查找出来，然后对这些事件字符串进行解析和识别。例如本技术中预制列表页面的模板中，第二特
征符号具体为“@”，某一个事件字符串为“@c l ickevent”，“c l ickevent”就是本技术实施例所说的事件变量，也可以理解成表示事件变量的字符串。模板编辑器会迅速识别并查找出来被“@”特殊符号所标注的事件字符串，然后确定事件变量。确定事件变量的过程，和前述确定字段变量的过程大体上是一致的，都是通过正则表达式匹配的方法来解析和提取事件变量，本技术实施例也不做具体的描述。
41.步骤103、将若干字段和字段变量进行一一匹配。
42.在本技术实施例中，模板编辑器通过其自带的绑定功能，将选择的预制列表页面中的若干字段和模板中的字段变量进行绑定。同时也对预制列表页面中的若干事件和模板中的事件变量进行绑定。
43.需要说明的是，在模板编辑器的界面上，用户可以自行选择字段的绑定和事件的绑定。每一个字段变量可以绑定不同的字段，同样，每一个事件变量也可以绑定不同的操作指令按钮。该设计的目的是为了使用户可以根据自己的需求来设计列表页面以及列表页面上的操作按钮。
44.本技术实施例中，模板编辑器在将若干字段和若干字段变量进行匹配绑定的过程是一个映射的过程。在进行映射的过程中，会产生一个映射关系，本技术中将字段和字段变量之间的映射关系称作为第一映射关系，映射过程完成之后，模板编辑器将第一映射关系保存在数据库中。
45.同样地，本技术实施例中，事件变量与操作指令对应的编码程序之间的匹配过程称为第二映射关系，模板编辑器同样将第二映射关系储存在数据库中。
46.需要说明的是，模板编辑器在将第一映射关系以及第二映射关系储存在数据库的过程中。可以先将第一映射关系以及第二映射关系以编程的形式生成相应的代码程序，然后将代码程序以编程文件的形式命名并保存在数据库中。
47.步骤104、生成匹配后的列表页面。
48.在本技术实施例中，模板编辑器在完成将字段和字段变量进行绑定，将事件和事件变量进行绑定之后，就完成了列表页面的模板配置。
49.模板编辑器从数据库中调取第一映射关系，然后通过第一映射关系所表征的匹配过程将模板中的字段变量替换成已经绑定好的字段，然后再从数据库中调取第二映射关系，通过第二映射关系所表征的匹配过程，将模板中的事件变量替换为操作指令。
50.之后，模板编辑器会调用其内部的表单生成器，将完成替换的字段以及操作指令以列表页面的形式呈现在模板编辑器的操作显示界面上。
51.本技术实施例中，用户通过以上方法可以实现对于列表页面模板的配置和编辑，以此来得到自己所需要的列表页面。对于已经完成配置的列表页面来说，用户后续还可以根据自己的需要，对列表页面再次进行编辑和修改。本技术实施例提供的一种列表页面二次修改的方法流程图，如图2所示，主要包括以下步骤：
52.步骤201、获取列表页面中的字段以及操作指令按钮。
53.本技术实施例中，对已经完成配置和编辑的列表页面进行二次修改过程主要是对字段以及操作指令按钮的修改。用户在使用二次修改的功能时，再次打开模板编辑器，通过模板编辑器的选择功能，在已经完成配置的列表页面中选择需要修改的列表页面。此时模板编辑器会自动将列表页面中的所有字段以及所有操作指令按钮都提取出来。
54.步骤202、将字段以及操作指令按钮提取至修改界面。
55.本技术实施例中，模板编辑器将待修改的列表页面中的字段以及操作指令按钮的内容提取至修改界面上，作为待修改的内容。
56.在模板编辑器的修改界面上，所有的字段变量都可以进行重新绑定字段，例如字段变量“time”，原先绑定的字段是“时间”，在模板编辑器的修改界面中可以选择的字段有“日期”、“期限”、“次数”等等，用户可以根据自己的需要，重新将字段以及字段变量进行绑定。
57.需要考虑的一种情况是，在备选项不能满足用户需求的时候，用户可以自行编辑字段的文字内容，然后将自行编辑的文字内容作为新字段与字段变量进行绑定即可。
58.同样地，在修改界面上，操作指令按钮的内容也是可以进行修改和编辑的，其具体过程和字段的修改过程相似，因此本说明书对这一过程不再做具体的解释和说明。
59.步骤203、编辑字段以及操作指令按钮的内容，并将编辑后的内容转化为变量。
60.本技术实施例中，将重新选择或者重新编辑的字段再次生成新的字段变量，并将重新选择或者重新编辑的操作指令按钮再次生成新的事件变量。将字段以及操作指令按钮重新生成新的变量过程，具体可以通过现有的一些软件编码技术的方式来完成，本技术实施例中对此不做详细的描述。
61.本技术实施例中，在模板编辑器的修改界面上，对列表页面中的字段以及字段变量进行重新选择和绑定，或者重新编辑和绑定之后，以及对列表页面中的操作指令按钮以及事件变量进行重新选择和绑定，或者重新编辑和绑定之后。模板编辑器会对重新生成的字段变量以及重新生成的事件变量进行映射处理，然后得到映射后的字段和操作指令按钮。
62.步骤204、重新生成列表页面。
63.本技术实施例中，模板编辑器将修改得到的字段以及操作指令按钮进行保存，并提交至后台。然后调用内部的表单生成器，将修改的内容再次以新的列表页面的形式呈现在模板编辑器的修改界面上。
64.同时，在模板编辑器的修改界面上，还会生成一个前后对照的界面，用户可以查看某个字段或者事件修改前后的情况，以便于用户可以根据自己的实际需求情况做进一步的修改和调整。
65.以上是本技术实施例提供的一种列表页面的配置方法，基于同样的发明构思，本技术实施例还提供了一种列表页面的配置设备，如图3所示。
66.图3为本技术实施例提供的一种列表页面配置的设备示意图。在图3中，设备主要包括：至少一个处理器301；以及，与至少一个处理器通信连接的存储器302；其中，存储器302存储有可被至少一个处理器301执行的指令，指令被至少一个处理器301执行，以使至少一个处理器301能够：预制若干种列表页面的模板，并选择其中的一种列表页面的模板；其中，模板中包含若干字符串；基于预设规则在模板包含的若干字符串中查找若干字段变量；其中，字段变量用于关联列表页面中的字段；将若干字段和若干字段变量进行一一匹配；生成匹配后的列表页面。
67.除了以上所述一种列表页面配置方法、列表页面配置设备以外，本技术实施例还提供了一种列表页面配置的非易失性计算机存储介质，存储有计算机可执行指令，计算机
可执行指令设置为：预制若干种列表页面的模板，并选择其中的一种列表页面的模板；其中，模板中包含若干字符串；基于预设规则在模板包含的若干字符串中查找若干字段变量；其中，字段变量用于关联列表页面中的字段；将若干字段和若干字段变量进行一一匹配；生成匹配后的列表页面。
68.本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
69.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
70.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
71.在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。
72.内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)。内存是计算机可读介质的示例。
73.计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd
‑
rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
74.本技术中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
75.还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要
素的过程、方法、商品或者设备中还存在另外的相同要素。
76.以上所述仅为本技术的实施例而已，并不用于限制本技术。对于本领域技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本技术的权利要求范围之内。