用于网页展示的方法及系统与流程

本申请涉及通信技术领域，尤其涉及用于网页展示的方法及系统。

背景技术：

导航页是浏览器的首页，导航页内容的可动态配置以及内容的灵活展现，直接影响着运营内容的展现率和用户的使用粘度。

现有技术中，导航页内容在展示时，通常利用WebView控件(一种控件)控制导航页内容以Html(超文本标记语言)页面的形式展示于导航页。或者利用listView控件(一种控件)以列表形式展现导航页内容。

以上两种方式由于展示方式灵活，是目前最常见的两种导航页内容展示方式，但展示方式单一。

技术实现要素：

本发明了提供了一种用于网页展示的方法及系统，以解决现有技术中网页展示方式单一的技术问题。

为解决上述技术问题，本发明提供了一种用于网页展示的方法，所述方法包括：

客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称；其中，所述网页由多个导航卡片构成，各导航卡片的卡片名称各不相同；

所述客户端基于各导航卡片的卡片名称获得各导航卡片的卡片内容；

所述客户端根据各导航卡片的卡片名称获得各导航卡片的展现风格；各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同；

所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容。

优选的，所述客户端基于各导航卡片的卡片名称获得各导航卡片的卡片内容，包括：

所述客户端基于各导航卡片的卡片名称从所述索引文件中获得各导航卡片的卡片内容。

优选的，所述客户端基于各导航卡片的卡片名称获得各导航卡片的卡片内容，包括：

所述客户端向所述服务器发送用于请求各导航卡片的卡片内容的数据获取请求；

所述客户端接收所述服务器返回的各导航卡片的卡片内容。

优选的，所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容之后，所述方法还包括：

所述客户端基于所述索引文件获得各导航卡片的新卡片名称；

所述客户端基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述客户端按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

优选的，所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容之后，所述方法还包括：

所述客户端向所述服务器发送用于获取各导航卡片的新卡片名称的获取请求；

所述客户端获得所述服务器返回的各导航卡片的新卡片名称；

所述客户端基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述客户端按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

优选的，所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容，包括：

所述客户端基于各导航卡片的卡片名称获得各导航卡片的数据格式；

所述客户端将各导航卡片的卡片内容按照各导航卡片的数据格式约束为对应的数据对象；

所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容对应的数据对象。

优选的，所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容之后，所述方法还包括：

所述客户端获得一模式切换请求；所述模式切换请求用于请求将所述网页的当前显示模式切换为目的显示模式；

所述客户端基于所述模式切换请求获得所述目的显示模式；

所述客户端基于所述目的显示模式获得各导航卡片在所述目的显示模式下的排列方式和各导航卡片在所述目的显示模式下的展示风格；

所述客户端按照各导航卡片在所述目的显示模式下的排列方式排列各导航卡片；

所述客户端按照各导航卡片在所述目的显示模式下的展示风格展示各导航卡片的卡片内容。

本发明公开了一种客户端，包括：

提取单元，用于从服务器返回的索引文件中提取出各导航卡片的卡片名称；其中，所述网页由多个导航卡片构成，各导航卡片的卡片名称各不相同；

第一获得单元，用于基于各导航卡片的卡片名称获得各导航卡片的卡片内容；

第二获得单元，用于根据各导航卡片的卡片名称获得各导航卡片的展现风格；各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同；

展现单元，用于按照各导航卡片的展现风格展现各导航卡片的卡片内容。

优选的，所述第一获得单元，具体用于所述客户端基于各导航卡片的卡片名称从所述索引文件中获得各导航卡片的卡片内容。

优选的，所述客户端还包括：

第一发送单元，用于向所述服务器发送用于请求各导航卡片的卡片内容的数据获取请求；

接收单元，用于接收所述服务器返回的各导航卡片的卡片内容。

优选的，第三获得单元，用于基于所述索引文件获得各导航卡片的新卡片名称；

第四获得单元，用于基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述展现单元，还用于按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

优选的，所述客户端还包括：

第二发送单元，用于向所述服务器发送用于获取各导航卡片的新卡片名称的获取请求；

第五获得单元，用于获得所述服务器返回的各导航卡片的新卡片名称；

第六获得单元，用于基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述展现单元，还用于按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

优选的，所述展现单元包括：

第七获得单元，用于基于各导航卡片的卡片名称获得各导航卡片的数据格式；

约束单元，将各导航卡片的卡片内容按照各导航卡片的数据格式约束为对应的数据对象；

展现子单元，用于按照各导航卡片的展现风格展现各导航卡片的卡片内容对应的数据对象。

