[发明专利]界面展现装置和界面展现方法

说明书

技术领域

本发明涉及计算机技术领域，具体而言，涉及一种界面展现装置和一种界面展现方法。

背景技术

与PC机相比，移动终端设备使用触摸操作代替了鼠标操作，屏幕尺寸也不同，传统WEB界面在移动设备上难以获得良好的用户体验。现在一些新兴的互联网站重新设计了针对移动终端的网页，极大的提升了用户的操作体验。

但是该方法有一个不足，一切界面都要针对移动终端重新制作，对于有现有系统无法充分利用，开发成本巨大。

如图1所示，现有技术的WEB界面展现流程为：

步骤1：转发器102接收客户端请求；

步骤2：根据请求头判断客户端类型，获取对应的界面地址；

步骤3：重定向到目标设备界面，如果客户端为PC类型，则定向至PC界面104，如果客户端为屏幕分辨率1024×768的移动终端106，则定向至该移动终端106，如果客户端为屏幕分辨率800×480的移动终端108，则定向至该移动终端108。

上面的流程就是经典的WEB界面适配移动终端的流程，如前所述，这个流程的不足也是显而易见的，需要针对多设备进行重新设计界面，根据定向的不同设备，发送不同的界面。

因此，需要一种新的用于WEB界面展现的技术方案，能够将WEB针对不同类型的展现设备，以相适应的形式进行展现，同时不需要对WEB界面针对不同设备进行重新设计，节省开发成本。

发明内容

本发明所要解决的技术问题在于，提供一种新的用于WEB界面展现的技术方案，能够将WEB针对不同类型的展现设备，以相适应的形式进行展现，同时不需要对WEB界面针对不同设备进行重新设计，节省开发成本。

有鉴于此，本发明提供一种界面展现装置，包括：索引界面生成模块，生成索引界面，所述索引界面中包括片段图标区和片段内容区；区域显示控制模块，根据用户的指令，隐藏所述片段图标区并显示所述片段内容区，或隐藏所述片段内容区并显示所述片段图标区；片段界面控制模块，获取请求地址中片段的片段描述文件，根据所述片段描述文件为所述片段设置片段界面，并将所述片段界面显示在所述片段内容区内；片段图标控制模块，为所述片段设置图标，并将所述图标显示在所述片段图标区内。在该技术方案中，基于片段来进行界面显示，在索引界面上显示各个片段的图标，各个图标的位置可根据显示设备屏幕类型来灵活布置，在片段界面显示片段的具体内容，其也可以根据设备屏幕类型来灵活缩放大小，用户可以切换片段图标区和片段内容区，以查看不同片段的内容，这样一来，WEB界面的展现可以灵活适应不同类型的显示设备，不需重新设计，节省了开发成本。

在上述技术方案中，优选地，所述索引界面生成模块获取当前设备的设备信息，根据所述设备信息生成界面模板，并根据所述界面模板，生成所述索引界面。在该技术方案中，设备信息包括屏幕大小、分辨率等内容，按设备信息设置界面模板，可以保证最终生成的索引界面大小与设备相符合，尤其是图标能够按显示设备的屏幕大小、分辨率等来布置，片段内容也可以按显示设备来缩放。

在上述技术方案中，优选地，所述片段界面控制模块根据所述片段描述文件，生成所述片段的网页代码，并将所述网页代码输出至所述片段内容区，并显示为所述片段界面。在该技术方案中，为了保证能够正确显示片段的具体内容，所以需提取片段的网页代码（如HTML代码），通过该代码可以展现片段的具体内容。

在上述技术方案中，优选地，所述区域显示控制模块在所述用户对所述图标进行第一方式的操作时，隐藏所述片段图标区并显示所述片段内容区，在所述用户对所述索引界面上的特定位置进行第二方式的操作时，隐藏所述片段内容区并显示所述片段图标区。在该技术方案中，用户可以通过点击、长按等方式，查看某个片段的具体内容，也可以通过点击home键等操作，返回索引界面，重新选择片段，这些操作方式符合用户的操作习惯。

在上述技术方案中，优选地，还包括：设备识别控制模块，获取当前设备的设备信息，根据所述设备信息判断所述当前是否为移动终端，并在判断结果为是时，启动所述索引界面生成模块。在该技术方案中，由于PC屏幕较大，所以可以按传统方式直接展现WEB界面，而移动终端上则可以采用上述的提供片段图标区和片段内容区的展现方式，体现了区分PC和移动终端，选择适宜的界面展现方式的优点。