CN107391736B - 一种页面显示方法及装置 - Google Patents
一种页面显示方法及装置 Download PDFInfo
- Publication number
- CN107391736B CN107391736B CN201710666510.6A CN201710666510A CN107391736B CN 107391736 B CN107391736 B CN 107391736B CN 201710666510 A CN201710666510 A CN 201710666510A CN 107391736 B CN107391736 B CN 107391736B
- Authority
- CN
- China
- Prior art keywords
- card
- mapping table
- target
- style
- display
- 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.)
- Active
Links
Images
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/957—Browsing optimisation, e.g. caching or content distillation
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种页面显示方法及装置,该方法包括:如果检测到应用程序处于被激活状态,则通过向服务器发送映射表同步请求接收所述服务器返回的第一映射表;如果确定所述第一映射表与本地存储的第二映射表不匹配,则使用所述第一映射表替换所述第二映射表,并根据所述第一映射表更新卡片模型工厂;将目标页面获取请求发送至所述服务器,并接收服务器返回的结果数据;选取与所述显示卡片样式对应的目标卡片模型,根据显示内容配置所述目标卡片模型中的卡片视图,以更新所述目标卡片模型,根据更新后的所述目标卡片模型显示所述目标页面。本发明实施例能够将串行开发变为并行开发,有效地提升了应用程序开发效率,实现页面布局的动态变化。
Description
技术领域
本发明实施例涉及移动应用技术领域,尤其涉及一种页面显示方法及装置。
背景技术
随着移动智能终端的普及和网络速度的优化,应用程序(Application,简称APP)的开发需求越来越多,能够开发出高质量的应用程序成为开发人员追求的目标。
现有技术中,开发人员针对移动智能终端开发应用程序,常使用四种开发方法:
1、在应用程序的开发阶段设置固定的显示于移动智能终端的页面布局,在用户使用应用程序的过程中,页面布局不会发生变化,变化的只是页面布局包括的具体内容。应用程序的页面布局是固定的,将导致线上应用的过程中,只能通过发布新版本完成应用程序的更新,成本较高,且无法保证老版本用户能及时获取新的运营需求,以及发布新版本需要开发人员重新编写程序代码,开发周期较长。
2、基于预先设置不同的外观模型,在应用程序的运行过程中,调用模型中的视图,以增强页面布局的灵活性。但是,根据预先设置的外观模型进行页面布局,仅能针对同一显示页面进行页面布局,无法实现不同显示页面之间的动态布局。
3、基于脸书公司(Facebook)推出的响应式编程用户界面框架(React Native)开发环境开发应用程序,但是,没有集成开发环境的支持,开发效率低,且在开发人员编写程序代码的过程中没有拼写错误的提示,对开发人员要求较高。
4、通过混合模式移动应用(Hybrid App),同时使用网页语言与程序语言开发应用程序,利用网页易于更新的特性实现用户需求的快速响应。但是,在实际应用过程中性能稍慢,用户体验感不如原生应用程序好。
发明内容
本发明实施例提供一种页面显示方法及装置,以解决现有技术中应用程序开发效率低、页面布局无法动态变化的问题。
第一方面,本发明实施例提供了一种页面显示方法,包括:
如果检测到应用程序处于被激活状态,则向服务器发送映射表同步请求,并接收所述服务器基于所述映射表同步请求返回的第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系;
如果确定所述第一映射表与本地存储的第二映射表不匹配,则使用所述第一映射表替换所述第二映射表,并根据所述第一映射表更新卡片模型工厂;
在接收到用户触发的目标页面获取请求时,将所述目标页面获取请求发送至所述服务器,并接收服务器返回的与所述目标页面获取请求对应的结果数据,其中,所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容;
在所述卡片模型工厂中,选取与所述显示卡片样式对应的目标卡片模型,根据显示内容配置所述目标卡片模型中的卡片视图,以更新所述目标卡片模型,根据更新后的所述目标卡片模型显示所述目标页面。
进一步地,如果检测到应用程序处于被激活状态,则向服务器发送映射表同步请求,并接收所述服务器基于所述映射表同步请求返回的第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系之前,包括:
建立卡片模型工厂;
进行初始化操作,将用户终端本地存储的第二映射表加载至所述卡片模型工厂中;
根据所述第二映射表,在所述卡片模型工厂中建立与所述第二映射表匹配的卡片模型。
进一步地,根据所述第一映射表更新卡片模型工厂,包括:
获取更新卡片样式;
根据所述更新卡片样式获取与所述更新卡片样式匹配的卡片模型,并将所述更新卡片样式添加至所述卡片模型,以完成所述卡片模型工厂中卡片模型的更新。
进一步地,所述结果数据包括下述至少一项:
至少一个卡片样式;
基于所述目标页面获取请求获取的,与所述至少一个卡片样式对应的卡片样式的具体内容。
进一步地,在所述卡片模型工厂中,选取与所述显示卡片样式对应的目标卡片模型,根据显示内容配置所述目标卡片模型中的卡片视图,以更新所述目标卡片模型,根据更新后的所述目标卡片模型显示所述目标页面,包括:
获取所述显示卡片样式对应的目标卡片模型,将所述目标卡片模型与控制器进行绑定;
获取所述目标卡片模型中的卡片视图,将所述卡片视图与控制器进行绑定;
计算所述显示内容的尺寸,使用所述显示内容以及所述显示内容对应的尺寸配置所述卡片视图,以更新所述目标卡片模型;
所述控制器根据更新后的所述目标卡片模型的路由信息控制所述终端显示目标页面。
第二方面,本发明实施例提供了一种页面显示方法,包括:
服务器基于用户终端发送的映射表同步请求,向所述用户终端返回第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系;
服务器基于用户终端发送的目标页面获取请求,向所述用户终端返回与所述目标页面获取请求匹配的结果数据。
进一步地,服务器基于用户终端发送的映射表同步请求,向所述用户终端返回第一映射表之前,包括:
如果检测到更新的卡片样式时,则将所述更新的卡片样式添加至卡片样式库;
基于所述卡片样式库构造卡片模型与卡片样式之间的映射关系。
进一步地,服务器基于用户终端发送的目标页面获取请求,向所述用户终端返回与所述目标页面获取请求匹配的结果数据,包括:
服务器基于所述卡片样式库获取与所述目标页面获取请求匹配的且生效的至少一个卡片样式,以及所述至少一个卡片样式对应的具体内容,其中,所述卡片样式中包括时效信息;
将至少一个卡片样式以及所述至少一个卡片样式的具体内容封装为结果数据。
第三方面,本发明实施例还提供了一种页面显示装置,配置于用户终端,包括:
映射表接收模块,用于如果检测到应用程序处于被激活状态,则向服务器发送映射表同步请求,并接收所述服务器基于所述映射表同步请求返回的第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系;
更新模块,用于如果确定所述第一映射表与本地存储的第二映射表不匹配,则使用所述第一映射表替换所述第二映射表,并根据所述第一映射表更新卡片模型工厂;
结果数据接收模块,用于在接收到用户触发的目标页面获取请求时,将所述目标页面获取请求发送至所述服务器,并接收服务器返回的与所述目标页面获取请求对应的结果数据,其中,所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容;
页面显示模块,用于在所述卡片模型工厂中,选取与所述显示卡片样式对应的目标卡片模型,根据显示内容配置所述目标卡片模型中的卡片视图,以更新所述目标卡片模型,根据更新后的所述目标卡片模型显示所述目标页面。
第四方面,本发明实施例还提供了一种页面显示装置,配置于服务器,包括:
第一响应模块,用于基于用户终端发送的映射表同步请求,向所述用户终端返回第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系;
第二响应模块,用于基于用户终端发送的目标页面获取请求,向所述用户终端返回与所述目标页面获取请求匹配的结果数据。
本发明实施例通过在用户终端和服务器构造同步的映射表,并在用户终端的卡片模型工厂中建立与映射表匹配的卡片模型,根据结果数据获取卡片模型和卡片视图,以完成页面的显示。本发明实施例能够及时获取服务器端卡片样式的变化信息,将新的运营策略及时送达至用户,使过去的一种卡片样式对应一种显示页面改变为将一种卡片样式对应多种显示页面,将串行开发变为并行开发,提高了程序代码的复用率,极大的简化了编程逻辑,有效地提升了应用程序开发效率,使页面显示方式和样式布局的更新不依赖新版本的发布,通过将一种卡片样式应用在多个显示页面,解决了显示界面各模块之间的耦合问题,实现了页面布局的动态变化,同时降低了运营维护成本,在结构化编程的基础上,便于性能优化,提升了用户体验。
附图说明
图1是本发明实施例一中的一种页面显示方法的流程图;
图2是本发明实施例二中的一种页面显示方法的流程图;
图3是本发明实施例三中的一种页面显示方法的流程图;
图4是本发明实施例四中的一种页面显示方法的流程图;
图5是本发明实施例五中的一种页面显示方法的流程图;
图6是本发明实施例六中的一种页面显示方法的流程图;
图7是本发明实施例七中的一种页面显示装置的结构示意图;
图8是本发明实施例八中的一种页面显示装置的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图1为本发明实施例一提供的一种页面显示方法的流程图,本实施例可适用于通过用户终端来进行页面显示的情况,该方法可以由一种页面显示装置来执行,该装置可以采用软件和/或硬件的方式实现,一般集成于用户终端中,例如:手机或者平板电脑等移动智能终端设备。
本发明实施例一的方法具体包括:
S110、如果检测到应用程序处于被激活状态,则向服务器发送映射表同步请求,并接收所述服务器基于所述映射表同步请求返回的第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系。
具体的,如果用户终端检测到应用程序处于被激活的状态,则向服务器发送映射表同步请求,请求获取服务器端的映射表,其中,应用程序处于被激活的状态可以理解为应用程序被启动和/或应用程序由后台运行切换至前台运行。用户终端接收服务器基于映射表同步请求返回的第一映射表,第一映射表包括卡片模型与卡片样式之间的映射关系以及卡片样式库,根据卡片模型与卡片样式之间的映射关系可以读取卡片样式。其中,卡片样式可以理解为显示页面展示的一个结构化单元,通过存储的字符格式和段落格式的集合构成显示格式,用于展示信息,卡片模型包括卡片样式以及卡片样式中填充的具体信息。
S120、如果确定所述第一映射表与本地存储的第二映射表不匹配,则使用所述第一映射表替换所述第二映射表,并根据所述第一映射表更新卡片模型工厂。
具体的,用户终端验证从服务器端接收的第一映射表与本地存储的第二映射表是否是匹配的,如果匹配,则直接执行步骤S130,如果不匹配,则先将本地存储的第二映射表替换为第一映射表,根据第一映射表在用户终端更新卡片模型工厂,将新的卡片样式添加至对应的卡片模型。此外,如果应用程序首次向服务器发送映射表同步请求,则不进行使用第一映射表替换第二映射表的操作,直接将接收的第一映射表进行本地存储。
S130、在接收到用户触发的目标页面获取请求时,将所述目标页面获取请求发送至所述服务器,并接收服务器返回的与所述目标页面获取请求对应的结果数据,其中,所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容。
优选的,所述结果数据包括下述至少一项:
至少一个卡片样式;
基于所述目标页面获取请求获取的,与所述至少一个卡片样式对应的卡片样式的具体内容。
具体的,用户点击移动终端的显示页面,触发页面响应或跳转以形成目标页面获取请求,如果用户终端接收到用户触发的目标页面获取请求,则发送目标页面获取请求至服务器,并接收服务器返回的与目标页面获取请求对应的结果数据,结果数据包括至少一个卡片样式以及与至少一个卡片样式对应的卡片样式的具体内容。结果数据输入至用户终端的卡片模型工厂中进行数据处理。
用户终端可以通过接收服务器返回的协议字符串的方式获取目标页面。其中,协议可以包括标准跳转协议以及非标准跳转协议,标准跳转协议是可直接用于跳转的协议字符串,标准跳转协议可以包括协议类型、处理者、路径以及参数,可以使用标准万维网统一资源定位符(Uniform Resource Locator,缩写URL)的方式来定位用户终端的目标显示页面。对于非标准跳转协议,协议处理者会将非标准跳转协议字符串经过重定向得到标准跳转协议,然后执行显示页面的构建和呈现。
标准跳转协议包括的路径是页面的唯一标识符,用户终端会维护并同步服务器的唯一标识符和映射表,解析路径之后,将需要呈现的页面构建起来,并使用键值编码(KeyValue Coding,简称KVC)技术,将参数赋值给将要呈现的页面,呈现页面的方式包括推出方式、模态方式以及跳转方式。其中,推出方式使用导航控制器从左边呈现显示页面,模态方式从底部呈现显示页面,跳转方式则直接呈现应用程序的其它显示页面。
S140、在所述卡片模型工厂中,选取与所述显示卡片样式对应的目标卡片模型,根据显示内容配置所述目标卡片模型中的卡片视图,以更新所述目标卡片模型,根据更新后的所述目标卡片模型显示所述目标页面。
具体的,卡片样式模型工厂可以包括主工厂和子工厂,子工厂用于承载卡片模型和卡片样式之间的映射关系,主工厂用于对服务器返回的结果数据进行解析,并完成子工厂的调度以及更新工作,最终输出模型序列。在卡片模型工厂中,选取和装配与所述显示卡片样式对应的目标卡片模型序列,根据结果数据中包括的卡片样式查找卡片样式对应的卡片模型,并对结果数据进行处理,将处理结果配置于卡片模型中的卡片视图。卡片模型和卡片视图可以均与控制器进行绑定,由控制器按照卡片模型中的卡片样式显示卡片视图,以完成目标页面的显示。其中,卡片视图是基于用户请求而显示的具体内容。
本发明实施例一提供的一种页面显示方法,能够及时获取服务器端卡片样式的变化信息,将新的运营策略及时送达至用户,使过去的一种卡片样式对应一种显示页面改变为将一种卡片样式对应多种显示页面,将串行开发变为并行开发,提高了程序代码的复用率,有效地提升了应用程序开发效率,通过将一种卡片样式应用在多个显示页面,解决了显示界面各模块之间的耦合问题,实现了页面布局的动态变化,可以灵活地调整运营管理者设置的活动界面,同时降低了运营维护成本,提升了用户体验。
实施例二
图2为本发明实施例二提供的一种页面显示方法的流程图,本发明实施例二以实施例一为基础进行了优化,具体是对如果检测到应用程序处于被激活状态,则向服务器发送映射表同步请求,并接收所述服务器基于所述映射表同步请求返回的第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系之前的操作进一步优化,如图2所示,本发明实施例二的具体包括:
S210、建立卡片模型工厂。
S220、进行初始化操作,将用户终端本地存储的第二映射表加载至所述卡片模型工厂中。
S230、根据所述第二映射表,在所述卡片模型工厂中建立与所述第二映射表匹配的卡片模型。
具体的,在用户终端建立卡片模型工厂,将用户终端本地存储的第二映射表加载至卡片模型工厂中以完成卡片模型工厂的初始化操作。第二映射表包括卡片模型与卡片样式之间的映射关系以及映射关系中全部卡片样式组成的卡片样式库,根据第二映射表建立卡片模型,卡片模型中包括与卡片模型对应的卡片样式。卡片模型工厂中还包括路由系统,用于动态展示下一显示页面,路由系统包括卡片模型工厂中全部卡片模型的路由以及路由参数,路由参数可以包括卡片模型的名称、身份标识等信息。卡片模型工厂中还包括布局模型,布局模型用于计算结果数据的尺寸,通过布局模型可以将结果数据以及结果数据对应的尺寸配置于卡片视图中。
S240、如果检测到应用程序处于被激活状态,则向服务器发送映射表同步请求,并接收所述服务器基于所述映射表同步请求返回的第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系。
S250、如果确定所述第一映射表与本地存储的第二映射表不匹配,则使用所述第一映射表替换所述第二映射表,并根据所述第一映射表更新卡片模型工厂。
S260、在接收到用户触发的目标页面获取请求时,将所述目标页面获取请求发送至所述服务器,并接收服务器返回的与所述目标页面获取请求对应的结果数据,其中,所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容。
S270、在所述卡片模型工厂中,选取与所述显示卡片样式对应的目标卡片模型,根据显示内容配置所述目标卡片模型中的卡片视图,以更新所述目标卡片模型,根据更新后的所述目标卡片模型显示所述目标页面。
本发明实施例二提供的一种页面显示方法,对于常用的显示页面高度抽象出通用的卡片模型,对于新的卡片样式,只需要开发或更新相应的卡片模型,基于服务器返回的结果数据在卡片模型工厂中完成卡片模型的查找和配置工作,实现了页面布局的动态部署,实现了页面的动态显示,达到了数据驱动页面的效果。同时,预先对布局在异步线程中的数据进行运算,省去数据在加载阶段的同步线程计算时间,提升用户使用体验。
实施例三
图3为本发明实施例三提供的一种页面显示方法的流程图,本发明实施例三以上述各实施例为基础进行了优化改进,对根据所述第一映射表更新卡片模型工厂进行了进一步说明,如图3所示,本发明实施例三的方法具体包括:
S310、如果检测到应用程序处于被激活状态,则向服务器发送映射表同步请求,并接收所述服务器基于所述映射表同步请求返回的第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系。
S320、如果确定所述第一映射表与本地存储的第二映射表不匹配,则使用所述第一映射表替换所述第二映射表,并获取更新卡片样式。
S330、根据所述更新卡片样式获取与所述更新卡片样式匹配的卡片模型,并将所述更新卡片样式添加至所述卡片模型,以完成所述卡片模型工厂中卡片模型的更新。
具体的,在第一映射表与本地存储的第二映射表不匹配的情况下,使用第一映射表替换第二映射表,并根据第一映射表获取更新卡片样式。获取第一映射表中更新卡片样式对应的卡片模型,在卡片模型工厂中查找该卡片模型,将更新卡片样式添加至该卡片模型中,以完成卡片模型工厂中卡片模型的更新。如果获取第一映射表中更新卡片样式对应的卡片模型不存在于卡片模型工厂中,则在卡片模型工厂中建立该卡片模型,以完成卡片模型工厂中卡片模型的更新。
S340、在接收到用户触发的目标页面获取请求时,将所述目标页面获取请求发送至所述服务器,并接收服务器返回的与所述目标页面获取请求对应的结果数据,其中,所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容。
S350、在所述卡片模型工厂中,选取与所述显示卡片样式对应的目标卡片模型,根据显示内容配置所述目标卡片模型中的卡片视图,以更新所述目标卡片模型,根据更新后的所述目标卡片模型显示所述目标页面。
本发明实施例三提供的一种页面显示方法,能够满足运营商不定期变化产品页面的需求,提高了卡片样式的利用率,对于新的卡片样式,用户终端只需要开发或更新相应的卡片模型,即可实现显示新的卡片样式,实现了页面布局的动态变化,使页面显示方式和样式布局的更新不依赖新版本的发布,使用老版本的用户同样可以看到新页面显示方式和样式布局,提升了用户体验。
实施例四
图4为本发明实施例四提供的一种页面显示方法的流程图,本发明实施例四以上述各实施例为基础进行了优化改进,对在所述卡片模型工厂中,选取与所述显示卡片样式对应的目标卡片模型,根据显示内容配置所述目标卡片模型中的卡片视图,以更新所述目标卡片模型,根据更新后的所述目标卡片模型显示所述目标页面进行了进一步说明,如图4所示,本发明实施例四的方法具体包括:
S410、如果检测到应用程序处于被激活状态,则向服务器发送映射表同步请求,并接收所述服务器基于所述映射表同步请求返回的第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系。
S420、如果确定所述第一映射表与本地存储的第二映射表不匹配,则使用所述第一映射表替换所述第二映射表,并根据所述第一映射表更新卡片模型工厂。
S430、在接收到用户触发的目标页面获取请求时,将所述目标页面获取请求发送至所述服务器,并接收服务器返回的与所述目标页面获取请求对应的结果数据,其中,所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容。
S440、获取所述显示卡片样式对应的目标卡片模型,将所述目标卡片模型与控制器进行绑定。
S450、获取所述目标卡片模型中的卡片视图,将所述卡片视图与控制器进行绑定。
S460、计算所述显示内容的尺寸,使用所述显示内容以及所述显示内容对应的尺寸配置所述卡片视图,以更新所述目标卡片模型。
S470、所述控制器根据更新后的所述目标卡片模型的路由信息控制所述终端显示目标页面。
具体的,获取结果数据中的显示卡片样式,根据显示卡片样式在卡片模型工厂中查找卡片样式对应的目标卡片模型,查找方式可以按照卡片模型的名称进行查找,也可以按照卡片模型的身份标识进行查找。将目标卡片模型与控制器进行绑定。通过卡片模型工厂查找目标卡片模型对应的卡片视图,将卡片视图与控制器进行绑定,即控制器既可以控制显示页面显示的卡片样式,也可以控制该卡片样式中显示的具体内容。根据卡片模型工厂中的布局模型,计算结果数据的尺寸,并将结果数据以及其对应的尺寸配置于卡片视图中,以完成目标卡片模型的更新。根据卡片模型工厂中的路由系统可以知道目标卡片模型的路由以及路由参数,控制器控制用户终端显示与目标卡片模型匹配的目标页面,即显示目标卡片模型中的卡片样式以及卡片样式中的具体内容。
此外,针对产品定制者或运营管理者的需求,可以配置两种不同的页面显示样式,即不同的用户可以看到不同样式的显示页面,以实现个性化的配置。同时,可以对不同样式的显示界面进行数据统计,根据统计结果,选取用户反馈的效果较好的显示页面,便于支持产品制定者和运营管理者的工作。
本发明实施例四提供的一种页面显示方法,用户终端通过将一种卡片样式应用在多个显示页面,解决了显示界面各模块之间的耦合问题,实现了页面布局的动态变化,同时降低了运营维护成本,实现了对应用程序基础架构的集中管理。
实施例五
图5为本发明实施例五提供的一种页面显示方法的流程图,本发明实施例五以上述各实施例为基础,可适用于通过服务器来进行页面显示的情况,该方法可以由一种页面显示装置来执行,该装置可以采用软件和/或硬件的方式实现,一般集成于服务器中。
本发明实施例五的方法具体包括:
S510、服务器基于用户终端发送的映射表同步请求,向所述用户终端返回第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系。
具体的,当服务器接收到至少一个用户终端发送的映射表同步请求时,将根据卡片样式库获取的第一映射表发至对应的用户终端。第一映射表中包括卡片样式与卡片模型之间的映射关系以及服务器端最新的卡片样式库。
S520、服务器基于用户终端发送的目标页面获取请求,向所述用户终端返回与所述目标页面获取请求匹配的结果数据。
具体的,当服务器接收到用户终端发送的目标页面获取请求时,获取与目标页面获取请求相匹配的结果数据,按照服务器与用户终端的接口协议,通过服务器的数据层将结果数据封装后发送至对应的用户终端。封装后的结果数据包括至少一个生效的显示样式以及显示样式对应的显示内容。
示例性地,在服务器端可以设置内容管理系统,在内容管理系统中,根据运营需求灵活地配置卡片样式以及展示顺序,内容管理系统可以对卡片样式以及展示顺序进行预览,服务器会将配置内容下发至用户终端,以实现用户终端对配置内容的动态展示。
本发明实施例五提供的一种页面显示方法,能够将新的运营策略及时送达至用户,使过去的一种卡片样式对应一种显示页面改变为将一种卡片样式对应多种显示页面,将串行开发变为并行开发,提高了程序代码的复用率,有效地提升了应用程序开发效率,并且提升了程序的稳定性,解决了显示界面各模块之间的耦合问题,实现了页面布局的动态变化,同时降低了运营维护成本,提升了用户体验。
实施例六
图6为本发明实施例六提供的一种页面显示方法的流程图,本发明实施例六以上述各实施例为基础进行了优化改进,对服务器基于用户终端发送的映射表同步请求,向所述用户终端返回第一映射表之前的操作,以及服务器基于用户终端发送的目标页面获取请求,向所述用户终端返回与所述目标页面获取请求匹配的结果数据进行了进一步说明,如图6所示,本发明实施例六的方法具体包括:
S610、如果检测到更新的卡片样式时,则将所述更新的卡片样式添加至卡片样式库。
S620、基于所述卡片样式库构造卡片模型与卡片样式之间的映射关系。
具体的,如果应用程序的运营方开发了新的卡片样式,则将新的卡片样式添加至卡片样式库,以完成卡片样式库的更新,基于更新后的卡片样式库,构造卡片模型与卡片样式之间的映射关系。
示例性地,运营商根据运营策略需要更新应用程序的显示页面,只需要将新的卡片样式添加至卡片样式库,将现有的卡片样式与新的卡片样式进行堆砌,即可满足运营商对显示页面的需求,不需要针对目标显示页面重新开发程序代码。由一种卡片样式与一张显示页面相关联转变为一种卡片样式与多张显示页面相关联。
S630、服务器基于用户终端发送的映射表同步请求,向所述用户终端返回第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系。
S640、服务器基于所述卡片样式库获取与所述目标页面获取请求匹配的且生效的至少一个卡片样式,以及所述至少一个卡片样式对应的具体内容,其中,所述卡片样式中包括时效信息。
S650、将至少一个卡片样式以及所述至少一个卡片样式的具体内容封装为结果数据。
具体的,可以为卡片样式库中的每个卡片样式设置生效时间,当接收到目标页面获取请求时,数据层根据当前时间获取当前生效的卡片样式,将与目标页面获取请求匹配的至少一个生效的卡片样式以及卡片样式的具体内容进行封装后,发送给对应的用户终端。
示例性地,根据实际应用的需要,可以用于临时性活动的页面展示,在限定的几个小时内显示特定的页面样式,超过预设时间后,恢复显示原有的页面样式,例如:支持显示页面广告的增加或减少。其中,预设时间可以根据需要自行设置,本发明实施例对此不做限制。
本发明实施例六提供的一种页面显示方法,当卡片样式库中的卡片样式足够多时,就可以将卡片样式组合成多张显示页面,卡片样式库中的卡片样式越多,开发成本就越低,维护成本也越低,从而实现了运营驱动数据、数据驱动页面的效果,灵活地调整运营管理者设置的活动界面,本发明实施例还可以控制卡片样式的生效时间,在预设的生效时间内获取对应的显示页面,可以根据时间调整显示页面的显示样式,提升了显示页面配置的灵活性。
实施例七
图7是本发明实施例七中的一种页面显示装置的结构示意图,该装置应用于通过用户终端进行页面显示的情况,该装置可以采用软件和/或硬件的方式实现,一般集成于用户终端中,例如:手机或者平板电脑等移动智能终端设备。如图7所示,装置包括:映射表接收模块710、更新模块720、结果数据接收模块730以及页面显示模块740。
映射表接收模块710,用于如果检测到应用程序处于被激活状态,则向服务器发送映射表同步请求,并接收所述服务器基于所述映射表同步请求返回的第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系;
更新模块720,用于如果确定所述第一映射表与本地存储的第二映射表不匹配,则使用所述第一映射表替换所述第二映射表,并根据所述第一映射表更新卡片模型工厂;
结果数据接收模块730,用于在接收到用户触发的目标页面获取请求时,将所述目标页面获取请求发送至所述服务器,并接收服务器返回的与所述目标页面获取请求对应的结果数据,其中,所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容;
页面显示模块740,用于在所述卡片模型工厂中,选取与所述显示卡片样式对应的目标卡片模型,根据显示内容配置所述目标卡片模型中的卡片视图,以更新所述目标卡片模型,根据更新后的所述目标卡片模型显示所述目标页面。
本发明实施例能够及时获取服务器端卡片样式的变化信息,将新的运营策略及时送达至用户,使过去的一种卡片样式对应一种显示页面改变为将一种卡片样式对应多种显示页面,将串行开发变为并行开发,提高了程序代码的复用率,有效地提升了应用程序开发效率,通过将一种卡片样式应用在多个显示页面,解决了显示界面各模块之间的耦合问题,实现了页面布局的动态变化,同时降低了运营维护成本,提升了用户体验。
在上述实施例的基础上,所述装置还可以包括:
工厂建立单元,用于建立卡片模型工厂;
初始化单元,用于进行初始化操作,将用户终端本地存储的第二映射表加载至所述卡片模型工厂中;
卡片模型建立单元,用于根据所述第二映射表,在所述卡片模型工厂中建立与所述第二映射表匹配的卡片模型。
在上述实施例的基础上,所述更新模块720可以包括:
样式获取单元,用于获取更新卡片样式;
更新单元,用于根据所述更新卡片样式获取与所述更新卡片样式匹配的卡片模型,并将所述更新卡片样式添加至所述卡片模型,以完成所述卡片模型工厂中卡片模型的更新。
在上述实施例的基础上,所述页面显示模块740可以包括:
目标卡片模型获取单元,用于获取所述显示卡片样式对应的目标卡片模型,将所述目标卡片模型与控制器进行绑定;
卡片视图获取单元,用于获取所述目标卡片模型中的卡片视图,将所述卡片视图与控制器进行绑定;
配置单元,用于计算所述显示内容的尺寸,使用所述显示内容以及所述显示内容对应的尺寸配置所述卡片视图,以更新所述目标卡片模型;
显示单元,用于所述控制器根据更新后的所述目标卡片模型的路由信息控制所述终端显示目标页面。
本实施例中,用户终端通过工厂建立单元建立卡片模型工厂,利用初始化单元对卡片模型工厂进行初始化操作,将用户终端本地存储的关于卡片模型与卡片样式之间映射关系的第二映射表加载至卡片模型工厂,并根据第二映射表在卡片模型工厂中建立卡片模型。如果检测到应用程序处于被激活的状态,则向服务器发送映射表同步请求,通过映射表接收模块接收服务器端的第一映射表。验证第一映射表和第二映射表是否一致,如果不一致,则使用第一映射表替换第二映射表,通过更新模块的样式获取单元获取更新卡片样式,在更新单元中将更新卡片样式添加至对应的卡片模型中,以完成卡片模型工厂的更新。用户点击页面按钮会触发目标页面获取请求,用户终端将目标页面获取请求发送至服务器,通过结果数据接收模块接收服务器基于目标页面获取请求返回的结果数据。将结果数据输入至卡片模型工厂中,在页面显示模块的目标卡片模型获取单元中,获取结果数据中的显示卡片样式对应的目标卡片模型,将目标卡片模型与控制器进行绑定,在卡片视图获取单元中获取目标卡片模型对应的卡片视图,将卡片视图与控制器进行绑定。计算结果数据中显示卡片样式对应的显示内容的大小,利用配置单元,将显示内容以及显示内容的大小配置于卡片视图。通过显示单元,控制器控制目标页面按照卡片模型的卡片样式以及卡片视图进行显示。
本发明实施例七提供了一种页面显示装置,能够满足运营商不定期变化产品页面的需求,提高了卡片样式的利用率,对于新的卡片样式,用户终端只需要开发或更新相应的卡片模型,即可实现显示新的卡片样式,基于服务器返回的结果数据在卡片模型工厂中完成卡片模型的查找和配置工作,实现了页面的动态显示,达到了数据驱动页面的效果。
实施例八
图8是本发明实施例八中的一种页面显示装置的结构示意图,该装置应用于通过服务器进行页面显示的情况,该装置可以采用软件和/或硬件的方式实现,一般集成于服务器中。如图8所示,装置包括:第一响应模块810和第二响应模块820。
第一响应模块810,用于基于用户终端发送的映射表同步请求,向所述用户终端返回第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系;
第二响应模块820,用于基于用户终端发送的目标页面获取请求,向所述用户终端返回与所述目标页面获取请求匹配的结果数据。
本发明实施例能够及时获取服务器端卡片样式的变化信息,将新的运营策略及时送达至用户,使过去的一种卡片样式对应一种显示页面改变为将一种卡片样式对应多种显示页面,将串行开发变为并行开发,提高了程序代码的复用率,有效地提升了应用程序开发效率,通过将一种卡片样式应用在多个显示页面,解决了显示界面各模块之间的耦合问题,实现了页面布局的动态变化,同时降低了运营维护成本,提升了用户体验。
在上述实施例的基础上,所述装置还可以包括:
卡片样式添加单元,用于如果检测到更新的卡片样式时,则将所述更新的卡片样式添加至卡片样式库;
映射关系构造单元,用于基于所述卡片样式库构造卡片模型与卡片样式之间的映射关系。
在上述实施例的基础上,所述第二响应模块820可以包括:
生效样式获取单元,用于基于所述卡片样式库获取与所述目标页面获取请求匹配的且生效的至少一个卡片样式,以及所述至少一个卡片样式对应的具体内容,其中,所述卡片样式中包括时效信息;
封装单元,用于将至少一个卡片样式以及所述至少一个卡片样式的具体内容封装为结果数据。
本实施例中,如果检测到更新的卡片样式,则通过卡片样式添加单元将更新的卡片样式添加至卡片样式库,在映射关系构造单元中,基于新的卡片样式库构造卡片模型与卡片样式的映射关系。如果接收到用户终端发来的映射表同步请求,则利用第一响应模块响应映射表同步请求,将第一映射表发送至用户终端。如果接收到用户终端发来的目标页面获取请求,则利用第二响应模块响应目标页面获取请求,通过生效样式获取单元获取生效的至少一个卡片样式以及卡片样式的具体内容,在封装单元中对结果数据进行封装,将与目标页面获取请求匹配的已封装的结果数据发送至用户终端。
本发明实施例八提供了一种页面显示装置,实现了运营驱动数据、数据驱动页面的效果,同时,降低了开发成本和运营成本。
本发明实施例提供的页面显示装置可执行本发明对应的任意实施例提供的页面显示方法,具备执行方法相应的功能模块和有益效果。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (6)
1.一种页面显示方法,其特征在于,包括:
如果检测到应用程序处于被激活状态,则向服务器发送映射表同步请求,并接收所述服务器基于所述映射表同步请求返回的第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系;
如果确定所述第一映射表与本地存储的第二映射表不匹配,则使用所述第一映射表替换所述第二映射表,并根据所述第一映射表更新卡片模型工厂;
在接收到用户触发的目标页面获取请求时,将所述目标页面获取请求发送至所述服务器,并接收服务器返回的与所述目标页面获取请求对应的结果数据,其中,所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容;
在所述卡片模型工厂中,选取与所述显示卡片样式对应的目标卡片模型,根据显示内容配置所述目标卡片模型中的卡片视图,以更新所述目标卡片模型,根据更新后的所述目标卡片模型显示所述目标页面。
2.根据权利要求1所述的方法,其特征在于,如果检测到应用程序处于被激活状态,则向服务器发送映射表同步请求,并接收所述服务器基于所述映射表同步请求返回的第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系之前,包括:
建立卡片模型工厂;
进行初始化操作,将用户终端本地存储的第二映射表加载至所述卡片模型工厂中;
根据所述第二映射表,在所述卡片模型工厂中建立与所述第二映射表匹配的卡片模型。
3.根据权利要求1或2所述的方法,其特征在于,根据所述第一映射表更新卡片模型工厂,包括:
获取更新卡片样式;
根据所述更新卡片样式获取与所述更新卡片样式匹配的卡片模型,并将所述更新卡片样式添加至所述卡片模型,以完成所述卡片模型工厂中卡片模型的更新。
4.根据权利要求1所述的方法,其特征在于,所述结果数据包括下述至少一项:
至少一个卡片样式;
基于所述目标页面获取请求获取的,与所述至少一个卡片样式对应的卡片样式的具体内容。
5.根据权利要求1或4所述的方法,其特征在于,在所述卡片模型工厂中,选取与所述显示卡片样式对应的目标卡片模型,根据显示内容配置所述目标卡片模型中的卡片视图,以更新所述目标卡片模型,根据更新后的所述目标卡片模型显示所述目标页面,包括:
获取所述显示卡片样式对应的目标卡片模型,将所述目标卡片模型与控制器进行绑定;
获取所述目标卡片模型中的卡片视图,将所述卡片视图与控制器进行绑定;
计算所述显示内容的尺寸,使用所述显示内容以及所述显示内容对应的尺寸配置所述卡片视图,以更新所述目标卡片模型;
所述控制器根据更新后的所述目标卡片模型的路由信息控制用户终端显示目标页面。
6.一种页面显示装置,其特征在于,包括:
映射表接收模块,用于如果检测到应用程序处于被激活状态,则向服务器发送映射表同步请求,并接收所述服务器基于所述映射表同步请求返回的第一映射表,其中,所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系;
更新模块,用于如果确定所述第一映射表与本地存储的第二映射表不匹配,则使用所述第一映射表替换所述第二映射表,并根据所述第一映射表更新卡片模型工厂;
结果数据接收模块,用于在接收到用户触发的目标页面获取请求时,将所述目标页面获取请求发送至所述服务器,并接收服务器返回的与所述目标页面获取请求对应的结果数据,其中,所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容;
页面显示模块,用于在所述卡片模型工厂中,选取与所述显示卡片样式对应的目标卡片模型,根据显示内容配置所述目标卡片模型中的卡片视图,以更新所述目标卡片模型,根据更新后的所述目标卡片模型显示所述目标页面。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710666510.6A CN107391736B (zh) | 2017-08-07 | 2017-08-07 | 一种页面显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710666510.6A CN107391736B (zh) | 2017-08-07 | 2017-08-07 | 一种页面显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107391736A CN107391736A (zh) | 2017-11-24 |
CN107391736B true CN107391736B (zh) | 2020-11-20 |
Family
ID=60344464
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710666510.6A Active CN107391736B (zh) | 2017-08-07 | 2017-08-07 | 一种页面显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107391736B (zh) |
Families Citing this family (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108089878B (zh) * | 2017-12-14 | 2022-05-20 | 腾讯科技(深圳)有限公司 | 页面信息展现和生成方法、装置及系统 |
CN110413920A (zh) * | 2018-04-25 | 2019-11-05 | 北京京东尚科信息技术有限公司 | 用于生成页面的方法和装置 |
CN109885746A (zh) * | 2019-01-17 | 2019-06-14 | 平安城市建设科技(深圳)有限公司 | 页面动态布局方法、装置、设备及存储介质 |
CN109831532B (zh) * | 2019-03-18 | 2020-09-15 | 北京字节跳动网络技术有限公司 | 数据分享方法、装置、设备及介质 |
CN110175121B (zh) * | 2019-05-20 | 2023-11-03 | Oppo广东移动通信有限公司 | 一种正式上线页面确定方法、装置及计算机可读存储介质 |
CN110147381B (zh) * | 2019-05-27 | 2021-07-09 | 智者四海(北京)技术有限公司 | 信息处理方法、系统及记录介质 |
CN113434234B (zh) * | 2021-06-29 | 2023-06-09 | 青岛海尔科技有限公司 | 页面跳转方法、装置、计算机可读存储介质及处理器 |
CN115080165A (zh) * | 2022-06-28 | 2022-09-20 | 湖南快乐阳光互动娱乐传媒有限公司 | 小程序处理方法、装置、存储介质和移动终端 |
CN117742846A (zh) * | 2022-09-14 | 2024-03-22 | 华为技术有限公司 | 服务卡片的添加方法、电子设备及计算机可读存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2256645A1 (en) * | 2009-05-29 | 2010-12-01 | Incard SA | Method for producing at least a portion of a data visualization layout on a display of a device provided with at least a Smart Card, method for codifying a plurality of HTML instructions and corresponding system |
CN104580375A (zh) * | 2014-12-11 | 2015-04-29 | 百度在线网络技术(北京)有限公司 | 确定目标应用的ui样式信息的方法与设备 |
CN106021617A (zh) * | 2016-07-12 | 2016-10-12 | 腾讯科技(深圳)有限公司 | 页面生成的方法和装置 |
CN106156308A (zh) * | 2016-06-30 | 2016-11-23 | 北京奇虎科技有限公司 | 用于网页的局部更新方法及系统 |
CN106990950A (zh) * | 2017-01-09 | 2017-07-28 | 深圳大宇无限科技有限公司 | 界面布局的方法和装置 |
CN107666406A (zh) * | 2016-07-29 | 2018-02-06 | 腾讯科技(深圳)有限公司 | 智能卡片显示方法及装置 |
-
2017
- 2017-08-07 CN CN201710666510.6A patent/CN107391736B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2256645A1 (en) * | 2009-05-29 | 2010-12-01 | Incard SA | Method for producing at least a portion of a data visualization layout on a display of a device provided with at least a Smart Card, method for codifying a plurality of HTML instructions and corresponding system |
CN104580375A (zh) * | 2014-12-11 | 2015-04-29 | 百度在线网络技术(北京)有限公司 | 确定目标应用的ui样式信息的方法与设备 |
CN106156308A (zh) * | 2016-06-30 | 2016-11-23 | 北京奇虎科技有限公司 | 用于网页的局部更新方法及系统 |
CN106021617A (zh) * | 2016-07-12 | 2016-10-12 | 腾讯科技(深圳)有限公司 | 页面生成的方法和装置 |
CN107666406A (zh) * | 2016-07-29 | 2018-02-06 | 腾讯科技(深圳)有限公司 | 智能卡片显示方法及装置 |
CN106990950A (zh) * | 2017-01-09 | 2017-07-28 | 深圳大宇无限科技有限公司 | 界面布局的方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN107391736A (zh) | 2017-11-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107391736B (zh) | 一种页面显示方法及装置 | |
CN106843828B (zh) | 界面显示、加载方法及装置 | |
CN106815276B (zh) | 页面跳转方法及装置 | |
CN109062550B (zh) | 页面构建方法和系统、用户终端、服务器和可读存储介质 | |
CN110544128A (zh) | 渠道信息的获取方法、装置、电子设备及存储介质 | |
CN112217671B (zh) | 基于拆分部署的前端微服务进行界面显示的方法及设备 | |
CN110795672A (zh) | 一种小程序的内容展现方法、装置、设备及介质 | |
CN106502717B (zh) | 应用程序运行方法及装置 | |
CN110968331A (zh) | 应用程序运行的方法和装置 | |
WO2013134813A1 (en) | A method and system of application development for multiple device client platforms | |
CN113572822A (zh) | 一种云终端模拟控制方法、装置、存储介质及电子设备 | |
CN103079108A (zh) | 启动机顶盒的方法及机顶盒 | |
CN113448650A (zh) | 直播功能插件加载方法、装置、设备及存储介质 | |
CN114610384A (zh) | 一种应用迁移方法、装置、设备及存储介质 | |
CN111459686A (zh) | 队列消息存储转发方法、系统及具操作系统的计算机装置 | |
CN111090364A (zh) | 页面风格切换方法、装置、电子设备及可读存储介质 | |
CN107479982B (zh) | 一种数据同步的方法及终端 | |
CN102508665B (zh) | 绘制应用程序视图的方法和装置 | |
CN115586935A (zh) | 一种数据处理方法、装置、电子设备及介质 | |
CN115268951A (zh) | 一种操作系统的安装方法、装置、设备及存储介质 | |
CN113656063A (zh) | 一种系统版本更换方法、装置、设备及计算机可读介质 | |
CN115905742A (zh) | 一种数据展示方法、装置、设备及存储介质 | |
CN111581578A (zh) | 接口请求处理方法和装置 | |
CN112055057B (zh) | 一种Web系统动态扩展的方法及系统和设备 | |
CN114363307B (zh) | 信息处理方法以及系统 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |