CN112612952A - 网页展示方法、网页展示系统和可读存储介质 - Google Patents

Abstract

本发明的实施例提供了一种网页展示方法、网页展示系统和可读存储介质。其中，网页展示方法包括：获取网页上的至少一个查询条件；将任一查询条件设置为导航条件；对网页进行渲染处理，以使网页上的第一预设位置展现导航区域，其中，导航区域包括导航条件。本发明的实施例提供的网页展示方法，通过将网页上的任一查询条件设置导航条件，并对网页进行渲染处理，使得网页上的第一预设位置展现导航区域，从而实现了在网页上述增加导航区域的目的。前端通过将查询条件设置为导航条件以实现在网页上增加导航区域，在进行开发时，不需要为前端配置树模型，降低了开发难度，提高了开发效率。

Description

网页展示方法、网页展示系统和可读存储介质

技术领域

本发明涉及计算机领域，具体而言，涉及一种网页展示方法、网页展示系统和可读存储介质。

背景技术

传统开发模式如果想要开发出一套树表展现的web页面，则需要开发一个树组件、一个查询区容器以及一个表格组件，通过前后端交互获取业务数据进行回显。如果根据不同需求场景需要展现不同数据的时候则需要提供多套业务数据接口，前端组件也要根据需求进行代码层面的调整才能实现功能，开发任务繁重。

发明内容

本发明旨在至少解决现有技术或相关技术中存在的技术问题之一。

为此，本发明的实施例的第一个方面在于提出了一种网页展示方法。

本发明的实施例的第二个方面在于提出了一种网页展示系统。

本发明的实施例的第三个方面在于提出了一种可读存储介质。

有鉴于此，根据本发明的实施例的第一个方面，提出了一种网页展示方法，包括：获取网页上的至少一个查询条件；将任一查询条件设置为导航条件；对网页进行渲染处理，以使网页上的第一预设位置展现导航区域，其中，导航区域包括导航条件。

本发明的实施例提供的网页展示方法，通过将网页上的任一查询条件设置导航条件，并对网页进行渲染处理，使得网页上的第一预设位置展现导航区域，从而实现了在网页上述增加导航区域的目的。前端通过将查询条件设置为导航条件以实现在网页上增加导航区域，一方面，在进行开发时，不需要为前端配置树模型，降低了开发难度，提高了开发效率。另一方面，在实现导航区域在网页上的第一预设位置进行展示时，由于采用将前端的查询条件设置导航条件的方法，使得前端不必再与后端进行交互以从后端调取业务数据，提高了网页展示的速度，降低了开发难度，减少了开发任务。此外，在通过不同需求场景展现不同的数据时，由于前端不需要与后端进行数据交互以调取数据，从而不必再提供多套业务数据接口用于前端与后端的数据交互，大大减少了开发任务，降低了开发难度，同时降低了开发成本。

另外，根据本发明提供的上述技术方案中的网页展示方法，还可以具有如下附加技术特征：

在上述技术方案中，在获取网页上的至少一个查询条件的步骤之前，还包括：获取网页的元数据，其中，元数据包括列表模型和查询模型；对元数据进行渲染处理，以使网页生成可视化界面。

在该技术方案中，获取网页的元数据，并对元数据进行渲染处理，以使网页生成可视化界面。由于不需要获取树模型的元数据，减少了需要获取的元数据的量，提高了获取元数据的调取速度，从而提高了生成可视化界面的速度。此外，针对需要通过不同需求场景展现不同的数据的前端，不必再提供多套树模型，从根本上解决开发任务繁重的问题，大大减少了开发任务，降低了开发难度，同时降低了开发成本。

在上述任一技术方案中，对元数据进行渲染处理的步骤，具体包括：解析元数据，以生成初始页面；渲染初始页面，以生成可视化界面。

在该技术方案中，通过前端公共框架解析元数据，进行页面初始化渲染以生成初始页面，然后通过网页的渲染引擎对初始页面进行渲染，以生成可视化界面，供用户使用。

在上述任一技术方案中，网页展示方法还包括：将任一导航条件设置为显示导航；对导航区域进行渲染处理，以使导航条件在导航区域上显示。

在该技术方案中，通过将任一导航条件设置为显示导航，并对导航区域进行渲染处理，使得设置为显示导航的导航条件能够在导航区域进行展示。由于被设置为显示导航的导航条件才能够在导航区域上显示，未设置为显示导航的导航条件不在导航区域上，也即，未设置为显示导航的导航条件在导航区域为隐藏状态，一方面，由于可以自定义导航区域正在显示的导航条件，提高了导航区域的灵活性，另一方面，导航区域不必显示所有的导航条件，只显示用户需要的显示导航，从而减小了导航区域在网页上的占用的第一预设位置的面积，进而使得网页能够为其他区域提供更大的显示面积。

在上述任一技术方案中，对导航区域进行渲染处理的步骤，具体包括：发送渲染请求至渲染引擎；渲染引擎渲染导航区域。

在该技术方案中，通过使用网页的渲染引擎对导航区域进行渲染，一方面，不必另外配置渲染组件，减少了开发工作量，降低了开发难度。另一方面，由于仅对导航区域进行渲染，也即，仅对网页第一预设位置的导航区域进行渲染，对于网页上其他未发生变化的区域不进行渲染，大大提高了渲染速度，进而提高网页的展现速度。

在上述任一技术方案中，网页展示方法还包括：将任一导航条件设置为查询条件；对网页进行渲染处理，以使网页上的第二预设位置展现查询区域，其中，查询区域包括查询条件。

在该技术方案中，通过将任一导航条件设置为查询条件，并对网页进行渲染处理，一方面，从而实现了对导航区域的导航条件进行修改的目的，被设置为查询条件的导航条件，将不再属于在导航区域，也即，既不会被设置为显示导航以在导航区域进行展示，也不会在导航区域上以隐藏状态存在。另一方面，通过将网页上的公共条件(即查询条件、导航条件等)在导航条件和查询条件之间切换，实现了控制网页上的公共条件在导航区域显示或者在查询区域显示的目的，无需进行任何页面规则配置，仅通过鼠标点击等页面操作即可实现。

在上述任一技术方案中，查询区域在网页上以列表的形式进行展现。

在该技术方案中，通过查询区域在网页上以列表的形式进行展现，实现了在网页上快速展现列表的目的。通过导航条件与查询条件的切换，实现了树表与列表之间的快速切换，从而实现了设置当前网页的页面中哪些公共条件在查询区域进行展示，哪些公共条件在导航区域进行展示，进而实现了根据当前场景设置导航区域的内容和查询区域的内容的目的。此外，由于前端不需要从后端调取树节点的数据，也就是不需要配置多套数据接口用于数据交换，大大减少了开发任务，降低开发难度，并且导航条件由查询区域的查询条件提供，不必再配置多套树模型元数据，从根本上解决了开发任务繁重的问题。进一步，网页使用过程中，可以根据不同场景的需要，将网页上的公共条件在查询条件和导航条件之间切换，大大提高了网页的灵活性。

在上述任一技术方案中，导航区域在网页上以树表的形式进行展现。

在该技术方案中，通过导航区域在网页上以树表的形式进行展现，实现了在网页上快速展现树表的目的，不必为网页单独配置树模型，从而减少了开发的工作量，提高了开发效率。此外，设置为导航条件的查询条件可以由用户自定义，大大提高了网页的灵活性。

根据本发明的实施例的第二个方面，本发明提供了一种网页展示系统，包括：存储器，存储器存储有程序或指令；处理器，处理器执行程序或指令实现第一方面任一技术方案中的网页展示方法的步骤。

本发明的实施例提供的网页展示系统，包括存储器和处理器。处理器执行程序或指令时能够实现第一方面任一技术方案中的网页展示方法的步骤，因此，具有第一方面任一技术方案提供的网页展示方法所具有的全部有益的技术效果，在此不再赘述。

根据本发明的实施例的第三个方面，本发明提供了一种可读存储介质，其上存储有程序或指令，程序或指令被处理器执行时实现第一方面任一技术方案提供的网页展示方法的步骤。

本发明的实施例提供的可读存储介质，能够实现第一方面任一技术方案提供的网页展示方法的步骤，因此，具有第一方面任一技术方案提供的网页展示方法所具有的全部有益的技术效果，在此不再赘述。

本发明的附加方面和优点将在下面的描述部分中变得明显，或通过本发明的实践了解到。

附图说明

本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解，其中：

图1示出了本发明的一个实施例的网页展示方法的流程图；

图2示出了本发明的又一个实施例的网页展示方法的流程图；

图3示出了本发明的又一个实施例的网页展示方法的流程图；

图4示出了本发明的又一个实施例的网页展示方法的流程图；

图5示出了本发明的又一个实施例的网页展示方法的流程图；

图6示出了本发明的又一个实施例的网页展示方法的流程图；

图7示出了本发明的一个实施例的网页展示系统的结构图；

图8示出了本发明的一个实施例的网页展示方法的示意图；

图9示出了本发明的一个实施例的网页展示方法的示意图；

图10示出了本发明的一个实施例的网页展示方法的示意图；

图11示出了本发明的一个实施例的网页展示方法的示意图；

图12示出了本发明的一个实施例的网页展示方法的示意图；

图13示出了本发明的一个实施例的网页展示方法的示意图；

图14示出了本发明的一个实施例的网页展示方法的示意图；

图15示出了本发明的一个实施例的网页展示方法的示意图；

图16示出了本发明的一个实施例的网页展示方法的示意图；

图17示出了本发明的一个实施例的网页展示方法的示意图；

图18示出了本发明的一个实施例的网页展示方法的示意图。

其中，附图标记与部件名称之间的对应关系为：

700网页展示系统，702存储器，704处理器，800查询区域，802查询条件，804导航区域，806导航条件，808显示导航区域，810显示导航，812显示设置区域，814显示导航设置区域，816列表区域，818表项，820表项设置菜单，900可视化界面。

具体实施方式

为了能够更清楚地理解本发明的上述目的、特征和优点，下面结合附图和具体实施方式对本发明进行进一步的详细描述。需要说明的是，在不冲突的情况下，本申请的实施例及实施例中的特征可以相互组合。

在下面的描述中阐述了很多具体细节以便于充分理解本发明，但是，本发明还可以采用其他不同于在此描述的其他方式来实施，因此，本发明的保护范围并不受下面公开的具体实施例的限制。

下面参照图1至图18描述根据本发明的一些实施例提供的网页展示方法、网页展示系统和可读存储介质。

实施例一

如图1所示，实施例一提供了一种网页展示方法，包括：

步骤102，获取网页上的至少一个查询条件；

步骤104，将任一查询条件设置为导航条件；

步骤106，对网页进行渲染处理，以使网页上的第一预设位置展现导航区域，其中，导航区域包括导航条件。

本发明实施例提供的网页展示方法，通过将网页上的任一查询条件设置导航条件，并对网页进行渲染处理，使得网页上的第一预设位置展现导航区域，从而实现了在网页上述增加导航区域的目的。前端通过将查询条件设置为导航条件以实现在网页上增加导航区域，一方面，在进行开发时，不需要为前端配置树模型，降低了开发难度，提高了开发效率。另一方面，在实现导航区域在网页上的第一预设位置进行展示时，由于采用将前端的查询条件设置导航条件的方法，使得前端不必再与后端进行交互以从后端调取业务数据，提高了网页展示的速度，降低了开发难度，减少了开发任务。此外，在通过不同需求场景展现不同的数据时，由于前端不需要与后端进行数据交互以调取数据，从而不必再提供多套业务数据接口用于前端与后端的数据交互，大大减少了开发任务，降低了开发难度，同时降低了开发成本。

进一步地，在该实施例中，对网页进行渲染处理的步骤，具体包括：对网页上的第一预设位置进行渲染。通过对网页的第一预设位置进行渲染，使得导航区域在第一预设位置上进行展现。由于仅对网页的局部进行渲染，提高了渲染速度，进而提高网页的展现速度。

进一步地，在实施例中，导航区域在网页上以树表的形式进行展现。通过导航区域在网页上以树表的形式进行展现，实现了在网页上快速展现树表的目的，不必为网页单独配置树模型，从而减少了开发的工作量，提高了开发效率。此外，设置为导航条件的查询条件可以由用户自定义，大大提高了网页的灵活性。

