页面生成方法、装置及电子设备制造方法及图纸

本申请实施例提供了一种页面生成方法、装置及电子设备。所述方法包括：获取待布局页面对应的待布局搜索框和待布局控件；获取所述待布局搜索框对应的搜索框组件，及所述待布局控件对应的控件组件；根据用户输入的所述搜索框组件对应的第一组件参数和所述搜索框组件，生成第一组件；根据所述用户输入的所述控件组件对应的第二组件参数和所述控件组件，生成第二组件；基于所述第一组件和所述第二组件对所述待布局页面进行布局，生成布局后的目标页面。本申请实施例通过预先设置的搜索框组件和控件组件可以快速搭建由单个或多个搜索框、操作按钮组合、搜索结果列表构成的完整页面，从而有效提升了搭建页面的效率。

【技术实现步骤摘要】
页面生成方法、装置及电子设备
本申请涉及页面组件布局
，特别是涉及一种页面生成方法、装置及电子设备。
技术介绍
目前，在网页构建项目中查询搜索展示的页面占比比较大，在该类页面中会存在大量的搜索框和操作按钮，而在构建此类页面时，通常是由用户编写页面内的搜索框和操作按钮对应的代码，此种方式需要用户编写大量的代码，耗费时间较长，极大地降低了页面搭建的效率。
技术实现思路
本申请提供一种页面生成方法、装置及电子设备，以解决现有技术中的页面搭建耗费时间较长，极大地降低了页面搭建效率的问题。为了解决上述问题，本申请实施例提供了一种页面生成方法，包括：获取待布局页面对应的待布局搜索框和待布局控件；获取所述待布局搜索框对应的搜索框组件，及所述待布局控件对应的控件组件；根据用户输入的所述搜索框组件对应的第一组件参数和所述搜索框组件，生成第一组件；根据所述用户输入的所述控件组件对应的第二组件参数和所述控件组件，生成第二组件；基于所述第一组件和所述第二组件对所述待布局页面进行布局，生成布局后的目标页面。可选地，在所述获取待布局页面对应的待布局搜索框和待布局控件之后，还包括：获取所述待布局搜索框在所述待布局页面中的第一位置信息，及所述待布局控件在所述待布局页面的第二位置信息；所述基于所述第一组件和所述第二组件对所述待布局页面进行布局，生成布局后的目标页面，包括：根据所述第一位置信息和所述第二位置信息，分别在所述待布局页面加载所述第一组件和所述第二组件；对所述待布局页面进行渲染，生成所述目标页面。可选地，所述根据用户输入的所述搜索框组件对应的第一组件参数和所述搜索框组件，生成第一组件，包括：获取所述用户输入的第一组件参数；将所述第一组件参数写入所述搜索框组件，生成所述第一组件；所述根据所述用户输入的所述控件组件对应的第二组件参数和所述控件组件，生成第二组件，包括：获取所述用户输入的第二组件参数；将所述第二组件参数写入所述控件组件，生成所述第二组件。可选地，在所述基于所述第一组件和所述第二组件对所述待布局页面进行布局，生成布局后的目标页面之后，还包括：获取用户在所述目标页面内的目标搜索框内输入的关键词；在得到所述关键词对应的搜索结果之后，根据所述目标搜索框对应的目标组件参数，确定所述搜索结果对应的结果显示类型和结果导出类型；根据所述结果显示类型，显示所述搜索结果，并根据所述结果导出类型，导出所述搜索结果；其中，所述结果显示类型包括分页显示类型和当前页显示类型中的任一种，所述结果导出类型包括前端导出类型和后台导出类型中的任一种。可选地，所述第一组件参数包括：搜索框类型参数，所述第二组件参数包括搜索结果显示参数和搜索结果导出参数，其中，所述搜索框类型参数包括：文本框类型参数、下拉框类型参数和树形框类型参数中的任一种；所述搜索结果显示参数包括：显示页数、每页显示条数中的至少一种；所述搜索结果导出参数包括：后台导出参数和前端导出参数中的任一种。为了解决上述技术问题，本申请实施例还提供了一种页面生成装置，包括：待布局控件获取模块，用于获取待布局页面对应的待布局搜索框和待布局控件；控件组件获取模块，用于获取所述待布局搜索框对应的搜索框组件，及所述待布局控件对应的控件组件；第一组件生成模块，用于根据用户输入的所述搜索框组件对应的第一组件参数和所述搜索框组件，生成第一组件；第二组件生成模块，用于根据所述用户输入的所述控件组件对应的第二组件参数和所述控件组件，生成第二组件；目标页面生成模块，用于基于所述第一组件和所述第二组件对所述待布局页面进行布局，生成布局后的目标页面。可选地，所述装置还包括：位置信息获取模块，用于获取所述待布局搜索框在所述待布局页面中的第一位置信息，及所述待布局控件在所述待布局页面的第二位置信息；所述目标页面生成模块包括：页面组件加载单元，用于根据所述第一位置信息和所述第二位置信息，分别在所述待布局页面加载所述第一组件和所述第二组件；目标页面生成单元，用于对所述待布局页面进行渲染，生成所述目标页面。可选地，所述第一组件生成模块包括：第一组件参数获取单元，用于获取所述用户输入的第一组件参数；第一组件生成单元，用于将所述第一组件参数写入所述搜索框组件，生成所述第一组件；所述第二组件生成模块包括：第二组件参数获取单元，用于获取所述用户输入的第二组件参数；第二组件生成单元，用于将所述第二组件参数写入所述控件组件，生成所述第二组件。可选地，所述装置还包括：关键词获取模块，用于获取用户在所述目标页面内的目标搜索框内输入的关键词；结果类型确定模块，用于在得到所述关键词对应的搜索结果之后，根据所述目标搜索框对应的目标组件参数，确定所述搜索结果对应的结果显示类型和结果导出类型；搜索结果显示模块，用于根据所述结果显示类型，显示所述搜索结果，并根据所述结果导出类型，导出所述搜索结果；其中，所述结果显示类型包括分页显示类型和当前页显示类型中的任一种，所述结果导出类型包括前端导出类型和后台导出类型中的任一种。可选地，所述第一组件参数包括：搜索框类型参数，所述第二组件参数包括搜索结果显示参数和搜索结果导出参数，其中，所述搜索框类型参数包括：文本框类型参数、下拉框类型参数和树形框类型参数中的任一种；所述搜索结果显示参数包括：显示页数、每页显示条数中的至少一种；所述搜索结果导出参数包括：后台导出参数和前端导出参数中的任一种。为了解决上述技术问题，本申请实施例提供了一种电子设备，包括：处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述程序时实现上述任一项所述的页面生成方法。为了解决上述技术问题，本申请实施例提供了一种可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述任一项所述的页面生成方法。与现有技术相比，本申请包括以下优点：本申请实施例提供了一种页面生成方法、装置及电子设备，通过获取待布局页面对应的待布局搜索框和待布局控件，获取待布局搜索框对应的搜索框组件，及待布局控件对应的控件组件，根据用户输入的搜索框组件对应的第一组件参数和搜索框组件，生成第一组件，根据用户输入的控件组件对应的第二组件参数和控件组件，生成第二组件，基于第一组件和第二组件对待布局页面进行布局，生成布局后的目标页面。本申请实施例通过预先设置的搜索框组件和控件组件可以快速搭建由单个或多个搜索框、操作按钮组合、搜索结果列表构成的完整页面，从而有效提升了搭建页面的效率。附图说明图1示出了本申请实施例提供的一种页面生成生成方法的步骤流程图；图2示出了本申请实施例提供的本文档来自技高网...

