表格页面的生成方法及装置

技术领域

本申请涉及计算机技术领域，具体涉及一种表格页面的生成方法及装置。

背景技术

随着互联网行业的高速发展，敏捷开发的流行，需求的频繁变更，导致代码更改频率越来越高，发布频率也逐渐增高，浪费的人力成本和时间成本也越来越多，发布频繁也给用户带来了不太友好的体验。对于需求较多，且变更频繁的表格页面的内容，每次变更或者需求都需要专业的开发人员才能开发代码功能，局限性比较大，需求变动比较频繁或者需求量较大，会造成开发人员频繁编写代码，或者开发人员人手不足，任务重等。

发明内容

有鉴于此，本申请实施例提供了一种表格页面的生成方法及装置，能够提高表格页面的开发效率。

第一方面，本申请的实施例提供了一种表格页面的生成方法，包括：获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件，其中动态表格组件用于在表格页面上生成动态表格，配置面板用于对动态表格进行配置；根据第一文件生成动态表格组件，并在用户界面的页面编辑区域呈现动态表格组件，根据第二文件生成配置面板，并在用户界面的配置区域呈现配置面板；在配置面板上对动态表格组件进行配置，得到配置结果；根据配置结果和动态表格组件生成表格页面。

在本申请某些实施例中，上述在配置面板上对动态表格组件进行配置，得到配置结果，包括：在配置面板上确定动态表格组件中的表格的数据来源；将表格与数据来源进行绑定，得到配置结果。

在本申请某些实施例中，上述数据来源包括静态数据、动态数据和级联数据中的至少一个，静态数据包括通过手动添加的数据，动态数据包括通过脚本得到的数据，级联数据包括通过另一表格页面的表单项的变化进行动态加载的动态表格数据。

在本申请某些实施例中，上述在配置面板上对动态表格组件进行配置，得到配置结果，包括：在配置面板上为动态表格组件中的表格配置如下表格选项：筛选或排序、高亮、边框、选择列、操作列、分页或数据加载效果。

在本申请某些实施例中，上述在配置面板上对动态表格组件进行配置，得到配置结果，包括：根据对配置面板上的表格列项的添加操作，接收配置的表格列头名称和表格列对应的绑定字段，得到配置结果。

在本申请某些实施例中，上述获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件，包括：在检测到对动态表格组件进行从用户界面的组件列表区域至页面编辑区域的拖拽操作时，获取第一文件和第二文件。

在本申请某些实施例中，上述方法还包括：对表格组件和分页组件进行封装以形成动态表格组件，表格组件用于显示表格，分页组件用于对表格进行分页。

在本申请某些实施例中，上述在用户界面的配置区域呈现配置面板，包括：根据对动态表格组件的操作，在配置区域生成并呈现配置面板。

在本申请某些实施例中，上述方法还包括：根据对用户界面上的预览按钮的操作，呈现动态表格的预览页面。

在本申请某些实施例中，上述方法还包括：根据对用户界面上的保存按钮的操作，保存配置项，并将配置项和动态表格组件发送给后台进行保存。

在本申请某些实施例中，在获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件之前，上述方法还包括：创建新的服务页面；根据对服务页面的操作进入编辑页面，编辑页面包括页面编辑区域和配置区域。

第二方面，本申请的实施例提供了一种表格页面的生成装置，包括：获取模块，用于获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件，其中动态表格组件用于在表格页面上生成动态表格，配置面板用于对动态表格进行配置；呈现模块，用于根据第一文件生成动态表格组件，并在用户界面的页面编辑区域呈现动态表格组件，根据第二文件生成配置面板，并在用户界面的配置区域呈现配置面板；配置模块，用于在配置面板上对动态表格组件进行配置，得到配置结果；生成模块，用于根据配置结果和动态表格组件生成表格页面。

第三方面，本申请的实施例提供了一种计算可读存储介质，存储介质存储有计算机程序，计算机程序用于执行上述第一方面的表格页面的生成方法。

第四方面，本申请的实施例提供了一种电子设备，包括：处理器；用于存储处理器可执行指令的存储器，其中，处理器用于执行上述第一方面的表格页面的生成方法。

本申请实施例提供了一种表格页面的生成方法，通过获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件，其中动态表格组件用于在表格页面上生成动态表格，配置面板用于对动态表格进行配置；根据第一文件生成动态表格组件，并在用户界面的页面编辑区域呈现动态表格组件，根据第二文件生成配置面板，并在用户界面的配置区域呈现配置面板；在配置面板上对动态表格组件进行配置，得到配置结果；根据配置结果和动态表格组件生成表格页面，能够使用户在用户界面的配置面板上直接配置表格页面的动态参数，不用重新写代码开发，非专业技术人员也可根据操作文档直接配置表格页面，提高表格页面的开发效率。

附图说明

图1a是本申请一示例性实施例提供的应用场景示意图。

图1b是本申请一示例性实施例提供的表格页面的生成方法的流程示意图。

图2是本申请一示例性实施例提供的用户界面的框图。

图3是本申请一示例性实施例提供的用户界面的框图。

图4是本申请另一示例性实施例提供的表格页面的生成方法的流程示意图。

图5是本申请一示例性实施例提供的表格页面的生成装置的结构示意图。

图6是本申请一示例性实施例提供的电子设备的框图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

相关技术中，在接收到表格页需求后，开发人员代码编写及接口联调，开发人员提交代码到git仓库，构建部署发布到测试环境测试及bug修改，如果涉及到修改就重复前面的步骤，各种流程发布上线并进行回归测试。如果需求变动比较频繁或者需求量较大，会造成开发人员频繁编写代码，或者开发人员人手不足，任务重等；开发人员开发完成后会部署测试环境，可能导致测试环境频繁发包，导致测试环境不稳定，影响其他模块测试进度；申请上线流程繁琐，流程审批人员过多，需要准备的材料也比较多，申请人员不熟悉各节点需要用到的材料，或不熟悉各流程节点的处理人员，可能导致资料准备不齐全，或者沟通不到位；必须由专业的开发人员才能开发代码功能，局限性比较大。因此，本申请实施例中提供了一种表格页面的生成方法，通过获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件，其中动态表格组件用于在表格页面上生成动态表格，配置面板用于对动态表格进行配置；根据第一文件生成动态表格组件，并在用户界面的页面编辑区域呈现动态表格组件，根据第二文件生成配置面板，并在用户界面的配置区域呈现配置面板；在配置面板上对动态表格组件进行配置，得到配置结果；根据配置结果和动态表格组件生成表格页面，能够使用户在用户界面的配置面板上直接配置表格页面的动态参数，不用重新写代码开发，非专业技术人员也可根据操作文档直接配置表格页面，提高表格页面的开发效率。

图1a是本申请一示例性实施例提供的应用场景的系统架构的示意图。该系统架构包括计算设备11和云端服务器12。

计算设备11用于运行供开发人员使用的页面设计软件。计算设备11例如可以是服务器、个人计算机、移动终端、个人数字助理等终端设备。

计算设备11的用户界面可以包括组件列表区域11a、页面编辑区域11b和配置区域11c。具体地，开发人员可以将所需动态表格组件从用户界面的组件列表区域11a拖拽至页面编辑区域11b，并通过点击该动态表格组件，在配置区域11c显示该动态表格组件对应的配置面板。开发人员可以在该配置面板中对动态表格组件的参数进行配置。

云端服务器12可以是一台服务器或者服务器集群。云端服务器12可以存储用于生成动态表格组件的文件和用于生成配置面板的文件，以供开发人员通过计算设备11下载。例如，计算设备11可以从云端服务器12获取所需动态表格组件的文件并加载至页面编辑区域11b内，以实现对所需动态表格组件的可视化展示，计算设备11还可以从云端服务器12获取用于生成配置面板的文件并加载至配置区域11c内，以实现对配置面板的可视化展示。云端服务器12还可以存储计算设备11生成并上传的表格页面的数据。

上述表格页面可以运行在用户的终端设备的浏览器上，并展示给用户。终端设备可以从计算设备11或者云端服务器12获取用户所要浏览的表格页面的页面数据，并基于页面数据生成并展示该表格页面。

本申请的技术方案能够使开发人员在用户界面的配置面板上直接配置表格页面的动态参数，不用重新写代码开发，非专业技术人员也可根据操作文档直接配置表格页面，能够提高表格页面的开发效率。

图1b是本申请一示例性实施例提供的表格页面的生成方法的流程示意图。图1b的方法由图1a的计算设备11(例如，服务器)来执行。如图1b所示，该表格页面的生成方法包括如下内容。

S110：获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件，其中动态表格组件用于在表格页面上生成动态表格，配置面板用于对动态表格进行配置。

动态表格组件是指可以根据用户(例如开发人员)需求实现动态设置的表格组件。第一文件可以是动态表格组件的表格配置文件，用于指示表格设计所需的信息。第二文件可以是与动态表格组件关联的表格属性的配置文件。

在本申请的一个实施例中，可以先创建新的服务页面；然后根据对服务页面的操作进入编辑页面，编辑页面包括页面编辑区域和配置区域。

例如，可以根据用户的输入创建新的服务页面；根据用户对服务页面的操作进入该编辑页面。

在检测到用户(例如开发人员)对动态表格组件进行从用户界面的组件列表区域至页面编辑区域的拖拽操作时，获取第一文件和第二文件。应当理解，还可以在检测到相应的输入、点击等操作来获取第一文件和第二文件，本申请对此不做具体限定。

S120：根据第一文件生成动态表格组件，并在用户界面的页面编辑区域呈现动态表格组件，根据第二文件生成配置面板，并在用户界面的配置区域呈现配置面板。

例如，如图2所示，用户将用户界面左侧的组件列表区域中的动态表格组件拖拽至用户界面中间的页面编辑区域时，可以根据第一文件生成动态表格组件，并呈现出该动态表格组件。需要说明的是，该动态表格组件可以为默认表格，本申请对此不做具体限定。此外，通过点击图2中的删除按钮可以将该表格删除，点击图2中的复制按钮可以再创建一个该表格，另外，通过拖拽移动按钮可以调整该表格的位置，本申请对此也不做限定。

在本申请的一个实施例中，上述在用户界面的配置区域呈现配置面板，可以包括：根据对动态表格组件的操作，在配置区域生成并呈现配置面板。

例如，如图2所示，可以通过点击用户界面中间的页面编辑区域中的动态表格组件，在用户界面右侧的配置区域中显示出该动态表格组件的配置面板，该配置面板中可显示该动态表格组件的相关动态参数，以便于用户在配置面板上对动态表格组件的参数进行设置。

S130：在配置面板上对动态表格组件进行配置，得到配置结果。

具体地，可以在右侧配置面板中对动态表格的参数进行设置，例如，用户可以根据开发需求选择表格数据绑定的来源，可以为动态表格组件中的表格配置如下表格选项：筛选或排序、高亮、边框、选择列(如果有则可选择单选列还是多选列)、操作列(如有则可以点击添加操作列按钮)、分页或数据加载效果等参数。应当理解，用户还可以对动态表格中的其它参数进行设置，本申请对此不做具体限定。

S140：根据配置结果和动态表格组件生成表格页面。

具体地，可以根据用户在配置面板上配置的动态表格组件的参数，在用户界面中间的页面编辑区域上呈现出相应的表格页面。

例如，在配置面板上配置的动态表格组件的参数包括不分页、高亮、显示边框等动态参数，在用户界面中间的页面编辑区域显示出的表格则以不分页、高亮、显示边框的形式进行显示。其中，表格行高亮效果可以为，当鼠标移动带某一行时，高亮这一行的数据，让用户更加清晰快捷的看见当前行的数据。

根据本申请实施例提供的技术方案，通过获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件，其中动态表格组件用于在表格页面上生成动态表格，配置面板用于对动态表格进行配置；根据第一文件生成动态表格组件，并在用户界面的页面编辑区域呈现动态表格组件，根据第二文件生成配置面板，并在用户界面的配置区域呈现配置面板；在配置面板上对动态表格组件进行配置，得到配置结果；根据配置结果和动态表格组件生成表格页面，能够使用户在用户界面的配置面板上直接配置表格页面的动态参数，不用重新写代码开发，非专业技术人员也可根据操作文档直接配置表格页面，能够提高表格页面的开发效率。

在本申请某些实施例中，上述在配置面板上对动态表格组件进行配置，得到配置结果，包括：在配置面板上确定动态表格组件中的表格的数据来源；将表格与数据来源进行绑定，得到配置结果。