实施例二

在实施例一基础上，实施例二提供了一种网页展示方法，进一步限定了在获取网页上的至少一个查询条件的步骤之前，还包括：获取网页的元数据，其中，元数据包括列表模型和查询模型；对元数据进行渲染处理，以使网页生成可视化界面。

在一个具体的实施例中，如图2所示，一种网页展示方法，包括：

步骤202，获取网页的元数据，其中，元数据包括列表模型和查询模型；

步骤204，对元数据进行渲染处理，以使网页生成可视化界面；

步骤206，获取网页上的至少一个查询条件；

步骤208，将任一查询条件设置为导航条件；

步骤210，对网页进行渲染处理，以使网页上的第一预设位置展现导航区域，其中，导航区域包括导航条件。

在该实施例中，获取网页的元数据，并对元数据进行渲染处理，以使网页生成可视化界面。由于不需要获取树模型的元数据，减少了需要获取的元数据的量，提高了获取元数据的调取速度，从而提高了生成可视化界面的速度。此外，针对需要通过不同需求场景展现不同的数据的前端，不必再提供多套树模型，解决了多页面需要配置多套元数据进行页面描述的工作量的问题，进而从根本上解决开发任务繁重的问题，大大减少了开发的工作量，降低了开发难度，同时降低了开发成本。

进一步地，在该实施例中，对元数据进行渲染处理的步骤，具体包括：解析元数据，以生成初始页面；渲染初始页面，以生成可视化界面。具体地，通过前端公共框架解析元数据，进行页面初始化渲染以生成初始页面，然后通过网页的渲染引擎对初始页面进行渲染，以生成可视化界面，供用户使用。

进一步地，在该实施例中，在用户初次使用网页时，生成的可视化页面仅包括列表模型生成的列表区域和查询模型生成的查询区域。在用户非初次使用网页时，可视化界面根据用户最后一次使用时的设置进行配置，例如，用户在最后一次使用时，在网页上设置了导航区域，那么，用户再次使用时，可视化界面将包括列表模型生成列表区域、查询模型生成的查询区域以及导航条件构成的导航区域。

如图8所示，在一个具体实施例中，获取网页的元数据，并对元数据进行渲染处理，以使网页生成可视化界面900。

进一步地，如图9、图10、图11和图12所示，获取网页上的至少一个查询条件802，将任一查询条件802设置为导航条件806，对网页进行渲染处理，以使网页上的第一预设位置展现导航区域804，其中，导航区域804包括导航条件806。具体地，将查询条件802设置为导航条件806可以采用如图10和图11所示的设置方法，也即，每一个公共条件(如仓库)均配置有设置显示位置的显示设置区域812，显示设置区域812用于设置公共条件在导航区域显示或查询区域显示，显示设置区域812配置有导航区和查询区两个下拉菜单，以供用户设置公共条件是在导航区域显示或者在查询区域显示。可以理解的是，当公共条件的显示位置被设置为导航区时，公共条件在导航区域显示，当公共条件的显示位置被设置为查询区时，公共条件在查询区域显示。

实施例三

在上述任一实施例的基础上，如图3所示，实施例三提供了一种网页展示方法，进一步限定了网页展示方法还包括：

步骤302，将任一导航条件设置为显示导航；

步骤304，对导航区域进行渲染处理，以使导航条件在导航区域上显示。

在该实施例中，通过将任一导航条件设置为显示导航，并对导航区域进行渲染处理，使得设置为显示导航的导航条件能够在导航区域进行展示。由于被设置为显示导航的导航条件才能够在导航区域上显示，未设置为显示导航的导航条件不在导航区域上，也即，未设置为显示导航的导航条件在导航区域为隐藏状态，一方面，由于可以自定义导航区域正在显示的导航条件，提高了导航区域的灵活性，另一方面，导航区域不必显示所有的导航条件，只显示用户需要的显示导航，从而减小了导航区域在网页上的占用的第一预设位置的面积，进而使得网页能够为其他区域提供更大的显示面积。具体地，在一种实施方式中，当导航区域仅包括一个导航条件时，将该一个导航条件设置为显示导航，该一个导航条件在导航区域上展示。在另一个实施例中，导航区域包括至少两个导航条件时，可以设置任一个导航条件为显示导航，此时，只有被设置为显示导航的导航条件能够在导航区域上显示，未被设置为显示导航的导航条件隐藏，不显示在页面的导航区域。