优选的，所述客户端还包括：

第八获得单元，用于获得一模式切换请求；所述模式切换请求用于请求将所述网页的当前显示模式切换为目的显示模式；

第九获得单元，用于基于所述模式切换请求获得所述目的显示模式；

第十获得单元，用于基于所述目的显示模式获得各导航卡片在所述目的显示模式下的排列方式和各导航卡片在所述目的显示模式下的展示风格；

排列单元，用于所述客户端按照各导航卡片在所述目的显示模式下的排列方式排列各导航卡片；

所述展示单元，还用于按照各导航卡片在所述目的显示模式下的展示风格展示各导航卡片的卡片内容。

本发明公开了一种用于网页展示的方法，包括：

客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称；其中，所述网页由多个导航卡片构成，各导航卡片的卡片名称各不相同；

所述客户端基于各导航卡片的卡片名称获得各导航卡片的卡片内容；

所述客户端根据各导航卡片的卡片名称获得各导航卡片的展现风格；各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同；

所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容。

优选的，所述客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称之前，所述方法还包括：

所述客户端发送用于配置各导航卡片的卡片名称的配置请求给服务器；

所述服务器基于所述配置请求获得所述索引文件，所述索引文件中包含各导航卡片的卡片名称；

所述服务器将所述索引文件发送给所述客户端。

优选的，所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容之后，所述方法还包括：

所述客户端向所述服务器发送用于获取各导航卡片的新卡片名称的获取请求；

所述服务器基于所述获取请求获得各导航卡片的新卡片名称；

所述服务器发送各导航卡片的新卡片名称给所述客户端；

所述客户端基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述客户端按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

本发明还公开了一种用于网页展示的系统，包括：

客户端，用于从服务器返回的索引文件中提取出各导航卡片的卡片名称；其中，所述网页由多个导航卡片构成，各导航卡片的卡片名称各不相同；

所述客户端，用于基于各导航卡片的卡片名称获得各导航卡片的卡片内容；

所述客户端，用于根据各导航卡片的卡片名称获得各导航卡片的展现风格；各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同；

所述客户端，用于按照各导航卡片的展现风格展现各导航卡片的卡片内容。

优选的，所述客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称之前，所述方法还包括：

所述客户端，用于发送用于配置各导航卡片的卡片名称的配置请求给服务器；

所述服务器，用于基于所述配置请求获得所述索引文件，所述索引文件中包含各导航卡片的卡片名称；

所述服务器，用于将所述索引文件发送给所述客户端。

优选的，所述客户端，用于向所述服务器发送用于获取各导航卡片的新卡片名称的获取请求；

所述服务器，用于基于所述获取请求获得各导航卡片的新卡片名称；

所述服务器，用于发送各导航卡片的新卡片名称给所述客户端；

所述客户端，用于基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述客户端，用于按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

通过本发明的一个或者多个技术方案，本发明具有以下有益效果或者优点：

本发明公开了一种用于网页展现的方法和系统，在网页需要展现时，客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称；所述客户端基于各导航卡片的卡片名称获得各导航卡片的卡片内容；所述客户端根据各导航卡片的卡片名称获得各导航卡片的展现风格；所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容。由于网页由多个导航卡片构成，各导航卡片的卡片名称各不相同，且各导航卡片的展现风格各不相同。因此不同的导航卡片可以根据各自不同的展现风格进行展现，展现方式多变。另外，单个的导航卡片的展现不会影响其他导航卡片的展现。

附图说明

图1为本发明实施例中用于网页展示的系统架构图；

图2为本发明实施例中用于网页展示的实施过程图；

图3为本发明实施例中客户端的组成图；

图4为本发明实施例中用于网页展示的交互图。

具体实施方式

为了使本申请所属技术领域中的技术人员更清楚地理解本申请，下面结合附图，通过具体实施例对本申请技术方案作详细描述。

在介绍本发明的方法实施例之前，先介绍本发明实施例中用于网页展示的系统架构，如图1所示，该系统包括：客户端101和服务器102。服务器102如图1所示，可与N个客户端101实现通信连接，N为自然数，其中，客户端101、服务器102之间的通信方式可以是有线通信，也可以是无线通信，所述客户端101具体可以是智能手机，也可以是平板电脑，还可以是智能穿戴设备等等，本申请对此不作限定。

下面先从服务器侧描述配置索引文件的过程。

具体来讲，索引文件由服务器配置并发送给客户端。

每个导航卡片都具有独立的配置入口，服务器在配置各导航卡片时，主要利用各自独立的配置入口进行配置。