【技术保护点】
1.一种页面生成方法，其特征在于，包括：/n获取待布局页面对应的待布局搜索框和待布局控件；/n获取所述待布局搜索框对应的搜索框组件，及所述待布局控件对应的控件组件；/n根据用户输入的所述搜索框组件对应的第一组件参数和所述搜索框组件，生成第一组件；/n根据所述用户输入的所述控件组件对应的第二组件参数和所述控件组件，生成第二组件；/n基于所述第一组件和所述第二组件对所述待布局页面进行布局，生成布局后的目标页面。/n

【技术特征摘要】
1.一种页面生成方法，其特征在于，包括：
获取待布局页面对应的待布局搜索框和待布局控件；
获取所述待布局搜索框对应的搜索框组件，及所述待布局控件对应的控件组件；
根据用户输入的所述搜索框组件对应的第一组件参数和所述搜索框组件，生成第一组件；
根据所述用户输入的所述控件组件对应的第二组件参数和所述控件组件，生成第二组件；
基于所述第一组件和所述第二组件对所述待布局页面进行布局，生成布局后的目标页面。


2.根据权利要求1所述的方法，其特征在于，在所述获取待布局页面对应的待布局搜索框和待布局控件之后，还包括：
获取所述待布局搜索框在所述待布局页面中的第一位置信息，及所述待布局控件在所述待布局页面的第二位置信息；
所述基于所述第一组件和所述第二组件对所述待布局页面进行布局，生成布局后的目标页面，包括：
根据所述第一位置信息和所述第二位置信息，分别在所述待布局页面加载所述第一组件和所述第二组件；
对所述待布局页面进行渲染，生成所述目标页面。


3.根据权利要求1所述的方法，其特征在于，所述根据用户输入的所述搜索框组件对应的第一组件参数和所述搜索框组件，生成第一组件，包括：
获取所述用户输入的第一组件参数；
将所述第一组件参数写入所述搜索框组件，生成所述第一组件；
所述根据所述用户输入的所述控件组件对应的第二组件参数和所述控件组件，生成第二组件，包括：
获取所述用户输入的第二组件参数；
将所述第二组件参数写入所述控件组件，生成所述第二组件。


4.根据权利要求1所述的方法，其特征在于，在所述基于所述第一组件和所述第二组件对所述待布局页面进行布局，生成布局后的目标页面之后，还包括：
获取用户在所述目标页面内的目标搜索框内输入的关键词；
在得到所述关键词对应的搜索结果之后，根据所述目标搜索框对应的目标组件参数，确定所述搜索结果对应的结果显示类型和结果导出类型；
根据所述结果显示类型，显示所述搜索结果，并根据所述结果导出类型，导出所述搜索结果；
其中，所述结果显示类型包括分页显示类型和当前页显示类型中的任一种，所述结果导出类型包括前端导出类型和后台导出类型中的任一种。


5.根据权利要求1所述的方法，其特征在于，所述第一组件参数包括：搜索框类型参数，所述第二组件参数包括搜索结果显示参数和搜索结果导出参数，其中，
所述搜索框类型参数包括：文本框类型参数、下拉框类型参数和树形框类型参数中的任一种；
所述搜索结果显示参数包括：显示页数、每页显示条数中的至少一种；
所述搜索结果导出参数包括：后台导出参数和前端导出参数中的任一种。


6.一种页面生成装置，其特征在于，包括：
待布局控件获取模块，用于获取待布局页面对应的待布局搜索框和待布局控件；
控件组件获取模块，用于获取所述待布局搜索框对应的搜索框组件，及所...

【专利技术属性】
技术研发人员：陈林兵，史欣于，
申请(专利权)人：京东方科技集团股份有限公司，
类型：发明
国别省市：北京;11