进一步地，在该实施例中，对导航区域进行渲染处理的步骤，具体包括：发送渲染请求至渲染引擎；渲染引擎渲染导航区域。通过使用网页的渲染引擎对导航区域进行渲染，一方面，不必另外配置渲染组件，减少了开发工作量，降低了开发难度。另一方面，由于仅对导航区域进行渲染，也即，仅对网页第一预设位置的导航区域进行渲染，对于网页上其他未发生变化的区域不进行渲染，大大提高了渲染速度，进而提高网页的展现速度。

在该实施例中，通过将查询条件设置为导航条件，并将导航条件设置为显示导航，即可实现根据需要场景配置页面的目的，从而使得需要展现不同需求场景，不再需要修改元数据模板的模型等配置，也不再需要配置较为复杂的交互规则用于实现列表与树表之间的切换。

在该实施例中，通过快速设置导航条件以及快速设置导航区域展示的导航条件(即显示导航)，实现了按需绑定和呈现数据，根据不同场景需求判断网页上的公共条件(即导航条件、查询条件等)是展示在查询区域还是展示在导航区域，也即，根据当前场景需求决定哪些公共条件展现在导航区域，以及导航区域当前显示哪个导航条件。通过将所有操作均抽象到网页的页面操作中，在实现不同需求场景，生成不同导航区域的展现时无需进行二次开发，亦无需进行元数据模板的重新配置。并且可以实现查询区域与导航区域(也即，实现列表与树表)之间的快速切换，并且可以适配不同需求场景的不同查询区域与导航区域(不同树、表)的结合，无需进行任何页面规则配置，仅通过鼠标点击等页面操作即可实现，大幅度降低了开发工作量，而且很方便地实现SAAS系统不同租户定制不同的树表导航过滤场景。

如图13、图14、图15在一个具体实施例中，将任一导航条件806设置为显示导航810，对导航区域804进行渲染处理，以使导航条件806在导航区域804上显示，其中，显示导航810在显示导航区域808进行展示。具体地，将导航条件806设置为显示导航810可以采用如图15和图16所示的设置方法，也即，每一个导航区域804均配置有设置显示导航810的显示导航设置区域814，显示导航设置区域814用于设置导航条件806在显示导航区域808显示，显示导航设置区域814配置下拉菜单，下拉菜单中显示待选择的导航条件806，以供用户设置任一待选择的导航条件806在显示导航区域808显示，例如，设置供应商为显示导航，则显示导航区域中显示的显示导航为供应商。进一步地，网页还包括列表区域816，列表区域816包括多个表项818，针对任一显示导航810，还可以设置显示导航810在列表区域816中需要显示的表项818，具体设置方式可以使用图17所示的方法，表项818配置有用于表项设置菜单820，用于设置表项818是否在列表区域816中显示。

实施例四

在上述任一实施例的基础上，如图4所示，实施例四提供了一种网页展示方法，进一步限定了网页展示方法还包括：

步骤402，将任一导航条件设置为查询条件；

步骤404，对网页进行渲染处理，以使网页上的第二预设位置展现查询区域，其中，查询区域包括查询条件。

在该实施例中，通过将任一导航条件设置为查询条件，并对网页进行渲染处理，一方面，从而实现了对导航区域的导航条件进行修改的目的，被设置为查询条件的导航条件，将不再属于在导航区域，也即，既不会被设置为显示导航以在导航区域进行展示，也不会在导航区域上以隐藏状态存在。另一方面，通过将网页上的公共条件(即查询条件、导航条件等)在导航条件和查询条件之间切换，实现了控制网页上的公共条件在导航区域显示或者在查询区域显示的目的，无需进行任何页面规则配置，仅通过鼠标点击等页面操作即可实现。

进一步地，在一种实施方式中，对网页进行渲染处理的步骤，具体包括：对网页上的第二预设位置进行渲染。通过对网页的第二预设位置进行渲染，使得查询区域在第二预设位置上进行展现。由于仅对网页的局部进行渲染，提高了渲染速度，进而提高网页的展现速度。