每个导航卡片具有各自的数据格式。

以Json(一种数据格式)数据格式为例。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯(包括C、C++、Java、等等)。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成(一般用于提升网络传输速率)。

Json比较规范，服务器和客户端约定好数据格式后，服务器可以针对特定的数据格式开发可视化界面来配置导航卡片，操作人员只需在想要的位置填写想要的内容，然后按照规范生成Json数据格式的导航卡片即可，配置简单且可保证数据格式的安全。

而在具体的配置过程中，服务器在配置导航卡片之前，先和客户端约定好利用哪种数据格式(例如Json数据格式)配置以及传输数据。然后利用‘不同的导航卡片采用不同Json数据格式封装’的方式来满足导航卡片的数据配置管理。

每个导航卡片都具有各自独立的配置入口，进而在配置导航卡片时，所述服务器对所述全部导航卡片利用各自独立的配置入口进行独立配置，获得所述全部导航卡片的卡片名称、所述全部导航卡片的卡片内容。再将所述全部导航卡片的卡片名称配置为索引文件。

导航卡片以‘卡片名称’为维度区分开。由于每个导航卡片都是独立配置和更新，各导航卡片之间的配置和更新不会相互影响，进而不需要与其他导航卡片有过多的耦合，降低了导航卡片的展现成本，配置运营成本低。相对的，客户端在展现导航卡片时，各导航卡片按照不同的展现风格区分展示，不会相互影响，进而也不需要与其他导航卡片有过多的耦合，降低了导航卡片的展现成本。

在实际的处理过程中，配置导航卡片的过程如下：

首先，服务器确定需要配置导航卡片的数目。

其次，服务器基于导航卡片的数目将所述网页内容划分为对应数目的数据；

其次，由于每个导航卡片具有各自独立的配置入口，因此，服务器利用各配置入口将构成网页的各个数据置入对应的导航卡片中，进而每个导航卡片具有各自的卡片内容。

其次，获取个导航卡片的卡片名称和对应的展现风格。

其次，利用对应的数据格式对各自的导航卡片进行封装。

在配置完毕后，每个导航卡片则具有各自的卡片名称、卡片内容、展现风格等等。

进而服务器会获得包括但不限于所述全部导航卡片的卡片名称、所述全部导航卡片的卡片内容等参数。而为了减少数据传输量，可先将全部导航卡片的卡片名称、全部导航卡片的卡片名称配置为索引文件。

由于每个导航卡片对应有多个卡片名称和展现风格。进而服务器在配置索引文件时，可将每个导航卡片对应的所有卡片名称和所有展现风格配置到索引文件中，客户端在更换展现风格时可直接调用索引文件获得新卡片名称，获取到新展现风格进行展现。这种方式不需要再次和服务器进行数据通信，可支持客户端离线更换展现风格。

当然，服务器也可以只发送每个导航卡片的一种卡片名称和对应的展现风格，剩余的卡片名称存储在服务器中，当客户端更换展现风格时，可发送获取请求给服务器。服务器再发送对应的新卡片名称和新展现风格给客户端进行展现。这种方式传输的数据量小，在客户端发送请求时再发送对应的数据，可避免客户端侧的数据冗余量大，进而使请求数据更少且更有针对性，便于节省流量，减轻了客户端的负担。

参看图2，下面从客户端侧介绍用于网页展示的方法。

S201，客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称。

其中，所述网页由多个导航卡片构成，各导航卡片具有各自的卡片内容，所有导航卡片的卡片内容合并为所述网页的网页内容。

而在配置完毕导航卡片之后，会基于全部导航卡片的卡片名称、全部导航卡片的展示风格配置为索引文件，具体的配置过程请参看服务器侧的实施例，在此本发明不做赘述。且各导航卡片的卡片名称各不相同。

S202，所述客户端基于各导航卡片的卡片名称，查找各导航卡片的卡片内容。

在具体的实施过程中，每个导航卡片都包含有：卡片名称、展现风格、卡片内容三个参数。每个导航卡片具有一个卡片内容(该卡片内容可更改)。每个导航卡片可具有多个卡片名称和多种展现风格，卡片名称和展现风格一一对应。

举例来说，对于导航卡片A，其参数请看表1。

表1

从表1可知，导航卡片A都具有两种卡片名称，且对应具有两种展现风格。每个导航卡片具有至少一种卡片名称以及至少一种展现风格。并且卡片名称和展现风格一一对应，其他导航卡片类似，在此不再赘述。

进而，本发明可基于导航卡片的卡片名称查找卡片内容。

服务器在配置完毕导航卡片之后，具有两种选择方式。一种方式是将导航卡片的卡片内容一并配置到索引文件中发送给客户端。一种方式是接收到客户端请求之后发送导航卡片的卡片内容。

若服务器将导航卡片的卡片内容一并配置到索引文件中发送给客户端，那么客户端则会基于各导航卡片的卡片名称从所述索引文件中获得各导航卡片的卡片内容。进而根据导航卡片的卡片名称获取到导航卡片的展示风格进行展示。

但还存在另外一种情况，即服务器在配置导航卡片之后，只是将导航卡片的卡片名称配置在索引文件中发送给客户端。进而客户端在基于导航卡片的卡片名称查找不到导航卡片的卡片内容。则会执行下面的步骤。

所述客户端向所述服务器发送用于请求各导航卡片的卡片内容的数据获取请求；

服务器在接收到该数据获取请求之后，则会将各导航卡片的卡片内容发送给客户端。进而所述客户端接收所述服务器返回的各导航卡片的卡片内容。

S203，所述客户端根据各导航卡片的卡片名称获得各导航卡片的展现风格。

各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同。进而根据各导航卡片的卡片名称可在索引文件中获得各导航卡片的展现风格。

S204，所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容。

具体来讲，客户端先基于各导航卡片的卡片名称获取到各导航卡片的展现风格。然后将各导航卡片的卡片内容按照各导航卡片的展现风格进行展现。

具体的实施过程如下：

所述客户端基于各导航卡片的卡片名称获得各导航卡片的数据格式。

所述客户端将各导航卡片的卡片内容按照各导航卡片的数据格式约束为对应的数据对象。

所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容对应的数据对象。

例如，某张导航卡片需要展现时，客户端先解析该导航卡片的卡片内容并以对应的数据格式生成客户端可操作的数据对象。然后将此数据对象按卡片名称对应的展现风格进行展现。

由于这些组成网页的各导航卡片具有各自不同的展现风格，单个的导航卡片的展示并不会影响其他导航卡片的展现风格，客户端可以根据不同的卡片名称做不同的展现处理，能提高展现灵活性，且各导航卡片的展示互不影响，进而也不需要与其他导航卡片有过多的耦合，降低了导航卡片的展现成本。

当然，每个导航卡片不止具有单一的展现风格，每个导航卡片可对应多种展现风格。而触发导航卡片更改展现风格的触发机制，可以接收用户发出的用于切换网页展现风格的指令触发，也可以有客户端定时触发更改网页的展现风格。

若要更改各导航卡片的展现风格，则可直接更改各导航卡片的卡片名称来更换展现风格，卡片内容保持不变。进而本发明对于同样的卡片内容可调整不同的展现风格，实现低成本运营。

在具体的实施过程中，导航卡片的新卡片名称有两种获取方式。

第一种是服务器在发送索引文件给客户端时，索引文件里面已携带有各导航卡片的新卡片名称。因此，在需要更换展示风格时，所述客户端基于所述索引文件获得所述各导航卡片的新卡片名称；所述客户端基于所述各导航卡片的新卡片名称获得各导航卡片的新展现风格；所述客户端按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

第二种是客户端再次向服务器发送获取请求，由服务器将各导航卡片的新卡片名称发给客户端。在具体的实施过程中，所述客户端向所述服务器发送用于获取所述各导航卡片的新卡片名称的获取请求；所述服务器基于所述获取请求获得所述各导航卡片的新卡片名称；所述客户端获得所述服务器返回的所述各导航卡片的新卡片名称；所述客户端基于所述导航卡片的新卡片名称获得各导航卡片的新展现风格；所述客户端按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

以上是客户端侧对于导航卡片的展示过程。

在一种可选的实施例中，网页的显示模式可以有多种，例如无图模式、夜间模式、普通模式等等。当客户端在管理导航卡片时，是统一管理导航屏的所有卡片。

客户端可封装导航卡片的公共属性，包括显示位置，卡片名称等等，另外还可封装运行导航卡片的方法包括预加载，更新(如夜间模式，无图模式状态的调用)等等。因为不同的导航卡片虽展现风格不同，但有相同的行为(例如执行显示的过程、执行更新的过程等等)。而导航卡片的展现风格则根据产品需求区别封装，且可根据本地的不同设置处理对应的现实逻辑，如夜间模式，无图模式等。

举例来说，客户端在管理导航卡片时，以列表的形式进行管理，将导航卡片的显示位置，卡片名称等等进行封装。参看表2。

表2

另外，客户端还封装处理卡片的行为。

以上这些都是导航卡片的共行设置。

当然，针对不同的卡片，具有不同的显示位置、展示风格等等。这些具体的显示位置和展示风格(例如风格一、风格二)则是区别封装的。

当需要对导航卡片进行调用时，则可以解开对应的封装进行调用即可。

通过封装不同卡片类型，统一抽象，分别封装的方式，实现导航内容统一管理，各卡片差异显示的效果。

另外，卡片展现通过客户端实现，方便和客户端设置风格打通，满足设置兼容的问题。

若网页从一种显示模式切换为另一种显示模式时，则参看下面的实施过程。

所述客户端获得一模式切换请求。所述模式切换请求用于请求将所述网页的当前显示模式切换为目的显示模式。当前显示模式和目的显示模式是两种不同的显示模式。

所述客户端基于所述模式切换请求获得所述目的显示模式。在不同的显示模式下，构成网页的各导航卡片都有各自的展示风格并且各导航卡片之间具有特定的排列方式。

所述客户端首先会基于所述目的显示模式获得各导航卡片的排列方式。另外，所述客户端基于所述目的显示模式获得各导航卡片在所述目的显示模式下的展示风格。

进而，所述客户端按照各导航卡片在所述目的显示模式下的排列方式排列各导航卡片。且所述客户端按照各导航卡片在所述目的显示模式下的展示风格展示各导航卡片的卡片内容。

实施例二：

在具体的实施过程中，下面介绍一种客户端。

在本发明实施例中，参看图3，提供了一种客户端，包括：

提取单元301，用于从服务器返回的索引文件中提取出各导航卡片的卡片名称；其中，所述网页由多个导航卡片构成，各导航卡片的卡片名称各不相同；

第一获得单元302，用于基于各导航卡片的卡片名称获得各导航卡片的卡片内容；

第二获得单元303，用于根据各导航卡片的卡片名称获得各导航卡片的展现风格；各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同；

展现单元304，用于按照各导航卡片的展现风格展现各导航卡片的卡片内容。

优选的，所述第一获得单元302，具体用于所述客户端基于各导航卡片的卡片名称从所述索引文件中获得各导航卡片的卡片内容。

优选的，所述客户端还包括：

第一发送单元，用于向所述服务器发送用于请求各导航卡片的卡片内容的数据获取请求；

接收单元，用于接收所述服务器返回的各导航卡片的卡片内容。

优选的，第三获得单元，用于基于所述索引文件获得各导航卡片的新卡片名称；

第四获得单元，用于基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述展现单元304，还用于按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

优选的，所述客户端还包括：

第二发送单元，用于向所述服务器发送用于获取各导航卡片的新卡片名称的获取请求；

第五获得单元，用于获得所述服务器返回的各导航卡片的新卡片名称；

第六获得单元，用于基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述展现单元304，还用于按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

优选的，所述展现单元304包括：

第七获得单元，用于基于各导航卡片的卡片名称获得各导航卡片的数据格式；

约束单元，将各导航卡片的卡片内容按照各导航卡片的数据格式约束为对应的数据对象；

展现子单元，用于按照各导航卡片的展现风格展现各导航卡片的卡片内容对应的数据对象。

优选的，所述客户端还包括：

第八获得单元，用于获得一模式切换请求；所述模式切换请求用于请求将所述网页的当前显示模式切换为目的显示模式；

第九获得单元，用于基于所述模式切换请求获得所述目的显示模式；

第十获得单元，用于基于所述目的显示模式获得各导航卡片在所述目的显示模式下的排列方式和各导航卡片在所述目的显示模式下的展示风格；

排列单元，用于所述客户端按照各导航卡片在所述目的显示模式下的排列方式排列各导航卡片；

所述展示单元，还用于按照各导航卡片在所述目的显示模式下的展示风格展示各导航卡片的卡片内容。

下面介绍用于网页展示的方法的交互图。

客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称；其中，所述网页由多个导航卡片构成，各导航卡片的卡片名称各不相同；

所述客户端基于各导航卡片的卡片名称获得各导航卡片的卡片内容；

所述客户端根据各导航卡片的卡片名称获得各导航卡片的展现风格；各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同；

所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容。

不同的导航卡片可以根据各自不同的展现风格进行展现，展现方式多变。另外，单个的导航卡片的展现不会影响其他导航卡片的展现。

下面参看图4，是具体的交互过程：

S1，所述客户端发送用于配置各导航卡片的卡片名称和各导航卡片的展现风格的配置请求给服务器。

S2，所述服务器基于所述配置请求获得所述索引文件，所述索引文件中包含各导航卡片的卡片名称。

具体来说，服务器可配置各导航卡片和索引文件，具体的配置方式本发明不再赘述。

S3，所述服务器将所述索引文件发送给所述客户端。

S4，客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称。

其中，所述网页由多个导航卡片构成，各导航卡片的卡片名称各不相同。

S5，所述客户端基于各导航卡片的卡片名称获得各导航卡片的卡片内容。

S6，所述客户端根据各导航卡片的卡片名称获得各导航卡片的展现风格。

各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同。进而根据各导航卡片的卡片名称可在索引文件中获得各导航卡片的展现风格。

S7，所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容。具体来讲，客户端先基于各导航卡片的卡片名称获取到各导航卡片的展现风格。然后将各导航卡片的卡片内容按照各导航卡片的展现风格进行展现。

具体的实施过程如下：

所述客户端基于各导航卡片的卡片名称获得各导航卡片的数据格式。

所述客户端将各导航卡片的卡片内容按照各导航卡片的数据格式约束为对应的数据对象。

所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容对应的数据对象。

例如，某张导航卡片需要展现时，客户端先解析该导航卡片的卡片内容并以对应的数据格式生成客户端可操作的数据对象。然后将此数据对象按卡片名称对应的展现风格进行展现。

由于这些组成网页的各导航卡片具有各自不同的展现风格，单个的导航卡片的展示并不会影响其他导航卡片的展现风格，客户端可以根据不同的卡片名称做不同的展现处理，能提高展现灵活性，且各导航卡片的展示互不影响，进而也不需要与其他导航卡片有过多的耦合，降低了导航卡片的展现成本。

当然，每个导航卡片不止具有单一的展现风格，每个导航卡片可对应多种展现风格。而触发导航卡片更改展现风格的触发机制，可以接收用户发出的用于切换网页展现风格的指令触发，也可以有客户端定时触发更改网页的展现风格。

若要更改各导航卡片的展现风格，则可直接更改各导航卡片的卡片名称来更换展现风格，卡片内容保持不变。进而本发明对于同样的卡片内容可调整不同的展现风格，实现低成本运营。

第一种是服务器在发送索引文件给客户端时，索引文件里面已携带有各导航卡片的新卡片名称。因此，在需要更换展示风格时，所述客户端基于所述索引文件获得所述各导航卡片的新卡片名称；所述客户端基于所述各导航卡片的新卡片名称获得各导航卡片的新展现风格；所述客户端按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

第二种是客户端再次向服务器发送获取请求，由服务器将各导航卡片的新卡片名称发给客户端，具体参看S8。

S8，所述客户端向所述服务器发送用于获取各导航卡片的新卡片名称的获取请求。

S9，所述服务器基于所述获取请求获得各导航卡片的新卡片名称。

S10，所述服务器发送各导航卡片的新卡片名称给所述客户端。

S11，所述客户端基于各导航卡片的新卡片名称获得各导航卡片的新展现风格。

S12，所述客户端按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

若网页从一种显示模式切换为另一种显示模式时，则参看下面的实施过程。

所述客户端获得一模式切换请求。所述模式切换请求用于请求将所述网页的当前显示模式切换为目的显示模式。当前显示模式和目的显示模式是两种不同的显示模式。

所述客户端基于所述模式切换请求获得所述目的显示模式。在不同的显示模式下，构成网页的各导航卡片都有各自的展示风格并且各导航卡片之间具有特定的排列方式。

所述客户端首先会基于所述目的显示模式获得各导航卡片的排列方式。另外，所述客户端基于所述目的显示模式获得各导航卡片在所述目的显示模式下的展示风格。

进而，所述客户端按照各导航卡片在所述目的显示模式下的排列方式排列各导航卡片。且所述客户端按照各导航卡片在所述目的显示模式下的展示风格展示各导航卡片的卡片内容。

在下面的实施例中，公开了一种用于网页展示的系统，包括：

客户端，用于从服务器返回的索引文件中提取出各导航卡片的卡片名称；其中，所述网页由多个导航卡片构成，各导航卡片的卡片名称各不相同；

所述客户端，用于基于各导航卡片的卡片名称获得各导航卡片的卡片内容；

所述客户端，用于根据各导航卡片的卡片名称获得各导航卡片的展现风格；各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同；

所述客户端，用于按照各导航卡片的展现风格展现各导航卡片的卡片内容。

作为一种可选的实施方式，所述客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称之前，所述方法还包括：

所述客户端，用于发送用于配置各导航卡片的卡片名称的配置请求给服务器；

所述服务器，用于基于所述配置请求获得所述索引文件，所述索引文件中包含各导航卡片的卡片名称；

所述服务器，用于将所述索引文件发送给所述客户端。

作为一种可选的实施方式，所述客户端，用于向所述服务器发送用于获取各导航卡片的新卡片名称的获取请求；

所述服务器，用于基于所述获取请求获得各导航卡片的新卡片名称；

所述服务器，用于发送各导航卡片的新卡片名称给所述客户端；

所述客户端，用于基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述客户端，用于按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

通过本发明的一个或者多个实施例，本发明具有以下有益效果或者优点：

本发明公开了一种用于网页展现的方法和系统，在网页需要展现时，客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称；所述客户端基于各导航卡片的卡片名称获得各导航卡片的卡片内容；所述客户端根据各导航卡片的卡片名称获得各导航卡片的展现风格；所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容。由于网页由多个导航卡片构成，各导航卡片的卡片名称各不相同，且各导航卡片的展现风格各不相同。因此不同的导航卡片可以根据各自不同的展现风格进行展现，展现方式多变。另外，单个的导航卡片的展现不会影响其他导航卡片的展现。

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

显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

本发明公开了,A1、一种用于网页展示的方法，其特征在于，所述方法包括：

客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称；其中，所述网页由多个导航卡片构成，各导航卡片的卡片名称各不相同；

所述客户端基于各导航卡片的卡片名称获得各导航卡片的卡片内容；

所述客户端根据各导航卡片的卡片名称获得各导航卡片的展现风格；各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同；

所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容。

A2、如权利要求A1所述的方法，其特征在于，所述客户端基于各导航卡片的卡片名称获得各导航卡片的卡片内容，包括：

所述客户端基于各导航卡片的卡片名称从所述索引文件中获得各导航卡片的卡片内容。

A3、如权利要求A1所述的方法，其特征在于，所述客户端基于各导航卡片的卡片名称获得各导航卡片的卡片内容，包括：

所述客户端向所述服务器发送用于请求各导航卡片的卡片内容的数据获取请求；

所述客户端接收所述服务器返回的各导航卡片的卡片内容。

A4、如权利要求A1所述的方法，其特征在于，所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容之后，所述方法还包括：

所述客户端基于所述索引文件获得各导航卡片的新卡片名称；

所述客户端基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述客户端按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

A5、如权利要求A1所述的方法，其特征在于，所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容之后，所述方法还包括：

所述客户端向所述服务器发送用于获取各导航卡片的新卡片名称的获取请求；

所述客户端获得所述服务器返回的各导航卡片的新卡片名称；

所述客户端基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述客户端按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

A6、如权利要求A1所述的方法，其特征在于，所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容，包括：

所述客户端基于各导航卡片的卡片名称获得各导航卡片的数据格式；

所述客户端将各导航卡片的卡片内容按照各导航卡片的数据格式约束为对应的数据对象；

所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容对应的数据对象。

A7、如权利要求A1所述的方法，其特征在于，所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容之后，所述方法还包括：

所述客户端获得一模式切换请求；所述模式切换请求用于请求将所述网页的当前显示模式切换为目的显示模式；

所述客户端基于所述模式切换请求获得所述目的显示模式；

所述客户端基于所述目的显示模式获得各导航卡片在所述目的显示模式下的排列方式和各导航卡片在所述目的显示模式下的展示风格；

所述客户端按照各导航卡片在所述目的显示模式下的排列方式排列各导航卡片；

所述客户端按照各导航卡片在所述目的显示模式下的展示风格展示各导航卡片的卡片内容。

B8、一种客户端，其特征在于，包括：

提取单元，用于从服务器返回的索引文件中提取出各导航卡片的卡片名称；其中，所述网页由多个导航卡片构成，各导航卡片的卡片名称各不相同；

第一获得单元，用于基于各导航卡片的卡片名称获得各导航卡片的卡片内容；

第二获得单元，用于根据各导航卡片的卡片名称获得各导航卡片的展现风格；各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同；

展现单元，用于按照各导航卡片的展现风格展现各导航卡片的卡片内容。

B9、如权利要求B8所述的客户端，其特征在于，所述第一获得单元，具体用于所述客户端基于各导航卡片的卡片名称从所述索引文件中获得各导航卡片的卡片内容。

B10、如权利要求B8所述的客户端，其特征在于，所述客户端还包括：

第一发送单元，用于向所述服务器发送用于请求各导航卡片的卡片内容的数据获取请求；

接收单元，用于接收所述服务器返回的各导航卡片的卡片内容。

B11、如权利要求B8所述的客户端，其特征在于，

第三获得单元，用于基于所述索引文件获得各导航卡片的新卡片名称；

第四获得单元，用于基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述展现单元，还用于按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

B12、如权利要求B8所述的客户端，其特征在于，所述客户端还包括：

第二发送单元，用于向所述服务器发送用于获取各导航卡片的新卡片名称的获取请求；

第五获得单元，用于获得所述服务器返回的各导航卡片的新卡片名称；

第六获得单元，用于基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述展现单元，还用于按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

B13、如权利要求B8所述的客户端，其特征在于，所述展现单元包括：

第七获得单元，用于基于各导航卡片的卡片名称获得各导航卡片的数据格式；

约束单元，将各导航卡片的卡片内容按照各导航卡片的数据格式约束为对应的数据对象；

展现子单元，用于按照各导航卡片的展现风格展现各导航卡片的卡片内容对应的数据对象。

B14、如权利要求B8所述的客户端，其特征在于，所述客户端还包括：

第八获得单元，用于获得一模式切换请求；所述模式切换请求用于请求将所述网页的当前显示模式切换为目的显示模式；

第九获得单元，用于基于所述模式切换请求获得所述目的显示模式；

第十获得单元，用于基于所述目的显示模式获得各导航卡片在所述目的显示模式下的排列方式和各导航卡片在所述目的显示模式下的展示风格；

排列单元，用于所述客户端按照各导航卡片在所述目的显示模式下的排列方式排列各导航卡片；

所述展示单元，还用于按照各导航卡片在所述目的显示模式下的展示风格展示各导航卡片的卡片内容。

C15、一种用于网页展示的方法，其特征在于，包括：

客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称；其中，所述网页由多个导航卡片构成，各导航卡片的卡片名称各不相同；

所述客户端基于各导航卡片的卡片名称获得各导航卡片的卡片内容；

所述客户端根据各导航卡片的卡片名称获得各导航卡片的展现风格；各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同；

所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容。

C16、如权利要求C15所述的方法，其特征在于，所述客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称之前，所述方法还包括：

所述客户端发送用于配置各导航卡片的卡片名称的配置请求给服务器；

所述服务器基于所述配置请求获得所述索引文件，所述索引文件中包含各导航卡片的卡片名称；

所述服务器将所述索引文件发送给所述客户端。

C17、如权利要求C15所述的方法，其特征在于，所述客户端按照各导航卡片的展现风格展现各导航卡片的卡片内容之后，所述方法还包括：

所述客户端向所述服务器发送用于获取各导航卡片的新卡片名称的获取请求；

所述服务器基于所述获取请求获得各导航卡片的新卡片名称；

所述服务器发送各导航卡片的新卡片名称给所述客户端；

所述客户端基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述客户端按照各导航卡片的新展现风格展现各导航卡片的卡片内容。

D18、一种用于网页展示的系统，其特征在于，包括：

客户端，用于从服务器返回的索引文件中提取出各导航卡片的卡片名称；其中，所述网页由多个导航卡片构成，各导航卡片的卡片名称各不相同；

所述客户端，用于基于各导航卡片的卡片名称获得各导航卡片的卡片内容；

所述客户端，用于根据各导航卡片的卡片名称获得各导航卡片的展现风格；各导航卡片的卡片名称和各导航卡片的展现风格一一对应，且各导航卡片的展现风格各不相同；

所述客户端，用于按照各导航卡片的展现风格展现各导航卡片的卡片内容。

D19、如权利要求D18所述的系统，其特征在于，所述客户端从服务器返回的索引文件中提取出各导航卡片的卡片名称之前，所述方法还包括：

所述客户端，用于发送用于配置各导航卡片的卡片名称的配置请求给服务器；

所述服务器，用于基于所述配置请求获得所述索引文件，所述索引文件中包含各导航卡片的卡片名称；

所述服务器，用于将所述索引文件发送给所述客户端。

D20、如权利要求D18所述的系统，其特征在于，

所述客户端，用于向所述服务器发送用于获取各导航卡片的新卡片名称的获取请求；

所述服务器，用于基于所述获取请求获得各导航卡片的新卡片名称；

所述服务器，用于发送各导航卡片的新卡片名称给所述客户端；

所述客户端，用于基于各导航卡片的新卡片名称获得各导航卡片的新展现风格；

所述客户端，用于按照各导航卡片的新展现风格展现各导航卡片的卡片内容。