本发明涉及计算机领域，具体而言，涉及一种页面获取方法及装置。
背景技术：
：：在多任务处理系统中，往往要对不同的任务类型开发不同的任务处理页面，传统的模板在兼容PC和手机端时，都是单独制作两套模板，而且编辑状态和查看状态又需要两套来支持，这样就需要开发和维护四套模板，因此，若想配置任务处理页面，则需对PC端和手机端分别开发，其开发和维护成本较高。针对上述页面开发成本高的问题，目前尚未提出有效的解决方案。技术实现要素：本发明实施例提供了一种页面获取方法及装置，以至少解决页面的开发成本高的技术问题。根据本发明实施例的一个方面，提供了一种页面获取方法，包括：获取用于请求生成页面的请求，其中，所述请求中携带有请求生成页面的状态；读取所述页面的页面配置信息，其中，所述页面配置信息用于记录所述页面中各个组件的嵌套关系和排列顺序；获取所述页面中各个组件的组件信息；按照所述各个组件的嵌套关系和排列顺序对所述各个组件的组件信息进行渲染，得到具有所述请求生成页面的状态的页面。进一步地，在读取所述页面的页面配置信息之前，所述方法还包括：生成页面所包含的各个组件；配置各个组件的参数；保存各个组件的参数，生成页面模板；在保存所述页面模板的同时，生成所述页面模板的页面配置信息；保存所述页面配置信息。进一步地，使用json数据记录所述页面配置信息，保存所述页面配置信息包括：将所述json数据作为一个字段保存入数据库。进一步地，配置各个组件的参数包括：将所述各个组件拖拽入预定页面中；对预定页面中的各个组件进行参数配置，其中，所述参数包括下述至少之一：组件的名称、组件的值、组件的数据校验规则配置以及组件的读取后端接口数据。进一步地，所述请求生成页面的状态包括下述之一：移动端浏览器的只读状态、移动端浏览器的编辑状态、电脑端浏览器的只读状态和电脑端浏览器的编辑状态。进一步地，所述页面为任务处理页面。根据本发明实施例的另一方面，还提供了一种页面获取装置，包括：第一获取单元，用于获取用于请求生成页面的请求，其中，所述请求中携带有请求生成页面的状态；读取单元，用于读取所述页面的页面配置信息，其中，所述页面配置信息用于记录所述页面中各个组件的嵌套关系和排列顺序；第二获取单元，用于获取所述页面中各个组件的组件信息；渲染单元，用于按照所述各个组件的嵌套关系和排列顺序对所述各个组件的组件信息进行渲染，得到具有所述请求生成页面的状态的页面。进一步地，在读取所述页面的页面配置信息之前，所述装置还包括：第一生成模块，用于生成页面所包含的各个组件；第一配置模块，用于配置各个组件的参数；第一保存模块，用于保存各个组件的参数，生成页面模板；第二保存模块，用于在保存所述页面模板的同时，生成所述页面模板的页面配置信息；第三保存模块，用于保存所述页面配置信息。进一步地，使用json数据记录所述页面配置信息，所述第三保存模块包括：第四保存模块，用于将所述json数据作为一个字段保存入数据库。进一步地，所述配置模块包括：拖动模块，用于将所述各个组件拖拽入预定页面中；第二配置模块，用于对预定页面中的各个组件进行参数配置，其中，所述参数包括下述至少之一：组件的名称、组件的值、组件的数据校验规则配置以及组件的读取后端接口数据。进一步地，所述请求生成页面的状态包括下述之一：移动端浏览器的只读状态、移动端浏览器的编辑状态、电脑端浏览器的只读状态和电脑端浏览器的编辑状态。进一步地，所述页面为任务处理页面。在本发明实施例中，服务器获取终端发送的生成页面的请求，该请求中携带有请求生成页面的状态，并且服务器读取该生成页面的页面配置信息，获取配置信息中记录的该生成页面中各个组件的嵌套关系和排列顺序，以及页面中各个组件的组件信息，服务器根据各个组件的嵌套关系和排列顺序对各个组件的组件信息进行渲染，得到具有生成页面状态的页面。服务器按照生成页面的请求，将生成页面的各组件按照请求生成页面的状态进行渲染，生成相应的页面。根据不同生成页面的请求，选取不同页面对应的组件排列顺序以及嵌套关系，生成不同格式的生成页面，解决了页面的开发成本高的技术问题。附图说明此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：图1是根据本发明实施例的一种页面获取方法的流程图；图2是根据本发明实施例的一种页面获取方法的流程图；图3是根据本发明实施例的一种可选的模板组件及拖拽后页面的示意图；图4是根据本发明实施例的一种可选的组件参数配置的示意图；图5是根据本发明实施例的一种可选的模板数据化后json的示意图；图6是根据本发明实施例的一种可选的电脑端任务处理页面的示意图；图7是根据本发明实施例的一种可选的移动端任务处理页面的示意图；图8是根据本发明实施例的一种页面获取装置的示意图。具体实施方式为了使本
技术领域：
：的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。根据本发明实施例，提供了一种页面获取方法及装置实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。图1是根据本发明实施例的一种页面获取方法的流程图，如图1所示，该方法包括如下步骤：步骤S102，获取用于请求生成页面的请求，其中，请求中携带有请求生成页面的状态；步骤S104，读取页面的页面配置信息，其中，页面配置信息用于记录页面中各个组件的嵌套关系和排列顺序；步骤S106，获取页面中各个组件的组件信息；步骤S108，按照各个组件的嵌套关系和排列顺序对各个组件的组件信息进行渲染，得到具有请求生成页面的状态的页面。在上述步骤中，服务器获取终端发送的用于请求生成页面的请求，提取请求中携带的生成页面的状态，并读取符合该页面状态的页面配置信息，再根据页面配置信息中的各组件的嵌套关系和排列顺序，以及获取的符合该页面状态的组件信息，对个组件进行渲染，得到具有该请求所指示状态的页面。通过上述实施例，服务器在接收到请求生成页面的请求之后，将请求生成页面的各组件按照请求生成页面的状态进行渲染，在该方案中，将页面进行组件化开发，在接收到用于请求生成页面的请求之后，按照各个状态对应的组件间嵌套关系和排列顺序进行渲染，无需对每个状态设置一种模块，降低了开发成本，解决了页面的开发成本高的技术问题。在上述实施例中，对页面包含的各控件进行组件化开发，在生成页面的过程中，根据服务器接收到的请求所指示的页面的状态，选择与该状态对应的组件信息，以及通过可视化的操作将各组件按照嵌套关系和排列顺序进行配置和渲染，得到具有该请求所指示状态的页面。采用多组件渲染生成页面的方式，可以降低页面的开发成本，解决了页面的开发成本高的技术问题。在步骤S102中，服务器获取的请求由终端发出，该请求根据不同终端发出有不同的请求，使服务器根据不同的请求生成能够被相应终端使用的生成页面。可选地，终端可以是手机或电脑。在步骤S104中，页面配置信息记载了配置相应页面的组件嵌套关系和排列顺序，使服务器可以根据该页面配置信息，生成相应的页面。渲染，是根据页面内各个组件之间的嵌套关系和排列顺序构建渲染树，并对全部元素进行位置计算和样式计算等等，再根据渲染树对页面进行构建，即在预定的页面模板上“画”出页面内各组件。其中，在页面模板内的各组件之间通过拖拽的方式将组件显示在页面模板上，页面模板内的各组件之间存在相互重合，以及各组件之间按照规律排列的状态。通过保存上述模板，可以记录各组件之间的嵌套关系和排列顺序。在使用上述模板的过程中，可以直接读取模板上各组件之间的嵌套关系和排列顺序，并根据该嵌套关系和排序生成相应的模板。在一个可选的实施例中，服务器在生成页面前需要根据读取的页面配置信息对生成页面进行配置，在读取页面的页面配置信息前，该方法还包括：生成页面所包含的各个组件；配置各个组件的参数；保存各个组件的参数，生成页面模板；在保存页面模板的同时，生成页面模板的页面配置信息；保存页面配置信息。服务器对生成页面所包含的各个组件进行参数配置并保存，生成相应的页面模板，服务器在对页面模板进行保存的同时，也对生成该页面模板的页面配置信息进行保存。服务器在接收到生成页面的请求的情况下，在保存的页面模板中，选取符合请求的页面进行配置信息的读取，使服务器生成符合请求的生成页面。作为一种可选的实施例，服务器读取页面的配置信息后，根据该配置信息配置相应的页面模板，并对配置的页面模板进行保存，使用json数据记录页面配置信息，保存页面配置信息包括：将json数据作为一个字段保存入数据库。其中，json，即JavaScriptObjectNatation,是一种轻量级的数据交换格式，易于人阅读和撰写，同时也易于机械解析和生成，通过json数据记录页面配置信息，可以使服务器在读取和记录配置信息的过程中，更加方便。作为一种可选的实施例，服务器在根据页面的配置信息配置页面模板的过程可以通过对页面内各个组件的参数进行配置来实现，配置各个组件的参数包括：将各个组件拖拽入预定页面中；对预定页面中的各个组件进行参数配置，其中，参数包括下述至少之一：组件的名称、组件的值、组件的数据校验规则配置以及组件的读取后端接口数据。在配置各个组件的参数的过程中，可以将各个组件拖拽入预定页面中的预定位置，并对预定页面中的各个组件配置相应的参数，使各组件按照该参数进行配置。通过服务器生成的页面需要应用于不同的终端，满足用户不同的需求，因此，生成的页面会根据不同的终端以及用户不同的需求，生成相应的页面，作为一种可选的实施例，请求生成页面的状态包括下述之一：移动端浏览器的只读状态、移动端浏览器的编辑状态、电脑端浏览器的只读状态和电脑端浏览器的编辑状态。请求生成页面的状态包括只读状态和编辑状态，终端在页面的只读状态下可以通过浏览器浏览生成页面的内容；终端在页面的编辑状态下可以通过浏览器对生成页面进行编辑。另外，生成页面还可以跟据不同的终端选择不同的生成页面，例如，在移动端，请求生成页面的状态可以是移动端浏览器的只读状态或移动端浏览器的编辑状态；在电脑端，请求生成页面的状态可以是电脑端浏览器的只读状态或电脑端浏览器的编辑状态。请求生成页面的状态可以根据不同终端的不同工作方式，选择生成相应的页面状态。作为一种可选地实施例，页面为任务处理页面，用户可以在终端所显示页面上，对相应的任务进行处理。图2是根据本发明实施例的一种页面获取方法的流程图，如图2所示，该方法包括如下步骤：步骤S202，模板定制。对页面中常用的各控件进行组件化开发，将各控件转换为可以进行拖拽等操作的组件，使各组件可以通过拖拽的方式放置在模板的预定位置中进行参数配置，并将配置好的模板进行保存，生成json数据。在生成json数据的过程中，根据组件的拖拽位置，将各组件进行排列组合，将各组件之间排列顺序和嵌套关系通过json记录。本发明上述实施例，通过可视化的拖拽操作进行页面模板的制作，使页面制作的过程更加简单准确，降低了页面制作的门槛。步骤S2022，常用控件的组件化。对页面中常用的控件进行组件化开发，将各页面中的各控件转换为可以进行拖拽等操作的组件，使所有的组件都可以拖拽到模板页面中，进行可视化的模板定制，其中，常用的空间可以是例如:输入框(input)、下拉框(select)、表格(table)等控件。通过拖拽的方式选择各组件之间的嵌套关系以及排列顺序，实现了页面模板制作的可视化操作。图3是根据本发明实施例的一种可选的模板组件及拖拽后页面的示意图，如图3所示，将“到达时间”、“选择分”、“起飞机场”、“到达机场”、以及“备注”等组件在模板设计系统中，通过拖拽的方式放置在页面的相应位置上。步骤S2024，对组件进行参数配置。将模板中的各组件配置对应的参数，例如:配置输入框的名称(name)和属性值(value)、配置下框的名称(name)和选择(option)等，以及一些复杂的配置，例如常用数据校验规则配置和读取后端接口数据等，使各组件能根据对应的参数进行工作。图4是一种可选的组件参数配置的示意图，如图4所示，将图3中显示名称为“起飞机场”的组件，通过参数设置组件进行参数配置，设置该组件“显示文本”的参数为“起飞机场”，“显示框”的参数为“folDptAirportinfo”，“提交框”的参数为“folDptAirport”,“显示宽度”的参数为“100％”。使该组件可以在设置的参数下工作。步骤S2026，保存模板。图5是根据本发明实施例的一种可选的模板数据化后json的示意图，如图5所示，将通过图3和图4构建的模板转化为代码格式，生成的json数据如下：保存页面模板的过程中，将各组件按照组件之间的嵌套关系以及组件之间的排列顺序，生成json数据，使各组件可以在json里展示了每个组件的排列顺序和嵌套的关系，以及每个组件必要的参数配置，然后把json数据作为一个字段保存到数据库里。其中，json是一种轻量级的数据交换格式，采用该格式的数据易于人阅读和撰写，也易于机械解析和生成，与传统页面模板通过超文本标记语言html保存的方式相比，采用json数据记录页面配置信息，可以减少页面模板的数据体积，使使服务器在读取和记录配置信息的过程中，更加方便。步骤S204，模板渲染组装。在服务器端用节点node程序和语义handlebars模板引擎，开发一套模板渲染系统，按照生成页面是“PC端”还是“Touch端”、是“只读”还是“编辑”的页面状态，分别开发一个组件渲染的小模板，在其他系统来请求模板的情况下，根据保存的json数据结构，提取各组件的嵌套和排列顺序，通过模板系统在服务器端对个组件进行渲染并组装，得出一个完整的模板。本发明上述实施例，通过把页面中的常用控件进行组件化，再用拖拽的方式组建各组件的模板，把拖拽好的组件按照嵌套关系和排列顺序，转成json数据格式保存；在读取模板的情况下，按照json的嵌套关系和排列顺序，对各组件进行逐一渲染拼装，生成对应状态的页面，其中，渲染过程可以根据页面在不同终端以及不同应用的状态，将同一个json渲染成不同的页面状态，即通过渲染操作便可渲染出多种页面状态，解决了页面的开发成本高的技术问题。服务器在生成页面的过程中，在判断出终端设备是电脑的情况下，选取电脑端页面的配置模板，并根据该配置模板选取电脑端的该页面的各个组件，以及各个组件之间的嵌套关系和排列顺序，从而根据各组件之间的嵌套关系和排列顺序构建渲染树，并根据渲染树对该页面的各个组件进行渲染，生成相应的电脑端任务处理页面。图6是根据本发明实施例的一种可选的电脑端任务处理页面的示意图，如图6所示，将“乘机人”，“证件类型”，“航班号”，“实际航班号”，“起飞日期”，以及“起降时间”等组件按照电脑端处理页面的类型展示，使用户可以在以上各组件内填写相应的信息，然后在电脑端任务处理页面的下端的“保存并提交”，“暂存”，以及“取消”单选按钮中选择相应的按钮，完成页面的任务处理。服务器在生成页面的过程中，在判断出终端设备是移动终端的情况下，选取移动端页面的配置模板，并根据该配置模板选取移动端的该页面的各个组件，以及各个组件之间的嵌套关系和排列顺序，从而根据各组件之间的嵌套关系和排列顺序构建渲染树，并根据渲染树对该页面的各个组件进行渲染，生成相应的移动端任务处理页面。图7是根据本发明实施例的一种可选的移动端任务处理页面的示意图，如图7所示，在移动端任务处理页面显示“关联任务号”的输入组件，“航班号”的输入组件，“航班日期”的选择组件，“起飞日期”的选择组件，“起飞时间选择分”的选择组件，“到达时间”的选择组件，“到达时间选择分”的选择组件，“起飞机场”的选择组件，“到达机场”的选择组件，以及“未航变”，“航班取消无保护航班”，和“航班号/时间/机场有变动”的单选组件，用户根据上述移动端任务处理页面显示的组件填写信息，再从移动端任务处理页面下端的“放弃”、“暂存”、以及“提交”的单选按钮中选择相应的按钮，完成页面的处理任务。图8是根据本发明实施例的一种页面获取装置的示意图，如图8所示，该装置包括：第一获取单元81，用于获取用于请求生成页面的请求，其中，请求中携带有请求生成页面的状态；读取单元83，用于读取页面的页面配置信息，其中，页面配置信息用于记录页面中各个组件的嵌套关系和排列顺序；第二获取单元85，用于获取页面中各个组件的组件信息；渲染单元87，用于按照各个组件的嵌套关系和排列顺序对各个组件的组件信息进行渲染，得到具有状态的页面。在上述步骤中，服务器获取终端发送的生成页面的请求，该请求中携带有请求生成页面的状态，并且服务器读取该生成页面的页面配置信息，获取配置信息中记录的该生成页面中各个组件的嵌套关系和排列顺序，以及页面中各个组件的组件信息，服务器根据各个组件的嵌套关系和排列顺序对各个组件的组件信息进行渲染，得到具有生成页面状态的页面。服务器按照生成页面的请求，将生成页面的各组件按照请求生成页面的状态进行渲染，生成相应的页面。根据不同生成页面的请求，选取不同页面对应的组件排列顺序以及嵌套关系，生成不同格式的生成页面，解决了页面的开发成本高的技术问题。可选地，在读取页面的页面配置信息之前，装置还包括：第一生成模块，用于生成页面所包含的各个组件；第一配置模块，用于配置各个组件的参数；第一保存模块，用于保存各个组件的参数，生成页面模板；第二保存模块，用于在保存页面模板的同时，生成页面模板的页面配置信息；第三保存模块，用于保存页面配置信息。可选地，使用json数据记录页面配置信息，第三保存模块包括：第四保存模块，用于将json数据作为一个字段保存入数据库。可选地，配置模块包括：拖动模块，用于将各个组件拖拽入预定页面中；第二配置模块，用于对预定页面中的各个组件进行参数配置，其中，参数包括下述至少之一：组件的名称、组件的值、组件的数据校验规则配置以及组件的读取后端接口数据。可选地，请求生成页面的状态包括下述之一：移动端浏览器的只读状态、移动端浏览器的编辑状态、电脑端浏览器的只读状态和电脑端浏览器的编辑状态。可选地，页面为任务处理页面。上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，可以为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，RandomAccessMemory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。以上所述仅是本发明的优选实施方式，应当指出，对于本
技术领域：
：的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。当前第1页1 2 3 当前第1页1 2 3