上述数据来源可以包括静态数据、动态数据和级联数据中的至少一个。其中，静态数据可以包括通过输入添加的数据，该数据可以为数组，例如[{id:1,name:'我是name1',code:'XXXXA'},{id:2,name:'我是name2',code:'XXXXB'}]。

动态数据可以包括通过脚本得到的数据。级联数据可以包括通过另一表格页面的表单项的变化进行动态加载的动态表格数据。

具体地，在配置表格数据时，可以选择动态获取(即动态数据或者级联选择)；当选项为级联选择时，需要填入关联的字段，表示该表格的数据根据其他输入框或下拉框的选项作为参数动态获取该表格数据的数据列表。

在本申请某些实施例中，上述在配置面板上对动态表格组件进行配置，得到配置结果，包括：根据对配置面板上的表格列项的添加操作，接收配置的表格列头名称和表格列对应的绑定字段，得到配置结果。

如图3所示，可以点击右侧配置面板中的“新增表格列”按钮，输入表格列头名称和表格列对应的绑定字段，从而在页面编辑区域中显示出对应的表格。也可以通过将左侧其他表单项拖入页面编辑区域进行表格列的增加。

需要说明的是，如果在配置表格列时需要设置单元格可编辑，则可以勾选单元格可编辑，然后选择需要编辑的单元格类型，例如输入框，下拉框组件等，应当理解，本申请对此不做具体限定。

在本申请某些实施例中，上述方法还包括：对表格组件和分页组件进行封装以形成动态表格组件，表格组件用于显示表格，分页组件用于对表格进行分页。

具体地，当需要对表格进行分页时，可以通过分页组件对表格进行分页，将表格组件和分页组件进行封装以形成动态表格组件。通过在该动态表格组件的配置面板上选择“是否分页”中的“是”，并选择每页显示条数(例如，10条)，即可使页面编辑区域中的表格以每页10条数据的方式进行分页显示。

需要说明的是，表格分页可展示当前页显示多少条数据，当前显示数据的第几页，展示当前一共多少条数据，当前共有多少页数据，用户可根据自身需求设置当前页显示的数据条数，可随意切换到第几页数据去查看。

根据本申请实施例提供的技术方案，通过对页面设计软件中的分页组件和表格组件进行封装，可以得到一个新的动态表格组件，并呈现在组件区域中，以便用户能够方便地将动态表格组件拖拽至页面编辑区域，并通过配置面板动态地配置动态表格的分页显示参数，从而能够方便地实现动态表格的分页显示。

在本申请某些实施例中，上述方法还包括：根据对用户界面上的预览按钮的操作，呈现动态表格的预览页面。

例如，如图3所示，当配置面板上的动态参数配置完成后，可以点击用户界面上方的“预览”按钮，查看预览效果；当预览效果不满足客户需求时，可重新在配置面板中调整动态参数，得到调整后的动态参数，当用户再次点击“预览”按钮时，可以呈现出调整后的动态参数对应的动态表格的预览效果。

根据本申请实施例提供的技术方案，能够使用户及时查看当前配置的表格页面，及时根据预览效果调整配置参数，而且不需要重新写代码开发，非专业技术人员也可根据操作文档直接配置表格页面，能够提高表格页面的开发效率。

在本申请的一些实施例中，上述方法还包括：根据对用户界面上的保存按钮的操作，保存配置项，并将配置项和动态表格组件发送给后台进行保存。

例如，如图3所示，当预览或配置无问题后，可以点击图3用户界面中的“保存”按钮对动态表格组件及其对应的配置项进行保存，以便于后续使用。

图4是本申请另一示例性实施例提供的表格页面的生成方法的流程示意图。图4的方法由计算设备(例如，服务器)来执行。如图1所示，该表格页面的生成方法包括如下内容。

S401：使用组件库中的表格(table)组件和分页(Pagination)组件搭建基础的表格分页组件。

例如，使用elementUI组件库中的表格(table)组件和分页(Pagination)组件搭建基础的表格分页组件。elementUI组件库为一套为开发者、设计师和产品经理准备的基于Vue 2.0(构建用户界面的框架库)的桌面端组件库，为前端开发提供封装好的UI(UserInterface，用户界面)组件库。

S402：接收参数变量为表格是否分页，是否高亮，是否显示边框，动态数据绑定的方法变量，表格列数组等动态参数。

S403：将封装好的表格分页组件引入到拖拽开发区域的组件列表中。

经过上述步骤S401至S403，即可开发完成拖拽配置的动态表格组件。例如，动态表格组件名称为“动态表格”。

S404：创建新的服务页面；根据对服务页面的操作进入编辑页面，编辑页面包括页面编辑区域和配置区域。

例如，用户登录动态流程配置化的系统，选择系统管理中的服务管理，添加新服务页面，根据提示填写对应的内容；创建新服务页面之后，服务列表页更新，点击新建的服务页面进行编辑。

例如，上述系统可以为ITSM(IT Service Management，IT服务管理)系统，ITSM系统为基于Vue拖拽组件实现的一款动态流程配置化的系统。

S405：在检测到对所述动态表格组件进行从所述用户界面的组件列表区域至所述页面编辑区域的拖拽操作时，获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件。

其中，动态表格组件用于在表格页面上生成动态表格，配置面板用于对动态表格进行配置。

S406：根据第一文件生成动态表格组件，并在用户界面的页面编辑区域呈现动态表格组件，根据第二文件生成所述配置面板，并在用户界面的配置区域呈现配置面板。

也即是说，进入编辑页面，将用户界面左侧的动态表格组件拖入页面编辑区域，并点击该动态表格组件可以使页面右侧出现该组件的配置面板。

S407：在配置面板上对动态表格组件进行配置，得到配置结果。

例如，可以在右侧配置面板里配置好表格的字段标识(表格索取数据的键(key)，如table List)和标题(即表格标题：如加班详情列表)；选择表格数据绑定的来源为动态数据，选择之后下方会出现一个下拉选择框，选择所要绑定的方法，然后选择是否有分页(如有，则接口返回的数据需与规定好的分页数据保持一直，默认当前页为1，每页数据为10条，每页数据可选择10条、20条、50条、100条)，表格加载数据是否有加载效果等配置项；点击添加表格列，输入表格列头名称、表格列对应的绑定字段等。

S408：根据配置结果和动态表格组件生成表格页面。

具体地，可以根据用户在配置面板上配置的动态表格组件的参数，在用户界面中间的页面编辑区域上呈现出相应的表格页面。

S409：根据对用户界面上的预览按钮的操作，呈现动态表格的预览页面。

S410：根据对用户界面上的保存按钮的操作，保存配置项，并将配置项和动态表格组件发送给后台进行保存。

此外，还可以点击系统菜单中的变更管理，新建变更，搜索上面创建的服务名称并根据提示填写内容，然后点击确定按钮，变更管理列表页面就会呈现一条新数据，点击进入详情进行查看，该页面会通过接口动态获取服务里面配置的信息，并渲染页面。

此外，可对上述表格页面进行测试，若测试通过，则开发流程结束。

根据本发明实施例提供的技术方案，能够使用户在用户界面的配置面板上直接配置表格页面的动态参数，不用重新写代码开发，非专业技术人员也可根据操作文档直接配置表格页面，能够提高表格页面的开发效率。另外，本申请的技术方案能够减少申请上线流程等繁琐的操作，不需要构建发布，不会频繁发包，可保证环境的稳定，从而提升了用户体验。

上述所有可选技术方案，可以采用任意结合形成本发明的可选实施例，在此不再一一赘述。

下述为本发明装置实施例，可以用于执行本发明方法实施例。对于本发明装置实施例中未披露的细节，请参照本发明方法实施例。

图5是本申请一示例性实施例提供的表格页面的生成装置的结构示意图。如图5所示，该表格页面的生成装置500包括：获取模块510、呈现模块520、配置模块530和生成模块540。

获取模块510，用于获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件，其中动态表格组件用于在表格页面上生成动态表格，配置面板用于对动态表格进行配置。

呈现模块520，用于根据第一文件生成动态表格组件，并在用户界面的页面编辑区域呈现动态表格组件，根据第二文件生成配置面板，并在用户界面的配置区域呈现配置面板。

配置模块530，用于在配置面板上对动态表格组件进行配置，得到配置结果。

生成模块540，用于根据配置结果和动态表格组件生成表格页面。

根据本申请实施例提供的技术方案，通过获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件，其中动态表格组件用于在表格页面上生成动态表格，配置面板用于对动态表格进行配置；根据第一文件生成动态表格组件，并在用户界面的页面编辑区域呈现动态表格组件，根据第二文件生成配置面板，并在用户界面的配置区域呈现配置面板；在配置面板上对动态表格组件进行配置，得到配置结果；根据配置结果和动态表格组件生成表格页面，能够使用户在用户界面的配置面板上直接配置表格页面的动态参数，不用重新写代码开发，非专业技术人员也可根据操作文档直接配置表格页面，能够提高表格页面的开发效率。

在本申请某些实施例中，上述配置模块530用于在配置面板上确定动态表格组件中的表格的数据来源；将表格与数据来源进行绑定，得到配置结果。

在本申请某些实施例中，上述数据来源包括静态数据、动态数据和级联数据中的至少一个，静态数据包括通过手动添加的数据，动态数据包括通过脚本得到的数据，级联数据包括通过另一表格页面的表单项的变化进行动态加载的动态表格数据。

在本申请某些实施例中，上述配置模块530用于在配置面板上为动态表格组件中的表格配置如下表格选项：筛选或排序、高亮、边框、选择列、操作列、分页或数据加载效果。

在本申请某些实施例中，上述配置模块530用于根据对配置面板上的表格列项的添加操作，接收配置的表格列头名称和表格列对应的绑定字段，得到配置结果。

在本申请某些实施例中，上述获取模块510用于在检测到对动态表格组件进行从用户界面的组件列表区域至页面编辑区域的拖拽操作时，获取第一文件和第二文件。

在本申请某些实施例中，上述方法还包括分页模块550，用于对表格组件和分页组件进行封装以形成动态表格组件，表格组件用于显示表格，分页组件用于对表格进行分页。

在本申请某些实施例中，上述呈现模块用于根据对动态表格组件的操作，在配置区域生成并呈现配置面板。

在本申请某些实施例中，上述方法还包括预览模块560，用于根据对用户界面上的预览按钮的操作，呈现动态表格的预览页面。

在本申请某些实施例中，上述方法还包括保存模块570，用于根据对用户界面上的保存按钮的操作，保存配置项，并将配置项和动态表格组件发送给后台进行保存。

在本申请某些实施例中，在获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件之前，上述方法还包括编辑模块580，用于创建新的服务页面；根据对服务页面的操作进入编辑页面，编辑页面包括页面编辑区域和配置区域。

上述装置中各个模块的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程，在此不再赘述。

图6是本申请一示例性实施例提供的电子设备600的框图。

参照图6，电子设备600包括处理组件610，其进一步包括一个或多个处理器，以及由存储器620所代表的存储器资源，用于存储可由处理组件610的执行的指令，例如应用程序。存储器620中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件610被配置为执行指令，以执行上述表格页面的生成方法。

电子设备600还可以包括一个电源组件被配置为执行电子设备600的电源管理，一个有线或无线网络接口被配置为将电子设备600连接到网络，和一个输入输出(I/O)接口。可以基于存储在存储器620的操作系统操作电子设备600，例如Windows Server

一种非临时性计算机可读存储介质，当存储介质中的指令由上述电子设备600的处理器执行时，使得上述电子设备600能够执行一种表格页面的生成方法，包括：获取用于生成动态表格组件的第一文件和用于生成配置面板的第二文件，其中动态表格组件用于在表格页面上生成动态表格，配置面板用于对动态表格进行配置；根据第一文件生成动态表格组件，并在用户界面的页面编辑区域呈现动态表格组件，根据第二文件生成配置面板，并在用户界面的配置区域呈现配置面板；在配置面板上对动态表格组件进行配置，得到配置结果；根据配置结果和动态表格组件生成表格页面。

上述所有可选技术方案，可采用任意结合形成本申请的可选实施例，在此不再一一赘述。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序校验码的介质。

需要说明的是，在本申请的描述中，术语“第一”、“第二”、“第三”等仅用于描述目的，而不能理解为指示或暗示相对重要性。此外，在本申请的描述中，除非另有说明，“多个”的含义是两个或两个以上。

以上所述仅为本申请的较佳实施例而已，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换等，均应包含在本申请的保护范围之内。