进一步地，在另一种实施方式中，对网页进行渲染处理的步骤，具体包括：对网页上的第一预设位置和第二预设位置进行渲染。通过对网页的第一预设位置和第二预设位置进行渲染，使得查询区域在第二预设位置上进行展现，同时，导航区域在第一预设位置上进行展示，并且根据导航区域中导航条件数量的变化，对导航区域的面积大小进行调整，重新布局网页上导航区域的占用空间。由于仅对网页的局部进行渲染，提高了渲染速度，进而提高网页的展现速度。

进一步地，在又一种实施方式中，对网页进行渲染处理的步骤，具体包括：对网页整个页面进行渲染。通过对网页整个页面仅渲染，可以对整个网页上各个展示区域(即导航区域、查询区域或列表区域等)的分布进行重新布局，具体根据展示区域的数量调整各个展示区域的占用空间，提高页面展示的灵活性。

进一步地，在该实施例中，查询区域在网页上以列表的形式进行展现。通过查询区域在网页上以列表的形式进行展现，实现了在网页上快速展现列表的目的。通过导航条件与查询条件的切换，实现了树表与列表之间的快速切换，从而实现了设置当前网页的页面中哪些公共条件在查询区域进行展示，哪些公共条件在导航区域进行展示，进而实现了根据当前场景设置导航区域的内容和查询区域的内容的目的。此外，由于前端不需要从后端调取树节点的数据，也就是不需要配置多套数据接口用于数据交换，大大减少了开发任务，降低开发难度，并且导航条件由查询区域的查询条件提供，不必再配置多套树模型元数据，从根本上解决了开发任务繁重的问题。进一步，网页使用过程中，可以根据不同场景的需要，将网页上的公共条件在查询条件和导航条件之间切换，大大提高了网页的灵活性。

如图16、图17和图18所示，在一个具体实施例中，将任一导航条件806设置为查询条件802，对网页进行渲染处理，以使网页上的第二预设位置展现查询区域800，其中，查询区域800包括查询条件802。

实施例五

在上述任一实施例的基础上，如图5所示，实施例五提供了一种网页展示方法，包括：

步骤502，获取网页的元数据，其中，元数据包括列表模型和查询模型；

步骤504，对元数据进行渲染处理，以使网页生成可视化界面；

步骤506，获取网页上的至少一个查询条件；

步骤508，将任一查询条件设置为导航条件；

步骤510，对网页进行渲染处理，以使网页上的第一预设位置展现导航区域，其中，导航区域包括导航条件；

步骤512，将任一导航条件设置为显示导航；

步骤514，对导航区域进行渲染处理，以使导航条件在导航区域上显示。

在该实施例中，用户根据不同场景的需求，选择要显示到导航区的导航条件。通过将任一导航条件设置为显示导航，并对导航区域进行渲染处理，使得设置为显示导航的导航条件能够在导航区域进行展示。由于被设置为显示导航的导航条件才能够在导航区域上显示，未设置为显示导航的导航条件不在导航区域上，也即，未设置为显示导航的导航条件在导航区域为隐藏状态，一方面，由于可以自定义导航区域正在显示的导航条件，提高了导航区域的灵活性，另一方面，导航区域不必显示所有的导航条件，只显示用户需要的显示导航，从而减小了导航区域在网页上的占用的第一预设位置的面积，进而使得网页能够为其他区域提供更大的显示面积。具体地，在一种实施方式中，当导航区域仅包括一个导航条件时，将该一个导航条件设置为显示导航，该一个导航条件在导航区域上展示。在另一个实施例中，导航区域包括至少两个导航条件时，可以设置任一个导航条件为显示导航，此时，只有被设置为显示导航的导航条件能够在导航区域上显示，未被设置为显示导航的导航条件隐藏，不显示在页面的导航区域。

实施例六

在上述任一实施例的基础上，如图6所示，实施例六提供了一种网页展示方法，包括：

步骤602，获取网页的元数据，其中，元数据包括列表模型和查询模型；

步骤604，对元数据进行渲染处理，以使网页生成可视化界面；

步骤606，获取网页上的至少一个查询条件；

步骤608，将任一查询条件设置为导航条件；

步骤610，对网页进行渲染处理，以使网页上的第一预设位置展现导航区域，其中，导航区域包括导航条件；

步骤612，将任一导航条件设置为查询条件；

步骤614，对网页进行渲染处理，以使网页上的第二预设位置展现查询区域，其中，查询区域包括查询条件。

在该实施例中，用户根据不同场景的需求，将导航条件设置为查询条件，使得被设置为查询条件的公共条件切换显示区域，从原来的在导航区域上显示切换为在查询区域上显示，也即，从树表显示切换为列表显示。通过将网页上的公共条件(即查询条件、导航条件等)在导航条件和查询条件之间切换，实现了控制网页上的公共条件在导航区域显示或者在查询区域显示的目的，无需进行任何页面规则配置，仅通过鼠标点击等页面操作即可实现。

实施例七

如图7所示，实施例七提供了一种网页展示系统700，包括：存储器702，存储器702存储有程序或指令；处理器704，处理器704执行程序或指令实现上述任一技术方案中的网页展示方法的步骤。

本发明实施例提供的网页展示系统700，包括存储器702和处理器704。处理器704执行程序或指令时能够实现上述任一技术方案中的网页展示方法的步骤，因此，具有上述任一技术方案提供的网页展示方法所具有的全部有益的技术效果，在此不再赘述。

实施例八

实施例八提供了一种可读存储介质，其上存储有程序或指令，程序或指令被处理器执行时实现上述任一技术方案提供的网页展示方法的步骤。

本发明实施例提供的可读存储介质，能够实现上述任一技术方案提供的网页展示方法的步骤，因此，具有上述任一技术方案提供的网页展示方法所具有的全部有益的技术效果，在此不再赘述。

应当注意的是，在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的部件或步骤。位于部件之前的单词“一”或“一个”不排除存在多个这样的部件。本发明可以借助于包括有若干不同部件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

以上仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种网页展示方法，其特征在于，包括：

获取网页上的至少一个查询条件；

将任一所述查询条件设置为导航条件；

对所述网页进行渲染处理，以使所述网页上的第一预设位置展现导航区域，

其中，所述导航区域包括所述导航条件。

2.根据权利要求1所述的网页展示方法，其特征在于，在获取网页上的至少一个查询条件的步骤之前，还包括：

获取网页的元数据，其中，所述元数据包括列表模型和查询模型；

对所述元数据进行渲染处理，以使所述网页生成可视化界面。

3.根据权利要求2所述网页展示方法，其特征在于，对所述元数据进行渲染处理的步骤，具体包括：

解析所述元数据，以生成初始页面；

渲染所述初始页面，以生成所述可视化界面。

4.根据权利要求3所述的网页展示方法，其特征在于，所述网页展示方法还包括：

将任一所述导航条件设置为显示导航；

对所述导航区域进行渲染处理，以使所述导航条件在所述导航区域上显示。

5.根据权利要求4所述的网页展示方法，其特征在于，对所述导航区域进行渲染处理的步骤，具体包括：

发送渲染请求至渲染引擎；

所述渲染引擎渲染所述导航区域。

6.根据权利要求1至5中任一项所述的网页展示方法，其特征在于，所述网页展示方法还包括：

将任一所述导航条件设置为查询条件；

对所述网页进行渲染处理，以使所述网页上的第二预设位置展现查询区域，

其中，所述查询区域包括所述查询条件。

7.根据权利要求6所述的网页展示方法，其特征在于，所述查询区域在所述网页上以列表的形式进行展现。

8.根据权利要求1至5中任一项所述的网页展示方法，其特征在于，所述导航区域在所述网页上以树表的形式进行展现。

9.一种网页展示系统，其特征在于，包括：

存储器，所述存储器存储有程序或指令；

处理器，所述处理器执行程序或指令实现如权利要求1至8中任一项所述的网页展示方法的步骤。

10.一种可读存储介质，其上存储有程序或指令，其特征在于，所述程序或指令被处理器执行时实现如权利要求1至8中任一项所述的网页展示方法的步骤。

Images