CN107741934A - 页面处理方法及页面处理系统 - Google Patents
页面处理方法及页面处理系统 Download PDFInfo
- Publication number
- CN107741934A CN107741934A CN201610702553.0A CN201610702553A CN107741934A CN 107741934 A CN107741934 A CN 107741934A CN 201610702553 A CN201610702553 A CN 201610702553A CN 107741934 A CN107741934 A CN 107741934A
- Authority
- CN
- China
- Prior art keywords
- page
- pseudo
- agreement
- content
- module
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供一种页面处理方法、及页面处理系统,所述页面处理方法包括:将编辑的内容信息生成页面元素;将伪协议对应的前缀和执行参数生成跳转信息,所述跳转信息用于在终端设备中执行所述执行参数所对应的跳转动作;遍历所述页面元素和所述跳转信息以生成展示内容;为所述展示内容生成页面地址;接收终端设备对所述页面地址的访问请求指令,并推送所述展示内容。本发明在网页服务器端通过伪协议生成跳转信息,并将跳转信息与页面元素组成网页的展示内容,终端设备通过获取网页的展示内容,监听其中的伪协议,获取并执行伪协议中执行参数所对应的跳转动作,实现了对页面展示内容进行任意组合和调用,不仅设计过程简单、开发周期短,且通用性强。
Description
技术领域
本发明属于移动互联网技术领域,尤其涉及一种页面处理方法及页面处理系统。
背景技术
随着移动互联网技术的不断发展,越来越多的企业依靠终端设备的各类应用程序进行企业、产品或其服务的推广。
其中,推广页面的上线,需要经历需求分析、用户界面(User Interface,UI)设计、代码编写、测试、发布等步骤,涉及产品运营、设计、开发、测试、运维等一系列人员。且,即使推出功能相同或相似的多个页面,也无法通用相同或相似的功能部分。
概而言之,目前的推广页面,不仅设计的过程繁琐、开发周期长、且通用性能不佳。
发明内容
有鉴于此,本发明的目的在于提供一种页面处理方法及页面处理系统,可以解决现有技术中页面的设计过程过于繁琐,所导致的开发周期长、通用性差等技术问题。
为解决上述技术问题,本发明实施例提供了一种页面处理方法,包括:
接收编辑的内容信息,以生成页面元素;
根据预设的伪协议的格式,接收所述伪协议对应的前缀和执行参数,以生成跳转信息,所述跳转信息用于在终端设备中执行所述执行参数所对应的跳转动作;
对所述页面元素和所述跳转信息进行遍历,以生成展示内容;
为所述展示内容生成页面地址;以及
接收终端设备对所述页面地址的访问请求指令,并推送所述展示内容。
为解决上述技术问题,本发明实施例提供了一种页面处理方法,包括:
发送页面地址的访问请求指令,以获取网页页面及其所展示内容;
监听所述网页页面中是否存在跳转元素,所述跳转元素为伪协议的调用指令;
当存在跳转元素且所述跳转元素被触发时,获取所述跳转元素所对应的伪协议;
获取所述伪协议的执行参数;以及
根据所述执行参数执行对应的跳转动作。
为解决上述技术问题,本发明实施例提供了一种页面处理系统,包括:
元素模块,用于接收编辑的内容信息,以生成页面元素;
跳转模块,用于根据预设的伪协议的格式,接收所述伪协议对应的前缀和执行参数,以生成跳转信息,所述跳转信息用于在终端设备中执行所述执行参数所对应的跳转动作;
遍历模块,用于对所述页面元素和所述跳转信息进行遍历,以生成展示内容;
地址模块,用于为所述展示内容生成页面地址;以及
内容推送模块,用于接收终端设备对所述页面地址的访问请求指令,并推送所述展示内容。
为解决上述技术问题,本发明实施例提供了一种页面处理系统,包括:
请求模块,用于发送页面地址的访问请求指令,以获取网页页面及其所展示内容;
监听模块,用于监听所述网页页面中是否存在跳转元素,所述跳转元素为伪协议的调用指令;
触发模块,用于当存在跳转元素且所述跳转元素被触发时,获取所述跳转元素所对应的伪协议;
获取模块,用于获取所述伪协议的执行参数;以及
执行模块,用于根据所述执行参数执行对应的跳转动作。
为解决上述技术问题,本发明实施例提供了一种页面处理系统,包括:
网页服务器接收所述页面元素和所述跳转信息,以生成展示内容,所述展示内容包括:页面元素和跳转元素;
网页服务器为所述展示内容生成页面地址;
终端设备触发所述页面地址以生成访问请求指令,并发送至网页服务器;
网页服务器根据所述访问请求指令,推送对应的网页页面及展示内容;
终端设备接收所述网页页面,并监听所述展示内容中是否存在伪协议请求,所述伪协议请求通过跳转元素进行触发;
终端设备当存在跳转元素且所述跳转元素被触发时,获取所对应的伪协议;以及
终端设备获取所述伪协议中的执行参数,并执行所述执行参数对应的跳转动作。
相对于现有技术,本发明的页面处理方法及页面处理系统,在网页服务器端通过伪协议生成跳转信息,并将跳转信息与页面元素组成网页的展示内容,终端设备通过获取网页的展示内容,监听其中的伪协议,获取并执行伪协议中执行参数所对应的跳转动作,实现了对页面展示内容元素进行任意组合和调用,不仅设计过程简单、开发周期短,且通用性强。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的页面处理方法及页面处理系统的应用环境示意图;
图2是本发明实施例提供的页面处理方法的流程示意图;
图3是本发明实施例提供的页面处理方法的流程示意图;
图4是本发明实施例提供的页面处理系统的模块示意图;
图5是本发明实施例提供的页面处理系统的模块示意图;
图6是本发明实施例提供的终端设备的模块示意图;
图7是本发明实施例提供的网页服务器的模块示意图;
图8是本发明实施例提供的终端设备与网页服务器的交互过程的时序示意图。
具体实施方式
请参照附图中的图式,其中相同的组件符号代表相同的组件,本发明的原理是以实施在一适当的运算环境中来举例说明。以下的说明是基于所示例的本发明的具体实施例,其不应被视为限制本发明未在此详述的其它具体实施例。
本发明原理以上述文字来说明,其并不代表为一种限制,本领域技术人员将可了解到以下所述的多种步骤及操作亦可实施在硬件当中。本发明的原理使用许多其它泛用性或特定目的运算、通信环境或组态来进行操作。
请参阅图1,为本发明中提供的页面处理方法及页面处理系统的应用环境示意图。所述应用环境,包括网页服务器10、终端设备20、以及通信网络30。
可以理解的是:所述网页服务器10,可以运行本发明提供的页面处理系统、和/或执行页面处理方法,用于提供页面元素。
其中,网页服务器10包括:内容管理系统11和网页管理系统12,内容管理系统11用于提供给内容服务商,以采集页面的基本信息,所述基本信息包括:内容信息和跳转信息。网页管理系统12用于从内容管理系统11中读取页面的基本信息,并根据所述基本信息进行遍历以生成展示内容和其对应的页面地址,以及接收终端设备对所述页面地址的访问请求指令,并推送所述展示内容。
所述终端设备20,可以运行本发明提供的页面处理系统、和/或执行页面处理方法,用于获取网页页面及其所展示内容;当存在跳转元素且所述跳转元素被触发时,获取所述跳转元素所对应的伪协议;获取所述伪协议的执行参数,并执行所述执行参数执行对应的跳转动作。可以理解的是,所述终端设备20,常见如智能手机21、触控电脑22、或台式电脑23等。
通信网络30,包括无线网络及有线网络。其中无线网络包括无线广域网、无线局域网、无线城域网、以及无线个人网中的一种或多种的组合。
请参阅图2,所示为页面处理方法的流程示意图。所述页面处理方法,通常执行于网页服务器中。
具体而言,所述页面处理方法,包括:
在步骤S201中,创建内容管理系统(Content Management System,CMS)。
具体而言,本步骤包括:
(1)设计各类页面模板,所述页面模板中包括内容组件模块和跳转组件,用于分别接收内容信息和跳转信息;
其中,内容信息是指对文字、图片、和表格等可视内容,跳转信息是指包含页面跳转所指向的目标路径或执行参数的信息。
(2)设计各内容组件和跳转组件之间的展示规则。
为便于理解示例如下,比如,顺序为:第一文字、第二图片、第三文字、第四文字、第五跳转信息,其中,若第三文字所对应的内容组件未被编辑,则第三文字不可视,第四文字的显示位置提前。
在本步骤中,通过内容管理系统,提供各类页面模板,所述页面模板中包括各类组件及其间的展示规则,可以通过统一管理和设计,以避免针对每一具体应用或每一具体应用页面的进行规则设计,界面友好、易操作、可加快测试和上线的速度。
在步骤S202中,获取页面模板。
其中,可以根据应用程序的类型或属性(比如:美食推荐类应用程序、旅行推类应用程序等),选择对应的页面模块。所述页面模板中包括内容组件模块和跳转组件。
在步骤S203中,接收编辑的内容信息,以生成页面元素。
具体而言,在所述页面模板的内容组件中,接收对文字、图片、和表格的编辑,以作为内容信息。以美食推荐类应用程序为例,其页面元素包括但不限于对餐厅的文字介绍、招牌菜展示、或对访客统计、和/或对菜品进行评价等。
在步骤S204中,根据预设的伪协议的格式,接收所述伪协议对应的前缀和执行参数,以生成跳转信息。
可以理解的是,在所述页面模板的跳转组件中接收所述伪协议对应的前缀和执行参数,以生成跳转信息。所述跳转信息用于在终端设备中执行所述执行参数所对应的跳转动作。
其中,伪协议的格式,至少包括:前缀和执行参数两部分。其中,前缀用于指定在终端时的应用程序,执行参数用于指定跳转动作。
示例如下,伪协议以ipick://为前缀,将传递的参数以JSON(JavaScript ObjectNotation,一种轻量级的数据交换格式)字符串的格式附加在ipick://后面。如跳转到iPick APP中某餐馆,则其伪协议定义如下:
ipick://{"actiontype":"restaurantdetail","actionparam":{"restaurantid":"12345"}}其中,ipick为应用程序所对应的前缀,actiontype和actionparam为动作类型和动作参数,是对执行参数的举例,可以理解的是,所述执行参数的包括但不限于此。
在本实施例中,将所述跳转信息和所述页面元素保存至CMS的系统数据库。其中系统数据库,一般采用Mongo数据库,以存储各页面的基本信息。其中,Mongo数据库主要解决的是海量数据的访问效率,且支持数据索引和海量查询。
在步骤S205中,为所述跳转信息匹配对应的页面元素以生成跳转元素,并为所述跳转元素生成伪协议地址。
可以理解的是,所述跳转元素是将跳转信息以图片、文字、或虚拟按键的方式进行展示,即为跳转信息匹配对应的页面元素。点击所述跳转元素后,页面产生伪协议请求。应用程序监听到所述伪协议请求后,获取所述伪协议中的跳转参数,并执行所述跳转参数所对应的跳转动作。
在步骤S206中,对所述页面元素和所述跳转元素进行遍历,以生成展示内容。
具体而言,本步骤包括:
在步骤S2061中,对所述页面元素所对应的内容组件和所述跳转信息/跳转元素所对应的跳转组件进行遍历,用以确认页面模板中的各内容组件模块和各跳转组件是否被选择;比如:页面模板A中共包括3个内容组件和2个跳转组件,经遍历确认其中2个内容组件和1个跳转组件被输入了内容,即不为空。
在步骤S2062中,依照所述页面模板中所提供的展示规则,对所述内容组件和所述跳转组件进行组合布局;其展示规则用于规定默认的上下左右关系,以及占据相同位置时的优先顺序,并开放接口接受用户的调整。
在步骤S2063中,根据组合布局结果生成展示内容。
在本实施例中,将所述展示内容作为H5页面的加载信息,保存到网页数据库。其中,所述网页数据库,一般采用Redis数据库,以存储页面的基本信息和页面之间的关联。其中,Redis数据库支持各类数据的并集和交集操作,且处理速度快。
在上述内容管理系统中,根据客户的需求,比如产品或服务的展示、调查问卷、或网页跳转等功能,做成一个个独立的模板,像搭积木一样,组合并配置成页面的展示内容。
在步骤S207中,为所述展示内容生成页面地址。
其中,所述页面地址,即,统一资源定位符(Uniform Resoure Locator,URL),所述页面地址内嵌于应用程序后,通常会包括应用程序的ID,以应用程序为Ipick为例,则其页面地址可示例为:http://www.ipick.com/activity/0001。
在步骤S208中,接收终端设备对所述页面地址的访问请求指令,并推送所述展示内容。
在步骤S209中,接收对所述展示内容中跳转元素的触发,并根据所述触发元素,将所述伪协议地址推送给所述终端设备。
本发明的页面处理方法,执行于网络服务器中,在网页服务器端通过伪协议生成跳转信息,并将跳转信息与页面元素组成网页的展示内容,以供终端设备进行获取,并执行其中的跳转,实现了对页面展示内容元素进行任意组合和调用,不仅设计过程简单、开发周期短,且通用性强。
请参阅图3,所示为页面处理方法的流程示意图。所述页面处理方法,通常执行于终端设备中,所述终端设备,如手机、平板电脑等,此处不一一枚举。
具体而言,所述页面处理方法,包括:
在步骤S301中,将页面地址内嵌于应用程序中,以便从所述应用程序中进行触发。
其中,所述页面地址,即页面的统一资源定位符(Uniform Resoure Locator,URL)。所述页面地址内嵌于应用程序后,通常会包括应用程序的ID,以应用程序为Ipick为例,则其页面地址可示例为:http://www.ipick.com/activity/0001。
在步骤S302中,根据对所述应用程序中所述页面地址的触发,生成页面地址的访问请求指令。
在步骤S303中,发送页面地址的访问请求指令至网页服务器,以获取网页页面及其所展示内容。
在步骤S304中,监听所述网页页面中是否存在伪协议请求,其中所述伪协议请求通过跳转元素进行触发。
可以理解的是,所述跳转元素可以通过图片、文字、或虚拟按键的方式进行展示,其中包括伪协议的跳转信息,在所述跳转元素被触发后,网页产生伪协议请求,并发送至应用程序。
在步骤S305中,当存在跳转元素且所述跳转元素被触发时,应用程序获取所述跳转元素所对应的伪协议。
具体而言,本步骤包括:
在步骤S3051中,在当前页面创建内联框架元素iframe;
其中,所述内联框架元素,即HTML中的<iframe>标签来表示一个嵌套的可供浏览的上下文(Browsing Context),其实质是在一个页面中内嵌另一个HTML页面。
在步骤S3052中,所述iframe的源(Scr)属性设置成伪协议,用于指定其目标路径,即所述伪协议地址。
在步骤S306中,通过预设的伪协议的格式,来判断所述跳转元素所对应的伪协议是否有效。
具体而言,本步骤包括:
在步骤S3061中,获取预设的伪协议的格式,包括:前缀和执行参数;
其中,前缀用于指定在终端时的应用程序,执行参数用于指定跳转动作。
其中示例如下,伪协议以ipick://为前缀,将传递的参数以JSON字符串的格式附加在ipick://后面。如跳转到iPick APP中某餐馆,则其伪协议定义如下:ipick://{"actiontype":"restaurantdetail","actionparam":{"restaurantid":"12345"}}其中,ipick为应用程序所对应的前缀,actiontype和actionparam为动作类型和动作参数,是对执行参数的举例,可以理解的是,所述执行参数的包括但不限于此。
在步骤S3062中,判断所述跳转元素所对应的伪协议中的前缀是否对应当前的应用程序。
其中,若前缀正确,则执行步骤S3063,若前缀不正确,则忽略。
在步骤S3063中,判断所述执行参数是否可以匹配到对应的执行动作。
其中,若参数正确,则执行步骤S3064,若参数不正确,则忽略或提示。
在步骤S3064中,判断结果为伪协议是否有效。
在步骤S307中,当伪协议有效时,获取所述伪协议的执行参数。
在步骤S308中,根据所述执行参数执行对应的跳转动作。
本发明的页面处理方法,执行于终端设备,通过从网页服务器中获取网页的展示内容,监听其中包含跳转信息的伪协议,获取并执行伪协议中执行参数所对应的跳转动作,进而支持网页服务器在网页设计时,实现了对页面展示内容进行任意组合和调用,不仅设计过程简单、开发周期短,且通用性强。
请参阅图4,所示为页面处理系统的流程示意图。所述页面处理系统,通常执行于网页服务器中。
所述页面处理系统400,包括:模板模块41、元素模块42、跳转模块43、系统数据库44、匹配模块45、遍历模块46、网页数据库47、地址模块48、内容推送模块49、触动模块491、以及伪协议推送模块492。
模板模块41,用于获取页面模板。
在本实施例中,所述页面模板41中包括:
内容组件411,用于接收内容信息。所述内容信息是指对文字、图片、和表格等可视内容。
跳转组件412,用于接收跳转信息。所述跳转信息是指包含页面跳转所指向的目标路径或执行参数的信息。
规则子模块413,用于设计各内容组件和跳转组件之间的展示规则。
为便于理解示例如下,比如,顺序为:第一文字、第二图片、第三文字、第四文字、第五跳转信息,其中,若第三文字所对应的内容组件未被编辑,则第三文字不可视,第四文字的显示位置提前。
元素模块42,连接于模板模块41,用于接收编辑的内容信息,以生成页面元素。
可以理解的是,元素模块42通过所述内容组件411中接收对文字、图片、和表格的编辑以作为内容信息,以作为内容信息。以美食推荐类页面为例,其页面元素,如对餐厅的文字介绍、招牌菜展示、或对访客统计、对菜品进行评价等。
跳转模块43,连接于模板模块41,用于根据预设的伪协议的格式,接收所述伪协议对应的前缀和执行参数,以生成跳转信息。
可以理解的是,跳转模块43通过所述跳转组件412中接收所述伪协议对应的前缀和执行参数,以生成跳转信息,所述跳转信息用于在终端设备中执行所述执行参数所对应的跳转动作。
其中,伪协议的格式,至少包括:前缀和执行参数两部分。其中,前缀用于指定在终端时的应用程序,执行参数用于指定跳转动作。
示例如下,伪协议以ipick://为前缀,将传递的参数以JSON(JavaScript ObjectNotation,一种轻量级的数据交换格式)字符串的格式附加在ipick://后面。
如跳转到iPick APP中某餐馆,则其伪协议定义如下:ipick://{"actiontype":"restaurantdetail","actionparam":{"restaurantid":"12345"}}其中,ipick为应用程序所对应的前缀,actiontype和actionparam为动作类型和动作参数,是对执行参数的举例,可以理解的是,所述执行参数的包括但不限于此。
系统数据库44,连接于元素模块42和跳转模块43,用于存储所述跳转信息和所述页面元素。
其中,CMS的系统数据库44,一般采用Mongo数据库,以存储各页面的基本信息。其中,Mongo数据库主要解决的是海量数据的访问效率,且支持数据索引和海量查询。
匹配模块45,连接于元素模块42和跳转模块43,或连接于系统数据库44,用于为所述跳转信息匹配对应的页面元素以生成跳转元素,并为所述跳转元素生成伪协议地址。
比如,将跳转信息以图片、文字、或虚拟按键的方式进行展示,即为跳转信息匹配对应的页面元素以生成跳转元素,点击所述跳转元素后,页面产生伪协议请求,应用程序监听到所述伪协议请求后,获取所述伪协议中的跳转参数,并执行所述跳转参数所对应的跳转动作。
遍历模块46,连接于匹配模块45,用于对所述页面元素和所述跳转信息进行遍历,以生成展示内容。
具体而言,所述遍历模块46包括:
组件子模块461,用于对所述页面元素所对应的内容组件和所述跳转信息所对应的跳转组件进行遍历;
布局子模块462,用于依照所述页面模板中所提供的展示规则,对所述内容组件和所述跳转组件进行组合布局;以及
展示子模块463,用于根据组合布局结果生成展示内容。
网页数据库47,连接于遍历模块46,用于保存所述展示内容作为H5页面的加载信息。其中,所述网页数据库,一般采用Redis数据库,以存储页面的基本信息和页面之间的关联。其中,Redis数据库支持各类数据的并集和交集操作,且处理速度快。
在上述内容管理系统11中,根据客户的需求,比如产品或服务的展示、调查问卷、或网页跳转等功能,做成一个个独立的模板,像搭积木一样,组合并配置成页面的展示内容。
地址模块48,连接于网页数据库47,用于为所述展示内容生成页面地址。
其中,所述页面地址,即,统一资源定位符(Uniform Resoure Locator,URL),在本步骤中,可示例为:http://www.ipick.com/activity/0001。
内容推送模块49,连接于网页数据库47,用于接收终端设备对所述页面地址的访问请求指令,并推送所述展示内容。
触动模块491,用于接收对所述展示内容中跳转元素的触发;以及
伪协议推送模块492,连接于内容推送模块49和触动模块491,用于根据所述触发元素,将所述伪协议地址推送给所述终端设备。
从功能划分,所述网页服务器400,包括:内容管理系统(Content ManagementSystem,CMS)11和网页管理系统12。
内容管理系统11包括:模板模块41、元素模块42、跳转模块43、和系统数据库44,用于提供给内容服务商,并在内容服务商端采集页面的基本信息,所述基本信息包括:内容信息和跳转信息。
网页管理系统12包括:匹配模块45、遍历模块46、网页数据库47、地址模块48、内容推送模块49、触动模块491、以及伪协议推送模块492,用于从内容管理系统11中读取页面的基本信息,并根据所述基本信息进行遍历以生成展示内容和其对应的页面地址,以及接收终端设备对所述页面地址的访问请求指令,并推送所述展示内容。
本发明的页面处理系统,执行于网络服务器中,在网页服务器端通过伪协议生成跳转信息,并将跳转信息与页面元素组成网页的展示内容,以供终端设备进行获取,并执行其中的跳转,实现了对页面展示内容元素进行任意组合和调用,不仅设计过程简单、开发周期短,且通用性强。
请参阅图5,所示为页面处理系统的流程示意图。所述页面处理系统,通常执行于终端设备中,所述终端设备,如手机、平板电脑等,此处不一一枚举。
具体而言,所述页面处理系统500,包括:请求模块51、监听模块52、触发模块53、格式模块54、获取模块55、以及执行模块56。
请求模块51,用于发送页面地址的访问请求指令,以获取网页页面及其所展示内容。
其中,所述请求模块51,包括:
内嵌子模块511,用于将所述页面地址内嵌于应用程序中,以便从所述应用程序中进行触发;
指令子模块512,用于根据对所述应用程序中所述页面地址的触发,生成页面地址的访问请求指令。
其中,所述页面地址,即页面的统一资源定位符(Uniform Resoure Locator,URL)。在本实施例中,可示例为:http://www.ipick.com/activity/0001。
监听模块52,连接于请求模块51,用于监听所述网页页面中是否存在伪协议请求,所述伪协议请求通过跳转元素进行触发
其中,所述跳转元素可以通过图片、文字、或虚拟按键的方式进行展示,其中包括伪协议的跳转信息,在所述跳转元素被触发后,网页产生伪协议请求,并发送至应用程序。
触发模块53,连接于监听模块52,用于当存在跳转元素且所述跳转元素被触发时,获取所述跳转元素所对应的伪协议。
具体而言,所述触发模块53,包括:
嵌套子模块531,用于在当前页面创建内联框架元素iframe;
其中,所述内联框架元素,即HTML中的<iframe>标签来表示一个嵌套的可供浏览的上下文(Browsing Context),其实质是在一个页面中内嵌另一个HTML页面。
属性子模块532,用于将所述iframe的源(Scr)属性设置成伪协议,用于指定其目标路径,即所述伪协议地址。
格式模块54,用于通过预设的伪协议的格式,来判断所述跳转元素所对应的伪协议是否有效。
格式获取子模块541,用于获取预设的伪协议的格式,包括:前缀和执行参数;
其中,前缀用于指定在终端时的应用程序,执行参数用于指定跳转动作。
其中示例如下,伪协议以ipick://为前缀,将传递的参数以JSON字符串的格式附加在ipick://后面。如跳转到iPick APP中某餐馆,则其伪协议定义如下:ipick://{"actiontype":"restaurantdetail","actionparam":{"restaurantid":"12345"}}其中,ipick为应用程序所对应的前缀,actiontype和actionparam为动作类型和动作参数,是对执行参数的举例,可以理解的是,所述执行参数的包括但不限于此。
前缀判断子模块542,用于判断所述跳转元素所对应的伪协议中的前缀是否对应当前的应用程序;
参数判断子模块543,用于当前缀正确时判断所述执行参数是否可以匹配到对应的执行动作。
结果输出子模块544,用于当前缀正确且执行参数可匹配到对应执行动作时,判定伪协议有效;当二者之一不符时,对所述伪协议进行忽略或提示。
获取模块55,连接于格式模块54,用于当有效时,获取所述伪协议的执行参数。
执行模块56,连接于获取模块55,用于根据所述执行参数执行对应的跳转动作。
本发明的页面处理系统,执行于终端设备,通过从网页服务器中获取网页的展示内容,监听其中包含跳转信息的伪协议,获取并执行伪协议中执行参数所对应的跳转动作,进而支持网页服务器在网页设计时,实现了对页面展示内容进行任意组合和调用,不仅设计过程简单、开发周期短,且通用性强。
本发明实施例还提供一种网页服务器,其中可以集成本发明实施例的页面处理方法和/或页面处理系统。如图6所示,其示出了本发明实施例所涉及的网页服务器的结构示意图,具体来讲:
所述网页服务器可以包括一个或者一个以上处理核心的处理器601、一个或一个以上计算机可读存储介质的存储器602、射频(Radio Frequency,RF)电路603、WiFi模块604、电源605、输入单元606、以及显示单元606等部件。本领域技术人员可以理解,图6中示出的服务器结构并不构成对服务器的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
具体在本实施例中,所述网页服务器中的处理器601会按照如下的指令,将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器602中,并由处理器601来运行存储在存储器602中的应用程序,从而实现如上述应用于网页服务器中的各种功能。
本发明实施例还提供一种终端设备,其中可以集成本发明实施例的页面处理方法和/或页面处理系统。如图7所示,其示出了本发明实施例所涉及的终端设备的结构示意图,具体来讲:
所述终端设备可以包括射频(RF,Radio Frequency)电路701、包括有一个或一个以上计算机可读存储介质的存储器702、输入单元703、显示单元704、传感器705、音频电路706、无线保真(WiFi,Wireless Fidelity)模块707、包括有一个或者一个以上处理核心的处理器708、以及电源709等部件。本领域技术人员可以理解,图7中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
具体在本实施例中,终端设备中的处理器708会按照如下的指令,将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器702中,并由处理器708来运行存储在存储器702中的应用程序,从而实现如上述应用于终端设备中的各种功能。
如图8所示,为本发明实施例提供的终端设备与网页服务器的交互过程的时序示意图。
在步骤A中,网页服务器通过CMS接收所述页面元素和所述跳转信息,以生成展示内容,其中所述展示内容包括:页面元素和跳转元素。
在步骤B中,网页服务器为所述展示内容生成页面地址;
在步骤C中,终端设备将所述页面内置于应用程序中;
在步骤D中,终端设备通过对所述页面地址的触发,发送页面地址的访问请求指令;
在步骤E中,网页服务器根据所述访问请求指令推送网页页面及其所展示内容;
在步骤F中,终端设备监听所述展示内容中是否存在伪协议请求,所述伪协议请求通过跳转元素进行触发;
在步骤G中,终端设备当存在跳转元素且所述跳转元素被触发时,即存在伪协议请求,则获取所述跳转元素所对应的伪协议;以及
在步骤H中,终端设备获取所述伪协议中的执行参数,并执行所述执行参数对应的跳转动作。
可以理解的是,上述步骤的细节,详见上述实施例中对网页服务器和终端设备的描述。
本发明的页面处理方法及页面处理系统,在网页服务器端通过伪协议生成跳转信息,并将跳转信息与页面元素组成网页的展示内容,终端设备通过获取网页的展示内容,监听其中的伪协议,获取并执行伪协议中执行参数所对应的跳转动作,实现了对页面展示内容元素进行任意组合和调用,不仅设计过程简单、开发周期短,且通用性强。
本发明实施例提供的页面处理方法及页面处理系统属于同一构思,其具体实现过程详见说明书全文,此处不再赘述。
综上所述,虽然本发明已以优选实施例揭露如上,但上述优选实施例并非用以限制本发明,本领域的普通技术人员,在不脱离本发明的精神和范围内,均可作各种更动与润饰,因此本发明的保护范围以权利要求界定的范围为准。
Claims (16)
1.一种页面处理方法,应用于网页服务器,其特征在于,包括:
接收编辑的内容信息,以生成页面元素;
根据预设的伪协议的格式,接收所述伪协议对应的前缀和执行参数,以生成跳转信息,所述跳转信息用于在终端设备中执行所述执行参数所对应的跳转动作;
对所述页面元素和所述跳转信息进行遍历,以生成展示内容;
为所述展示内容生成页面地址;以及
接收终端设备对所述页面地址的访问请求指令,并推送所述展示内容。
2.如权利要求1所述的页面处理方法,其特征在于,接收编辑的内容信息,以生成页面元素,之前还包括:
获取页面模板,所述页面模板中包括内容组件模块和跳转组件,用于分别接收内容信息和跳转信息;
所述接收编辑的内容信息,具体包括:在所述内容组件中接收对文字、图片、和表格的编辑,以作为内容信息;
所述接收所述伪协议对应的前缀和执行参数,具体包括:在所述跳转组件中接收符合预设伪协议的前缀和执行参数。
3.如权利要求2所述的页面处理方法,其特征在于,对所述页面元素和所述跳转信息进行遍历,以生成展示内容,具体包括:
对所述页面元素所对应的内容组件和所述跳转信息所对应的跳转组件进行遍历;
依照所述页面模板中所提供的展示规则,对所述内容组件和所述跳转组件进行组合布局;以及
根据组合布局结果生成展示内容。
4.如权利要求1所述的页面处理方法,其特征在于,接收所述伪协议对应的前缀和执行参数,以生成跳转信息,之后还包括:
为所述跳转信息匹配对应的页面元素以生成跳转元素,并为所述跳转元素生成伪协议地址。
5.如权利要求4所述的页面处理方法,其特征在于,接收终端设备的页面访问请求指令,以推送对应的展示内容,之后还包括:
接收对所述展示内容中跳转元素的触发;以及
根据所述触发元素,将所述伪协议地址推送给所述终端设备。
6.一种页面处理方法,应用于终端设备,其特征在于,包括:
发送页面地址的访问请求指令,以获取网页页面及其所展示内容;
监听所述网页页面中是否存在伪协议请求,所述伪协议请求通过跳转元素进行触发;
当存在跳转元素且所述跳转元素被触发时,获取所述跳转元素所对应的伪协议;
获取所述伪协议的执行参数;以及
根据所述执行参数执行对应的跳转动作。
7.如权利要求6所述的页面处理方法,其特征在于,发送页面地址的访问请求指令,之前还包括:
将所述页面地址内嵌于应用程序中,以便从所述应用程序中进行触发;以及
根据对所述应用程序中所述页面地址的触发,生成页面地址的访问请求指令。
8.如权利要求6所述的页面处理方法,其特征在于,获取所述伪协议的执行参数,之前还包括:
通过预设的伪协议的格式,来判断所述跳转元素所对应的伪协议是否有效;以及
当有效时,执行步骤获取所述伪协议的执行参数。
9.一种页面处理系统,应用于网页服务器,其特征在于,包括:
元素模块,用于接收编辑的内容信息,以生成页面元素;
跳转模块,用于根据预设的伪协议的格式,接收所述伪协议对应的前缀和执行参数,以生成跳转信息,所述跳转信息用于在终端设备中执行所述执行参数所对应的跳转动作;
遍历模块,用于对所述页面元素和所述跳转信息进行遍历,以生成展示内容;
地址模块,用于为所述展示内容生成页面地址;以及
内容推送模块,用于接收终端设备对所述页面地址的访问请求指令,并推送所述展示内容。
10.如权利要求9所述的页面处理系统,其特征在于,还包括:
模板模块,用于获取页面模板,所述页面模板中包括内容组件模块和跳转组件,用于分别接收内容信息和跳转信息;
所述元素模块,连接于所述模板模块,用于在所述内容组件中接收对文字、图片、和表格的编辑以作为内容信息,并在所述跳转组件中接收符合预设伪协议的前缀和执行参数。
11.如权利要求10所述的页面处理系统,其特征在于,所述遍历模块包括:
组件子模块,用于对所述页面元素所对应的内容组件和所述跳转信息所对应的跳转组件进行遍历;
布局子模块,用于依照所述页面模板中所提供的展示规则,对所述内容组件和所述跳转组件进行组合布局;以及
展示子模块,用于根据组合布局结果生成展示内容。
12.如权利要求9所述的页面处理系统,其特征在于,还包括:
匹配模块,连接于所述元素模块和所述跳转模块,用于为所述跳转信息匹配对应的页面元素以生成跳转元素,并为所述跳转元素生成伪协议地址。
13.如权利要求12所述的页面处理系统,其特征在于,还包括:
触动模块,用于接收对所述展示内容中跳转元素的触发;以及
伪协议推送模块,用于根据所述触发元素,将所述伪协议地址推送给所述终端设备。
14.一种页面处理系统,应用于终端设备,其特征在于,包括:
请求模块,用于发送页面地址的访问请求指令,以获取网页页面及其所展示内容;
监听模块,用于监听所述网页页面中是否存在伪协议请求,所述伪协议请求通过跳转元素进行触发;
触发模块,用于当存在跳转元素且所述跳转元素被触发时,获取所述跳转元素所对应的伪协议;
获取模块,用于获取所述伪协议的执行参数;以及
执行模块,用于根据所述执行参数执行对应的跳转动作。
15.如权利要求14所述的页面处理系统,其特征在于,还包括:
格式模块,用于通过预设的伪协议的格式,来判断所述跳转元素所对应的伪协议是否有效;
所述获取模块,还用于当有效时,获取所述伪协议的执行参数。
16.一种页面处理系统,其特征在于,包括:
网页服务器接收所述页面元素和所述跳转信息,以生成展示内容,所述展示内容包括:页面元素和跳转元素;
网页服务器为所述展示内容生成页面地址;
终端设备触发所述页面地址以生成访问请求指令,并发送至网页服务器;
网页服务器根据所述访问请求指令,推送对应的网页页面及展示内容;
终端设备接收所述网页页面,并监听所述展示内容中是否存在伪协议请求,所述伪协议请求通过跳转元素进行触发;
终端设备当存在跳转元素且所述跳转元素被触发时,获取所对应的伪协议;以及
终端设备获取所述伪协议中的执行参数,并执行所述执行参数对应的跳转动作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610702553.0A CN107741934A (zh) | 2016-08-22 | 2016-08-22 | 页面处理方法及页面处理系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610702553.0A CN107741934A (zh) | 2016-08-22 | 2016-08-22 | 页面处理方法及页面处理系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107741934A true CN107741934A (zh) | 2018-02-27 |
Family
ID=61235005
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610702553.0A Pending CN107741934A (zh) | 2016-08-22 | 2016-08-22 | 页面处理方法及页面处理系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107741934A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109492181A (zh) * | 2018-10-19 | 2019-03-19 | 中国平安财产保险股份有限公司 | 页面跳转方法、装置、计算机设备和存储介质 |
CN109783742A (zh) * | 2018-12-14 | 2019-05-21 | 平安科技(深圳)有限公司 | 用于开发辅助的页面跳转方法、装置和计算机设备 |
CN110442406A (zh) * | 2018-05-02 | 2019-11-12 | 天津京东深拓机器人科技有限公司 | 分页控件处理数据的方法及分页控件、电子设备 |
CN110716786A (zh) * | 2019-10-16 | 2020-01-21 | 腾讯科技(深圳)有限公司 | 一种页面展示方法、系统及存储介质 |
CN111382382A (zh) * | 2018-12-28 | 2020-07-07 | 深圳市优必选科技有限公司 | 数据的展示方法、装置、计算机设备和存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102043861A (zh) * | 2010-12-29 | 2011-05-04 | 重庆新媒农信科技有限公司 | 基于移动终端的网页数据结构化显示方法 |
CN102523288A (zh) * | 2011-12-16 | 2012-06-27 | 北京视博云科技有限公司 | 一种为终端设备提供网页服务的系统与方法 |
CN105354034A (zh) * | 2015-11-17 | 2016-02-24 | 贵阳朗玛信息技术股份有限公司 | 应用程序的页面跳转方法及装置 |
-
2016
- 2016-08-22 CN CN201610702553.0A patent/CN107741934A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102043861A (zh) * | 2010-12-29 | 2011-05-04 | 重庆新媒农信科技有限公司 | 基于移动终端的网页数据结构化显示方法 |
CN102523288A (zh) * | 2011-12-16 | 2012-06-27 | 北京视博云科技有限公司 | 一种为终端设备提供网页服务的系统与方法 |
CN105354034A (zh) * | 2015-11-17 | 2016-02-24 | 贵阳朗玛信息技术股份有限公司 | 应用程序的页面跳转方法及装置 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110442406A (zh) * | 2018-05-02 | 2019-11-12 | 天津京东深拓机器人科技有限公司 | 分页控件处理数据的方法及分页控件、电子设备 |
CN109492181A (zh) * | 2018-10-19 | 2019-03-19 | 中国平安财产保险股份有限公司 | 页面跳转方法、装置、计算机设备和存储介质 |
CN109783742A (zh) * | 2018-12-14 | 2019-05-21 | 平安科技(深圳)有限公司 | 用于开发辅助的页面跳转方法、装置和计算机设备 |
CN109783742B (zh) * | 2018-12-14 | 2023-08-22 | 平安科技(深圳)有限公司 | 用于开发辅助的页面跳转方法、装置和计算机设备 |
CN111382382A (zh) * | 2018-12-28 | 2020-07-07 | 深圳市优必选科技有限公司 | 数据的展示方法、装置、计算机设备和存储介质 |
CN111382382B (zh) * | 2018-12-28 | 2023-12-01 | 深圳市优必选科技有限公司 | 数据的展示方法、装置、计算机设备和存储介质 |
CN110716786A (zh) * | 2019-10-16 | 2020-01-21 | 腾讯科技(深圳)有限公司 | 一种页面展示方法、系统及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11615162B2 (en) | Event listening integration in a collaborative electronic information system | |
KR102021317B1 (ko) | 웹 페이지의 맞춤 최적화 기법 | |
US20150046424A1 (en) | Methods and systems for searching software applications | |
US20150331578A1 (en) | Active summaries in user interfaces to collaboration services | |
AU2015355293A1 (en) | Web content tagging and filtering | |
WO2013119339A1 (en) | Web page ad slot identification | |
JP2018536233A (ja) | ウィジウィグウェブコンテンツ生成用の方法およびシステム | |
CN102929971B (zh) | 一种多媒体信息播放方法和系统 | |
CN106339414A (zh) | 网页渲染方法及装置 | |
CN107741934A (zh) | 页面处理方法及页面处理系统 | |
EP2840802A1 (en) | Method and apparatus for sharing media content and method and apparatus for displaying media content | |
CN108140029A (zh) | 自动堆叠深度查看卡 | |
WO2017016101A1 (zh) | 搜索结果的展现方法、装置和搜索引擎 | |
WO2018076269A1 (zh) | 数据处理方法以及电子终端 | |
CN102831150A (zh) | 浏览器与本地应用的交互方法、系统及终端 | |
JP6675502B2 (ja) | システム、制御方法、プログラム | |
CN101902492A (zh) | Web Service服务器、网站建设方法及信息交互方法 | |
CN110647327B (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
WO2016011699A1 (zh) | 一种用于配置浏览器的导航页的方法与装置 | |
CN105701231A (zh) | 网络资源搜索系统及方法 | |
KR20110074625A (ko) | 범용 콘텐츠 참조, 패키징, 분배 시스템 및 웹 콘텐츠를 주문제작하는 도구 | |
CN103761024A (zh) | 界面显示方法、装置、终端、服务器和系统 | |
US10229095B2 (en) | Expanded icon navigation | |
US20150199323A1 (en) | Method and system for posting comments on web pages | |
JP6009051B2 (ja) | システム、制御方法、プログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |