CN112016023A - 业务处理方法、装置、终端及存储介质 - Google Patents
业务处理方法、装置、终端及存储介质 Download PDFInfo
- Publication number
- CN112016023A CN112016023A CN201910460337.3A CN201910460337A CN112016023A CN 112016023 A CN112016023 A CN 112016023A CN 201910460337 A CN201910460337 A CN 201910460337A CN 112016023 A CN112016023 A CN 112016023A
- Authority
- CN
- China
- Prior art keywords
- interface
- template
- component
- protocol
- layout
- 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.)
- Granted
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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
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)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种业务处理方法、装置、终端及介质,其中方法包括:响应于针对目标界面的当前布局的编辑指令,获取模板协议;模板协议包括第一界面模板及第一界面模板中的组件的属性值;根据所述第一界面模板中的组件的属性值确定第一界面模板的布局,并按照第一界面模板的布局在网页编辑界面中显示第一界面模板;响应于针对第一界面模板的布局的定制化操作,更新模板协议,所述定制化操作包括以下操作中的至少一种:组件编辑操作和组件的属性值的编辑操作;根据更新后的模板协议确定目标界面的定制化布局,并按照定制化布局显示目标界面。本发明实施例可以更好地对目标界面的布局进行调整,使得调整后的界面布局满足用户需求。
Description
技术领域
本申请涉及互联网技术领域,具体涉及计算机技术领域,尤其涉及一种业务处理方法、一种业务处理装置、一种终端及一种计算机存储介质。
背景技术
用户界面(User interface,UI)是终端系统和用户之间进行交互和信息交换的媒介。研究表明,目前的用户界面受既定结构的约束,其界面布局都是固定不变的,用户只能通过从模板数据库中选择不同的界面模板来实现对用户界面的布局进行调整。由于模板数据库中的各个界面模板是由专业的设计人员根据自身的喜好设计得到的,而设计人员和每个用户的喜好都不尽相同,这样会导致各个界面模板均无法满足用户的需求。由此可见,如何更好地对用户界面的布局进行调整成为了研究热点。
发明内容
本发明实施例提供了一种业务处理方法、装置、终端及计算机存储介质,可以更好地对目标界面的布局进行调整,使得调整后的界面布局满足用户需求。
一方面,本发明实施例提供了一种业务处理方法,该业务处理方法包括:
响应于针对目标界面的当前布局的编辑指令,获取模板协议;所述模板协议包括第一界面模板及所述第一界面模板中的组件的属性值;
根据所述第一界面模板中的组件的属性值确定所述第一界面模板的布局,并按照所述第一界面模板的布局在网页编辑界面中显示所述第一界面模板;
响应于针对所述第一界面模板的布局的定制化操作,更新所述模板协议,所述定制化操作包括以下操作中的至少一种:组件编辑操作和组件的属性值的编辑操作;
根据更新后的模板协议确定所述目标界面的定制化布局,并按照所述定制化布局显示所述目标界面。
另一方面,本发明实施例提供了一种业务处理装置,该业务处理装置包括:
获取单元,用于响应于针对目标界面的当前布局的编辑指令,获取模板协议;所述模板协议包括第一界面模板及所述第一界面模板中的组件的属性值;
处理单元,用于根据所述第一界面模板中的组件的属性值确定所述第一界面模板的布局,并按照所述第一界面模板的布局在网页编辑界面中显示所述第一界面模板;
更新单元,用于响应于针对所述第一界面模板的布局的定制化操作,更新所述模板协议,所述定制化操作包括以下操作中的至少一种:组件编辑操作和组件的属性值的编辑操作;
所述处理单元,用于根据更新后的模板协议确定所述目标界面的定制化布局,并按照所述定制化布局显示所述目标界面。
再一方面,本发明实施例提供了一种终端,所述终端包括输入设备和输出设备,所述终端还包括:
处理器,适于实现一条或多条指令;以及,
计算机存储介质,所述计算机存储介质存储有一条或多条指令,所述一条或多条指令适于由所述处理器加载并执行如下步骤:
响应于针对目标界面的当前布局的编辑指令,获取模板协议;所述模板协议包括第一界面模板及所述第一界面模板中的组件的属性值;
根据所述第一界面模板中的组件的属性值确定所述第一界面模板的布局,并按照所述第一界面模板的布局在网页编辑界面中显示所述第一界面模板;
响应于针对所述第一界面模板的布局的定制化操作,更新所述模板协议,所述定制化操作包括以下操作中的至少一种:组件编辑操作和组件的属性值的编辑操作;
根据更新后的模板协议确定所述目标界面的定制化布局,并按照所述定制化布局显示所述目标界面。
再一方面,本发明实施例提供了一种计算机存储介质,所述计算机存储介质存储有一条或多条指令,所述一条或多条指令适于由处理器加载并执行如下步骤:
响应于针对目标界面的当前布局的编辑指令,获取模板协议;所述模板协议包括第一界面模板及所述第一界面模板中的组件的属性值;
根据所述第一界面模板中的组件的属性值确定所述第一界面模板的布局,并按照所述第一界面模板的布局在网页编辑界面中显示所述第一界面模板;
响应于针对所述第一界面模板的布局的定制化操作,更新所述模板协议,所述定制化操作包括以下操作中的至少一种:组件编辑操作和组件的属性值的编辑操作;
根据更新后的模板协议确定所述目标界面的定制化布局,并按照所述定制化布局显示所述目标界面。
本发明实施例可响应于针对目标界面的当前布局的编辑指令,获取模板协议。由于模板协议包括第一界面模板及第一界面模板中的组件的属性值,因此可以根据第一界面模板中的组件的属性值确定第一界面模板的布局,并按照第一界面模板的布局在网页编辑界面中显示第一界面模板。用户可以通过组件编辑操作和/或组件的属性值的编辑操作对第一界面模板的布局进行定制;相应的,终端可响应于针对第一界面模板的布局的定制化操作,更新模板协议。然后根据更新后的模板协议确定目标界面的定制化布局,并按照定制化布局显示目标界面。由此可见,本发明实施例可通过模板协议实现用户对目标界面的布局进行定制,用户可定制的范围更加广泛,使得调整后的界面布局满足用户需求,丰富了目标界面的表现形式。
附图说明
为了更清楚地说明本发明实施例技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1a是本发明实施例提供的一种业务处理系统的架构示意图;
图1b是本发明实施例提供的一种业务处理方案的流程示意图;
图2是本发明实施例提供的一种业务处理方法的流程示意图;
图3是本发明实施例提供的一种交互组件的示意图;
图4是本发明另一实施例提供的一种业务处理方法的流程示意图;
图5是本发明实施例提供的一种用户界面的示意图;
图6是本发明实施例提供的另一种用户界面的示意图;
图7a是本发明实施例提供的一种业务处理方法的应用场景图;
图7b是本发明实施例提供的一种业务处理方法的另一应用场景图;
图7c是本发明实施例提供的一种业务处理方法的另一应用场景图;
图7d是本发明实施例提供的一种业务处理方法的另一应用场景图;
图7e是本发明实施例提供的一种业务处理方法的另一应用场景图;
图7f是本发明实施例提供的一种业务处理方法的另一应用场景图;
图7g是本发明实施例提供的一种业务处理方法的另一应用场景图;
图7h是本发明实施例提供的一种业务处理方法的另一应用场景图;
图7i是本发明实施例提供的一种业务处理方法的另一应用场景图;
图7j是本发明实施例提供的一种业务处理方法的另一应用场景图;
图7k是本发明实施例提供的一种业务处理方法的另一应用场景图;
图8是本发明实施例提供的一种业务处理装置的结构示意图;
图9是本发明实施例提供的一种终端的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述。
本发明实施例提出了一种业务处理方案以实现用户可定制目标界面,提高用户体验;该业务处理方案可以应用在图1a所示的业务处理系统,目标界面是指应用程序(Application,APP)所显示的用户界面。参见图1a所示,该业务处理系统可包括服务器11和至少一个终端12;其中,服务器11可为终端12提供模板协议,其可以是数据处理服务器、web服务器、应用服务器等等;服务器11可以是一个独立的服务设备,也可以是由多个服务设备共同构成的集群设备;终端12可以是智能手机、膝上型计算机、平板电脑等便携式设备,以及台式计算机等等。本发明实施例所提出的业务处理方案可由业务处理系统中的任一个终端12来执行,终端12可根据业务需求将该业务处理方案运用在不同的产品中,例如QQ空间独立版或者QQ空间结合版;其中,QQ空间是腾讯公司开发出来的一个具有个人空间、博客等功能的产品,QQ空间独立版是指以独立APP的形式进行呈现的QQ空间版本,QQ空间结合版是指依托于QQ应用程序进行呈现的QQ空间版本。下面以目标界面为QQ空间中的个人主页界面为例,对上述所提及的业务处理方案进行阐述;个人主页界面中可包括多个内容模块(例如页面背景模块、颜色模块等),每个内容模块可构成一个独立的组件;业务处理方案的具体流程可一并参见图1b所示:
用户可以在个人主页界面中点击编辑接口以触发终端调出网页编辑界面,该网页编辑界面可以是H5编辑界面,所谓的H5是一系列制作网页互动效果的技术集合。相应的,终端可进入H5编辑界面,并通过H5编辑界面从后台服务器处拉取服务器定义的模板协议以及与用户相关的用户画像数据。其中,模板协议中可包括多个字段,服务器在定义模板协议时,可以检测用户曾经是否定制过个人主页界面;若定制过,则可以将历史定制数据添加至模板协议中相应的字段中;该历史定制数据中可包括用户历史定制的界面模板中各个组件的属性值;若未定制过,则可以将预先设置的默认界面模板中各个组件的属性值添加至模板协议中相应的字段中;用户画像数据可包括但不限于:用户的亲密度数据、用户的QQ账号的等级数据、QQ账号的连续登录天数数据,等等。相应的,终端在加载完成模板协议后,可以判断模板协议中是否包括历史定制数据;若有,则加载已有的历史定制数据,并根据该历史定制数据(例如播放器的背景图、播放按钮、个人头像样式、背景动画等)渲染历史定制的界面模板;若没有,则可加载并渲染默认界面模板。终端在渲染得到界面模板之后,可以在H5编辑界面显示该界面模板。
用户可以通过移动、删除、新增、修改内置的组件等操作来调整界面模板的布局,从而优化装饰个人主页界面;相应的,终端可以实时检测是否存在用户修改界面模板的定制化操作。若不存在,则可保持模板协议不变,即不更新模板协议;若存在,则可通过JS(JavaScript,一种直译式脚本语言)代码实时保存用户当前的定制化操作,并通过保存定制化操作所对应的动画参数(如lottie参数(一种开源动画库))实时渲染定制化操作后的界面模板以便用户查看。用户可以通过定制化操作不断地对界面模板的布局进行调整,直至界面模板的布局满足自己的需求;此时用户可以保存当前的定制化操作后的界面模板。相应的,终端检测到用户的保存指令之后,可以调用支付组件判断用户是否支付成功;若不成功,则可返回H5编辑界面,并继续检测用户的保存指令;若成功,则可更新模板协议,并通知服务器更新模板协议中的相应字段(比如是否使用播放器等)。需要说明的是,若定制化操作所对应的组件为免费组件,则可以在检测到保存指令之后,直接更新模板协议。
用户支付成功后,可返回个人主页界面;终端检测到用户的返回操作之后,可以加载最新的模板协议和用户画像数据。并且,还可判断终端的操作系统,以便于调用操作系统所对应的代码根据最新的模板协议和用户画像数据对个人主页界面进行渲染操作。例如,若操作系统为安卓系统,则可调用对应的JAVA代码(一种程序设计语言)根据最新的模板协议和用户画像数据进行渲染;若操作系统为IOS系统,则可调用ObjectC代码(一种程序设计语言)根据最新的模板协议和用户画像数据进行渲染。在得到渲染后的个人主页界面后,终端可以采用动态界面的形式显示该渲染得到的个人主页界面。
由上述业务处理方案的相关描述可知,本发明实施例通过将个人主页界面中的各个内容模块构建成单独的组件,并基于模板协议实现用户对组件的位置和样式(如形状、颜色等)的自由调整,从而定制个人主页界面的不同展示方式,使得用户可定制的范围更加广泛、个人主页界面的表现形式更加丰富。并且,终端可动态保存并实时渲染定制化操作后的界面模板以便用户查看,这样可更加便于用户对界面模板的当前布局进行调整,提高用户体验。另外,通过模板协议的方式的保存各个组件的属性值,可以支持用户对个人主页界面的布局进行随时调整,提高了便利性。并且,用户在网页编辑界面(如H5编辑界面)所执行的定制化操作,通过模板协议可以保证该定制化操作在H5、安卓以及IOS的三端统一展示,提高了业务处理方案的兼容性;使用lottie参数还可保证H5、安卓以及IOS在显示目标界面时,其布局保持与设计稿的布局完全同步,让用户可以在不同的操作系统中看到最完整的布局效果。
基于上述的描述,本发明实施例提出一种业务处理方法,该业务处理方法可以由上述所提及的任一终端执行。请参见图2,该业务处理方法可包括以下步骤S201-S204:
S201,响应于针对目标界面的当前布局的编辑指令,获取模板协议。
此处的目标界面可以是应用程序所显示的任一用户界面。在一种实施方式中,目标界面可以是应用程序所显示的非网页界面;例如,可以是社交应用程序所显示的个人主页界面(例如QQ空间中的个人主页界面、微信中的个人主页界面);又如,也可以是社交应用程序所显示的用户动态界面(例如QQ空间中的好友动态界面、微信中的朋友圈动态界面),等等。再一种实施方式中,目标界面可以是应用程序所显示的网页界面;例如,浏览器中的新闻资讯界面;再如,微信中的H5制作界面或者浏览器中的H5制作界面,等等。为便于描述,后续均以目标界面为应用程序所显示的非网页界面为例,进行阐述。
终端可实时检测针对目标界面的当前布局的编辑指令,若检测到该编辑指令,则可响应于该编辑指令,从服务器处获取模板协议。模板协议可包括第一界面模板及第一界面模板中的组件的属性值,所述属性值可用于确定组件的姿态信息,该姿态信息可至少包括位置信息以及样式信息;该样式信息包括形状信息、图案信息、颜色信息等等。每个组件的属性值的数量可以为一个或多个,即每个组件可包括一个或多个属性值;例如,第一界面模板包括动画组件,该动画组件可至少包括位置维度下的位置属性值以及动画播放维度下的频率属性值;其中,位置属性值用于确定动画组件在第一界面模板中的具体位置,频率属性值用于确定动画组件在动画播放时的动画播放频率。需要说明的是,上述所提及的第一界面模板可以是用户历史定制的界面模板,也可以是预先设置的默认界面模板;若用户曾经定制过目标界面,则第一界面模板则为历史定制的界面模板;若用户曾经未定制过目标界面,则第一界面模板则为默认界面模板。
S202,根据第一界面模板中的组件的属性值确定第一界面模板的布局,并按照第一界面模板的布局在网页编辑界面中显示第一界面模板。
第一界面模板的布局包括第一界面模板中的各个组件的相对位置的摆放关系以及每个组件所显示的内容(即每个组件的样式)。由前述可知,模板协议包括第一界面模板及第一界面模板中的组件的属性值,而属性值可用于确定可编辑组件的姿态信息。因此,终端在获取到模板协议之后,可以先根据模板协议中包括的第一界面模板中的组件的属性值确定第一界面模板的布局;具体的,可以根据第一界面模板中的组件的属性值确定各个组件在第一界面模板中的姿态信息;然后按照各个组件在第一界面模板中的姿态信息对各个组件进行摆放,得到第一界面模板的布局。
在确定了第一界面模板的布局之后,可以调用渲染引擎按照第一界面模板的布局对第一界面模板进行渲染,并在网页编辑界面中显示第一界面模板。在一种实施方式中,若第一界面模板包括交互组件,则终端还可获取与交互组件相关联的用户画像数据;并在第一界面模板中的交互组件中显示用户画像数据。其中,交互组件是指用于传递用户信息的组件;例如,用于显示用户亲密度的组件,如图3中的组件21所示;又如,用于显示用户社交账号的等级数据的组件,如图3中的组件22所示;再如,用于显示用户社交账号的连续登录天数的组件,如图3中的组件23所示;再如,用于显示用户历史播放音乐的组件,如图3中的组件24所示,等等。终端可根据交互组件所传递的用户信息的更新频率选择实时或者周期性地获取与交互组件相关联的用户画像数据;具体的,若交互组件所传递的用户信息的更新频率小于频率阈值,则表示该用户信息在一段时间内都是不变的,因此可以周期性地获取与该交互组件相关联的用户画像数据;若交互组件所传递的用户信息的更新频率大于频率阈值,则表示该用户信息是经常变化的,因此可以实时地获取与该交互组件相关联的用户画像数据。
S203,响应于针对第一界面模板的布局的定制化操作,更新模板协议。
用户可根据自身的实际需求,对第一界面模板的布局进行定制化操作;此处的定制化操作可包括以下操作中的至少一种:组件编辑操作和组件的属性值的编辑操作;其中,组件编辑操作可包括新增组件操作或删除组件操作,或新增组件操作和删除组件操作;组件的属性值的编辑操作包括:修改属性值的操作;该修改属性值的操作可包括修改组件的位置属性值的操作、修改组件的样式属性值的操作以及修改组件的尺寸属性值的操作,等等。
终端可实时检测用户所输入的针对第一界面模板的布局的定制化操作;在检测到该定制化操作后,可响应于该定制化操作,更新模板协议。在具体实施过程中,可以响应于针对第一界面模板的布局的定制化操作,先根据定制化操作获取模板协议的更新内容;该更新内容包括以下至少一种:第一界面模板中新增组件的标识、新增组件的属性值、被删除的组件的标识以及第一界面模板中已有组件的属性值的变化值;其中,新增组件的属性值可包括但不限于:新增组件的位置属性值、样式属性值以及尺寸属性值,等等;已有组件的属性值的变化值可包括但不限于:位置属性值的变化值、样式属性值的变化值以及尺寸属性值的变化值,等等。然后,可以采用更新内容更新模板协议。
S204,根据更新后的模板协议确定目标界面的定制化布局,并按照定制化布局显示目标界面。
在具体实施过程中,可以先根据更新后的模板协议确定构成目标界面的定制化布局的定制化组件,该定制化组件的属性值存在于所述更新后的模板协议中。其次,根据定制化组件的属性值确定定制化组件在目标界面中的姿态信息。然后,按照定制化组件在目标界面中的姿态信息对定制化组件进行摆放,得到目标界面的定制化布局。在得到定制化布局之后,可以调用渲染引擎按照该定制化布局对目标界面进行渲染,并显示渲染得到的目标界面。需要说明的是,若目标界面中包括交互组件,则还可获取与交互组件相关联的用户画像数据,并在目标界面中的交互组件中显示用户画像数据。
本发明实施例可响应于针对目标界面的当前布局的编辑指令,获取模板协议。由于模板协议包括第一界面模板及第一界面模板中的组件的属性值,因此可以根据第一界面模板中的组件的属性值确定第一界面模板的布局,并按照第一界面模板的布局在网页编辑界面中显示第一界面模板。用户可以通过组件编辑操作和/或组件的属性值的编辑操作对第一界面模板的布局进行定制;相应的,终端可响应于针对第一界面模板的布局的定制化操作,更新模板协议。然后根据更新后的模板协议确定目标界面的定制化布局,并按照定制化布局显示目标界面。由此可见,本发明实施例可通过模板协议实现用户对目标界面的布局进行定制,用户可定制的范围更加广泛,使得调整后的界面布局满足用户需求,丰富了目标界面的表现形式。
请参见图4,是本发明实施例提供的另一种业务处理方法的流程示意图。该业务处理方法可以由第一终端执行,此处的第一终端可以是上述所提及的任一终端。如图4所示,该业务处理方法可包括以下步骤S401-S408:
S401,在第一终端中显示目标界面。
目标界面可包括编辑接口,当编辑接口被触发时,第一终端可产生针对目标界面的当前布局的编辑指令。其中,目标界面中的编辑接口可通过以下任一种方式被触发:①检测到用户对编辑接口的点击操作;②检测到用户对编辑接口的按压操作;③检测到用户输入的用于触发编辑接口的语音指令,例如“请触发编辑接口以切换至网页编辑界面”,等等。以编辑接口被点击操作触发为例,参见图5所示:用户可以点击目标界面中的编辑接口31;第一终端检测到对编辑接口31的点击操作后,可产生编辑指令;并触发执行步骤S402,即触发第一终端从目标界面切换至网页编辑界面。
S402,响应于编辑指令,从目标界面切换至网页编辑界面。
网页编辑界面包括模板显示区域32和素材选择区域33;模板显示区域32用于显示第一界面模板,素材选择区域33可包括多个第二界面模板、备选组件及备选组件的样式。其中,每个第二界面模板均可预先由设计人员设计得到;若用户对当前的第一界面模板不满意,还可重新选择一个第二界面模板替换当前的第一界面模板。备选组件包括以下至少一项:页面背景组件、动画组件、可移动组件、颜色组件及图标组件;其中,可移动组件是指可随着用户的拖动操作而发生位置变化的组件,该可移动组件可包括以下至少一项:播放器组件、贴图组件和文字组件,等等。
S403,响应于针对目标界面的当前布局的编辑指令,向服务器发送协议获取请求。
该协议获取请求中携带目标界面的标识,以使服务器根据目标界面的标识确定第一界面模板,并将第一界面模板中的组件的属性值添加至模板协议。具体的,模板协议可包括多个字段,一个字段对应一个组件,服务器可将第一界面模板中的组件的属性值添加至所述组件所对应的字段中。其中,第一界面模板为与目标界面相关联的界面模板,或者为默认界面模板;与目标界面相关联的界面模板可以包括:用户历史对目标界面进行定制所生成的历史定制的界面模板。然后接收服务器返回的模板协议。
S404,接收服务器返回的所述模板协议。
S405,根据第一界面模板中的组件的属性值确定第一界面模板的布局,并按照第一界面模板的布局在网页编辑界面中显示第一界面模板。
S406,响应于针对第一界面模板的布局的定制化操作,更新模板协议。
由前述可知,用户可以不断地通过定制化操作来调整第一界面模板的布局;因此为便于用户可以实时查看到调整布局后的第一界面模板,第一终端则可响应于针对第一界面模板的布局的定制化操作,采用网页代码(如JS代码)动态保存定制化操作,在网页编辑界面中渲染并显示定制化操作后的第一界面模板。在一种实施方式中,第一界面模板可包括页面背景组件和文字组件,组件的属性值的编辑操作可包括从第一终端的本地空间选择本地多媒体修改第一界面模板中的页面背景组件的样式属性值的操作,该本地多媒体可包括视频或者图像。由于用户所选择的本地多媒体的主色调可能和第一界面模板中的文字组件所显示的文字颜色存在视觉冲突问题,所谓的主色调是指多个色调中以一种色调为主的色调,该主色调可用于反映本地多媒体的画面色彩的总体倾向;例如:用户所选择的本地多媒体的主色调为白色,而第一界面模板中的文字组件所显示的文字颜色也为白色,此时可认为主色调和第一界面模板中的文字组件所显示的文字颜色存在视觉冲突。因此,第一终端为了避免视觉冲突的问题,提高第一界面模板的画面和谐性,可以根据用户所选择的本地多媒体的主色调对第一界面中的文字组件所显示的文字颜色进行调整。具体的,终端可以获取本地多媒体的主色调,以及与主色调相匹配的文字配色信息;然后根据获取到的文字配色信息对定制化操作后的第一界面模板中的文字组件所显示的文字颜色进行调整。
若检测到针对定制化操作后的第一界面模板的保存指令,则触发执行更新模板协议的步骤。由前述可知,在更新模板协议时,可以根据定制化操作获取模板协议的更新内容,采用更新内容更新模板协议。由于模板协议包括多个字段,一个字段对应一个组件,所述字段用于存储第一界面模板中的组件的属性值;因此,在具体实施过程中,若更新内容包括:第一界面模板中新增组件的标识和新增组件的属性值,则可以根据新增组件的标识确定新增组件在模板协议中所对应的字段,然后将新增组件的属性值添加至该新增组件所对应的字段中;即将该新增组件所对应的字段从原始的空字段变成非空字段。若更新内容包括被删除的组件的标识,则可以该被删除的组件在模板协议中所对应的字段中所存储的属性值清空,即将该被删除的组件所对应的字段设置为空字段。若更新内容包括已有组件的属性值的变化值,则可以根据已有组件的属性值的变化值确定所述已有组件的新的属性值,并将该所述已有组件在模板协议中所对应的字段中的属性值更新为该新的属性值。
再一种实施方式中,由于用户在进行定制化操作时,定制化操作所对应的目标组件可能是需要支付费用的付费组件,此情况下则需用户支付成功相应的费用后才可实现该定制化操作。因此,若检测到针对定制化操作后的第一界面模板的保存指令,则触发执行更新模板协议的步骤的具体实施方式还可以为:若检测到针对定制化操作后的第一界面模板的保存指令,则第一终端可先检测定制化操作所对应的目标组件的类型,目标组件的类型可分为付费组件或免费组件;在具体实施过程中,第一终端可以获取目标组件的虚拟资源金额。若目标组件的虚拟资源金额等于零,则表明目标可编辑组件是不需要支付费用的免费组件;若目标组件的虚拟资源金额大于零,则表明目标组件是需要支付费用的付费组件。相应的,若目标组件为免费组件,则可直接触发执行更新模板协议的步骤;若目标组件为付费组件,则可输出资源获取界面,该资源获取界面中包括目标组件的虚拟资源金额。例如,用户在进行定制化操作时新增了动画组件1,则动画组件1为目标组件且类型为付费组件;用户可通过点击网页编辑界面中的保存接口以保存当前的定制化操作,此时终端可产生保存指令。由于动画组件1的虚拟资源金额为3元/月,因此终端在检测到保存指令后,可输出资源获取界面,该资源获取界面包括动画组件1的虚拟资源金额3元/月,如图6所示。用户可以在该资源获取界面支付相应的电子资源;具体的,可在资源获取界面输入相应的电子资源,并点击确认支付接口以完成支付;相应的,第一终端可以在资源获取界面中获取虚拟资源金额所对应的电子资源;若获取成功,则触发执行更新模板协议的步骤。
S407,向服务器发送协议更新请求。
由前述可知,模板协议是由服务器统一定义和管理的;第一终端中的模板协议是由第一终端从服务器处获取到的。因此,为了使得多个终端可以按照定制化布局同步显示目标界面,第一终端可通知服务器更新模板协议。具体的,第一终端可以向服务器发送协议更新请求,该协议更新请求携带更新内容,以使得服务器根据更新内容同步更新服务器内的模板协议,并将更新后的模板协议下发至至少一个第二终端,以在第二终端中根据更新后的模板协议同步显示目标界面。在一种实施方式中,服务器可以在更新模板协议之后,直接将更新后的模板协议下发至第二终端;再一种实施方式中,服务器也可以是在响应于第二终端发送的协议获取请求时,下发更新后的模板协议至第二终端。其中,第一终端和第二终端可以是同一用户所使用的终端,也可以是不同用户所使用的终端,本发明实施例对此不作限定。
S408,根据更新后的模板协议确定目标界面的定制化布局,并按照定制化布局显示目标界面。
第一终端可以实时检测从网页编辑界面切换至目标界面的返回指令;若检测到返回指令,则可根据更新后的模板协议确定目标界面的定制化布局,并按照定制化布局显示目标界面。其中,网页编辑界面可包括返回接口34,如图5所示;当返回接口被触发时,第一终端可产生从网页编辑界面返回至目标界面的返回指令。网页编辑界面中的返回接口可通过以下任一种方式被触发:①检测到用户对返回接口的点击操作;②检测到用户对返回接口的按压操作;③检测到用户输入的用于触发返回接口的语音指令,例如“请触发返回接口以切换至目标界面”;④检测到针对定制化操作后的第一界面模板的保存指令,等等。
本发明实施例可响应于针对目标界面的当前布局的编辑指令,获取模板协议。由于模板协议包括第一界面模板及第一界面模板中的组件的属性值,因此可以根据第一界面模板中的组件的属性值确定第一界面模板的布局,并按照第一界面模板的布局在网页编辑界面中显示第一界面模板。用户可以通过组件编辑操作和/或组件的属性值的编辑操作对第一界面模板的布局进行定制;相应的,终端可响应于针对第一界面模板的布局的定制化操作,更新模板协议。然后根据更新后的模板协议确定目标界面的定制化布局,并按照定制化布局显示目标界面。由此可见,本发明实施例可通过模板协议实现用户对目标界面的布局进行定制,用户可定制的范围更加广泛,使得调整后的界面布局满足用户需求,丰富了目标界面的表现形式。
基于上述方法实施例的相关描述,本发明实施例还提出了一种业务处理方法的应用场景图;为便于描述,本应用场景所提及的目标界面均以QQ空间的个人主页界面,且用户首次对个人主页界面进行定制为例进行说明。具体的,用户想要定制个人主页界面时,可以点击个人主页界面中的编辑接口31;终端检测到该点击操作,则可从目标界面切换至网页编辑界面。终端还响应于检测到的编辑指令,获取模板协议;并根据模板协议渲染和显示第一界面模板,本应用场景下的第一界面模板为默认界面模板,如图5所示。由图5所示的网页编辑界面可知,网页编辑界面中包括多个第二界面模板;若用户对第一界面模板的布局不满意,则还可从网页编辑界面的素材选择区域选择一个第二界面模板替换模板显示区域中的第一界面模板,以调整第一界面模板的布局;例如选择模板1替换模板显示区域中的第一界面模板,即替换后的第一界面模板的布局与模板1的布局相同,如图7a所示。在本发明实施例中,第一界面模板所包含的组件可包括不限于:页面背景组件、动画组件、可移动组件、颜色组件及图标组件,等等;用户可以对第一界面模板中的每个组件进行定制,具体如下:
若用户对第一界面模板中的页面背景组件的样式(即页面背景图像)不满意,则可以从素材选择区域中选择一个页面背景图像(例如背景5)以替换第一界面模板的页面背景组件当前所显示的页面背景图像;终端检测到用户的替换操作后,可实时渲染并显示用户所选择的页面背景图像,如图7b所示。可选的,用户也可以自定义页面背景组件所显示的页面背景图像;具体的,用户可以点击素材选择区域中的自定义选项;终端检测到用户对自定义选项的点击操作后,可以输出多媒体选择界面,该多媒体选择界面中包括多个从终端的本地空间获取到视频或图像,如图7c所示。用户可以在多媒体选择界面选择一个本地多媒体,如选择本地多媒体b;终端则可实时渲染并显示用户所选择的本地多媒体b,如图7d所示。
若用户对第一界面模板的动画组件的样式(即动画图案)不满意,则可以从素材选择区域中选择一个动画图案(例如动画6)以替换第一界面模板的动画组件当前所显示的动画图案,丰富个人主页界面的呈现效果;终端检测到用户的替换操作后,可实时渲染并显示用户所选择的动画图案,如图7e所示。用户还可以添加想要的可移动组件至第一界面模板中;例如,添加厘米秀这个可移动组件至第一界面模板;终端检测到用户添加厘米秀的添加组件操作后,可以获取与用户的社交账号相关联的厘米秀,并将该相关联的厘米秀显示在第一界面模板中,如图7f所示;所谓的厘米秀是指一种虚拟的卡通人物。另外,用户还可以删除或隐藏不想展示的可移动组件;例如,用户若想删除播放器组件,则可以按压(或点击)该播放器组件;终端检测到对该播放器组件的按压操作后,可在播放器组件所在的位置处显示删除接口71,如图7g所示。用户可通过点击该删除接口71来删除该播放器组件;终端检测到用户对该删除接口71的点击操作后,则可将播放器组件移除第一界面模板,如图7h所示。同理,若用户想要调整播放器组件的大小或者位置,则也可以按压该播放器组件;终端检测到对该播放器组件的按压操作后,可在播放器组件所在的位置处显示调整接口72,用户可通过该调整接口72来调整播放器组件的大小或者位置。用户还可点击文字组件;终端检测到用户点击文字组件的操作后,可以输出字体选择界面以便于用户从该字体选择界面中选择一个想要的字体来替换第一界面模板中的字体,如图7i所示。
可选的,用户还可从素材选择区域中选择一个颜色样式(例如颜色1)以替换第一界面模板的颜色组件当前所显示的颜色,如图7j所示。需要说明的是,上述的定制化操作只是举例,并非穷举;例如,用户还可以从素材选择区域中选择一个图标图像以替换第一界面模板的图标组件当前所显示的图像图案,等等。用户在进行定制化操作后,可以输入保存指令;终端则可响应于该保存指令,根据用户的定制化操作更新模板协议。并在检测到返回至个人主页界面的返回指令时,根据更新后的模板协议确定个人主页界面的定制化布局,并按照该定制化布局显示个人主页界面。用户可以通过不同的定制化操作得到不同布局的个人主页界面,如图7k所示。
基于上述业务处理方法实施例的描述,本发明实施例还公开了一种业务处理装置,所述业务处理装置可以是运行于终端中的一个计算机程序(包括程序代码)。该业务处理装置可以执行图2或图4所示的方法。请参见图8,所述业务处理装置可以运行如下单元:
获取单元101,用于响应于针对目标界面的当前布局的编辑指令,获取模板协议;所述模板协议包括第一界面模板及所述第一界面模板中的组件的属性值;
处理单元102,用于根据所述第一界面模板中的组件的属性值确定所述第一界面模板的布局,并按照所述第一界面模板的布局在网页编辑界面中显示所述第一界面模板;
更新单元103,用于响应于针对所述第一界面模板的布局的定制化操作,更新所述模板协议,所述定制化操作包括以下操作中的至少一种:组件编辑操作和组件的属性值的编辑操作;
所述处理单元102,用于根据更新后的模板协议确定所述目标界面的定制化布局,并按照所述定制化布局显示所述目标界面。
在一种实施方式中,处理单元102还可用于:
在第一终端中显示目标界面,所述目标界面包括编辑接口;当所述编辑接口被触发时,所述第一终端产生针对所述目标界面的当前布局的编辑指令;
响应于所述编辑指令,从所述目标界面切换至所述网页编辑界面;
其中,所述网页编辑界面包括模板显示区域和素材选择区域;所述模板显示区域用于显示所述第一界面模板,所述素材选择区域包括多个第二界面模板、备选组件及所述备选组件的样式,所述备选组件包括以下至少一项:页面背景组件、动画组件、可移动组件、颜色组件及图标组件;所述可移动组件包括以下至少一项:播放器组件、贴图组件和文字组件。
再一种实施方式中,获取单元101在用于响应于针对目标界面的当前布局的编辑指令,获取模板协议时,具体用于:
响应于针对目标界面的当前布局的编辑指令,向服务器发送协议获取请求,所述协议获取请求中携带所述目标界面的标识,以使所述服务器根据所述目标界面的标识确定第一界面模板,并将所述第一界面模板中的组件的属性值添加至模板协议;其中,所述第一界面模板为与所述目标界面相关联的界面模板,或者为默认界面模板;
接收所述服务器返回的所述模板协议。
再一种实施方式中,所述组件编辑操作包括:新增组件操作或删除组件操作,或新增组件操作和删除组件操作;所述组件的属性值的编辑操作包括:修改属性值的操作;相应的,更新单元103在用于响应于针对所述第一界面模板的布局的定制化操作,更新所述模板协议时,具体用于:
响应于针对所述第一界面模板的布局的定制化操作,根据所述定制化操作获取所述模板协议的更新内容,所述更新内容包括以下至少一种:所述第一界面模板中新增组件的标识、所述新增组件的属性值、被删除的组件的标识以及所述第一界面模板中已有组件的属性值的变化值;
采用所述更新内容更新所述模板协议。
再一种实施方式中,更新单元103还可用于:
向服务器发送协议更新请求,所述协议更新请求携带所述更新内容,以使所述服务器根据所述更新内容同步更新所述服务器内的所述模板协议,并将所述更新后的模板协议下发至至少一个第二终端,以在所述第二终端中根据所述更新后的模板协议同步显示所述目标界面。
再一种实施方式中,在更新所述模板协议之前,处理单元102还可用于:
响应于针对所述第一界面模板的布局的定制化操作,采用网页代码动态保存所述定制化操作;
在所述网页编辑界面中渲染并显示所述定制化操作后的第一界面模板;
若检测到针对所述定制化操作后的第一界面模板的保存指令,则触发执行更新所述模板协议的步骤。
再一种实施方式中,处理单元102在用于若检测到针对所述定制化操作后的第一界面模板的保存指令,则触发执行更新所述模板协议的步骤时,可具体用于:
若检测到针对所述定制化操作后的第一界面模板的保存指令,则检测所述定制化操作所对应的目标组件的类型;
若所述目标组件为免费组件,则触发执行更新所述模板协议的步骤。
再一种实施方式中,处理单元102在用于若检测到针对所述定制化操作后的第一界面模板的保存指令,则触发执行更新所述模板协议的步骤时,还可用于:
若所述目标组件为付费组件,则输出资源获取界面,所述资源获取界面中包括所述目标组件的虚拟资源金额;
在所述资源获取界面中获取所述虚拟资源金额所对应的电子资源;
若获取成功,则触发执行更新所述模板协议的步骤。
再一种实施方式中,所述第一界面模板包括页面背景组件和文字组件,所述组件的属性值的编辑操作包括从第一终端的本地空间选择本地多媒体修改所述第一界面模板中的页面背景组件的样式属性值的操作,所述本地多媒体包括视频或者图像;相应的,处理单元102还可具体用于:
在显示所述定制化操作后的第一界面模板的过程中,获取所述本地多媒体的主色调,以及与所述主色调相匹配的文字配色信息;
根据获取到的文字配色信息对所述定制化操作后的第一界面模板中的文字组件所显示的文字颜色进行调整。
再一种实施方式中,处理单元102在用于根据所述第一界面模板中的组件的属性值确定所述第一界面模板的布局时,具体用于:
根据所述第一界面模板中的组件的属性值确定各个组件在所述第一界面模板中的姿态信息;
按照所述各个组件在所述第一界面模板中的姿态信息对所述各个组件进行摆放,得到所述第一界面模板的布局。
再一种实施方式中,处理单元102还可用于:
若所述第一界面模板包括交互组件,则获取与所述交互组件相关联的用户画像数据,所述交互组件是指用于传递用户信息的组件;
在所述第一界面模板中的所述交互组件中显示所述用户画像数据。
根据本发明的一个实施例,图2或图4所示的方法所涉及的各个步骤均可以是由图8所示的业务处理装置中的各个单元来执行的。例如,图2中所示的步骤S201-S203可以分别由图8中所示的获取单元101、处理单元102以及更新单元103来执行,步骤S204可由图8中所示的处理单元102来执行;又如,图4中所示的步骤S401-S402、S405以及S408可由图8中所示的处理单元102来执行,步骤S403-S404可由图8中所示的获取单元101来执行,步骤S406-S407可由图8中所示的更新单元103来执行。
根据本发明的另一个实施例,图8所示的业务处理装置中的各个单元可以分别或全部合并为一个或若干个另外的单元来构成,或者其中的某个(些)单元还可以再拆分为功能上更小的多个单元来构成,这可以实现同样的操作,而不影响本发明的实施例的技术效果的实现。上述单元是基于逻辑功能划分的,在实际应用中,一个单元的功能也可以由多个单元来实现,或者多个单元的功能由一个单元实现。在本发明的其它实施例中,基于业务处理装置也可以包括其它单元,在实际应用中,这些功能也可以由其它单元协助实现,并且可以由多个单元协作实现。
根据本发明的另一个实施例,可以通过在包括中央处理单元(CPU)、随机存取存储介质(RAM)、只读存储介质(ROM)等处理元件和存储元件的例如计算机的通用计算设备上运行能够执行如图2或图4中所示的相应方法所涉及的各步骤的计算机程序(包括程序代码),来构造如图8中所示的业务处理装置设备,以及来实现本发明实施例的业务处理方法。所述计算机程序可以记载于例如计算机可读记录介质上,并通过计算机可读记录介质装载于上述计算设备中,并在其中运行。
本发明实施例可响应于针对目标界面的当前布局的编辑指令,获取模板协议。由于模板协议包括第一界面模板及第一界面模板中的组件的属性值,因此可以根据第一界面模板中的组件的属性值确定第一界面模板的布局,并按照第一界面模板的布局在网页编辑界面中显示第一界面模板。用户可以通过组件编辑操作和/或组件的属性值的编辑操作对第一界面模板的布局进行定制;相应的,终端可响应于针对第一界面模板的布局的定制化操作,更新模板协议。然后根据更新后的模板协议确定目标界面的定制化布局,并按照定制化布局显示目标界面。由此可见,本发明实施例可通过模板协议实现用户对目标界面的布局进行定制,用户可定制的范围更加广泛,使得调整后的界面布局满足用户需求,丰富了目标界面的表现形式。
基于上述方法实施例以及装置实施例的描述,本发明实施例还提供一种终端。请参见图9,该终端至少包括处理器201、输入设备202、输出设备203以及计算机存储介质204。其中,终端内的处理器201、输入设备202、输出设备203以及计算机存储介质204可通过总线或其他方式连接。
计算机存储介质204可以存储在终端的存储器中,所述计算机存储介质204用于存储计算机程序,所述计算机程序包括程序指令,所述处理器201用于执行所述计算机存储介质204存储的程序指令。处理器201(或称CPU(Central Processing Unit,中央处理器))是终端的计算核心以及控制核心,其适于实现一条或多条指令,具体适于加载并执行一条或多条指令从而实现相应方法流程或相应功能;在一个实施例中,本发明实施例所述的处理器201可以用于进行一系列的业务处理,包括:响应于针对目标界面的当前布局的编辑指令,获取模板协议;所述模板协议包括第一界面模板及所述第一界面模板中的组件的属性值;根据所述第一界面模板中的组件的属性值确定所述第一界面模板的布局,并按照所述第一界面模板的布局在网页编辑界面中显示所述第一界面模板;响应于针对所述第一界面模板的布局的定制化操作,更新所述模板协议,所述定制化操作包括以下操作中的至少一种:组件编辑操作和组件的属性值的编辑操作;根据更新后的模板协议确定所述目标界面的定制化布局,并按照所述定制化布局显示所述目标界面,等等。
本发明实施例还提供了一种计算机存储介质(Memory),所述计算机存储介质是终端中的记忆设备,用于存放程序和数据。可以理解的是,此处的计算机存储介质既可以包括终端中的内置存储介质,当然也可以包括终端所支持的扩展存储介质。计算机存储介质提供存储空间,该存储空间存储了终端的操作系统。并且,在该存储空间中还存放了适于被处理器201加载并执行的一条或多条的指令,这些指令可以是一个或一个以上的计算机程序(包括程序代码)。需要说明的是,此处的计算机存储介质可以是高速RAM存储器,也可以是非不稳定的存储器(non-volatile memory),例如至少一个磁盘存储器;可选的还可以是至少一个位于远离前述处理器的计算机存储介质。
在一个实施例中,可由处理器201加载并执行计算机存储介质中存放的一条或多条指令,以实现上述有关业务处理实施例中的方法的相应步骤;具体实现中,计算机存储介质中的一条或多条指令由处理器201加载并执行如下步骤:
响应于针对目标界面的当前布局的编辑指令,获取模板协议;所述模板协议包括第一界面模板及所述第一界面模板中的组件的属性值;
根据所述第一界面模板中的组件的属性值确定所述第一界面模板的布局,并按照所述第一界面模板的布局在网页编辑界面中显示所述第一界面模板;
响应于针对所述第一界面模板的布局的定制化操作,更新所述模板协议,所述定制化操作包括以下操作中的至少一种:组件编辑操作和组件的属性值的编辑操作;
根据更新后的模板协议确定所述目标界面的定制化布局,并按照所述定制化布局显示所述目标界面。
在一种实施方式中,该一条或多条指令还可由处理器201加载并具体执行:
在第一终端中显示目标界面,所述目标界面包括编辑接口;当所述编辑接口被触发时,所述第一终端产生针对所述目标界面的当前布局的编辑指令;
响应于所述编辑指令,从所述目标界面切换至所述网页编辑界面;
其中,所述网页编辑界面包括模板显示区域和素材选择区域;所述模板显示区域用于显示所述第一界面模板,所述素材选择区域包括多个第二界面模板、备选组件及所述备选组件的样式,所述备选组件包括以下至少一项:页面背景组件、动画组件、可移动组件、颜色组件及图标组件;所述可移动组件包括以下至少一项:播放器组件、贴图组件和文字组件。
再一种实施方式中,在响应于针对目标界面的当前布局的编辑指令,获取模板协议时,所述一条或多条指令可由处理器201加载并具体执行:
响应于针对目标界面的当前布局的编辑指令,向服务器发送协议获取请求,所述协议获取请求中携带所述目标界面的标识,以使所述服务器根据所述目标界面的标识确定第一界面模板,并将所述第一界面模板中的组件的属性值添加至模板协议;其中,所述第一界面模板为与所述目标界面相关联的界面模板,或者为默认界面模板;
接收所述服务器返回的所述模板协议。
再一种实施方式中,所述组件编辑操作包括:新增组件操作或删除组件操作,或新增组件操作和删除组件操作;所述组件的属性值的编辑操作包括:修改属性值的操作;相应的,在响应于针对所述第一界面模板的布局的定制化操作,更新所述模板协议时,所述一条或多条指令可由处理器201加载并具体执行:
响应于针对所述第一界面模板的布局的定制化操作,根据所述定制化操作获取所述模板协议的更新内容,所述更新内容包括以下至少一种:所述第一界面模板中新增组件的标识、所述新增组件的属性值、被删除的组件的标识以及所述第一界面模板中已有组件的属性值的变化值;
采用所述更新内容更新所述模板协议。
再一种实施方式中,该一条或多条指令还可由处理器201加载并具体执行:
向服务器发送协议更新请求,所述协议更新请求携带所述更新内容,以使所述服务器根据所述更新内容同步更新所述服务器内的所述模板协议,并将所述更新后的模板协议下发至至少一个第二终端,以在所述第二终端中根据所述更新后的模板协议同步显示所述目标界面。
再一种实施方式中,在更新所述模板协议之前,所述一条或多条指令还可由处理器201加载并具体执行:
响应于针对所述第一界面模板的布局的定制化操作,采用网页代码动态保存所述定制化操作;
在所述网页编辑界面中渲染并显示所述定制化操作后的第一界面模板;
若检测到针对所述定制化操作后的第一界面模板的保存指令,则触发执行更新所述模板协议的步骤。
再一种实施方式中,在若检测到针对所述定制化操作后的第一界面模板的保存指令,则触发执行更新所述模板协议的步骤时,所述一条或多条指令可由处理器201加载并具体执行:
若检测到针对所述定制化操作后的第一界面模板的保存指令,则检测所述定制化操作所对应的目标组件的类型;
若所述目标组件为免费组件,则触发执行更新所述模板协议的步骤。
再一种实施方式中,在若检测到针对所述定制化操作后的第一界面模板的保存指令,则触发执行更新所述模板协议的步骤时,所述一条或多条指令还可由处理器201加载并具体执行:
若所述目标组件为付费组件,则输出资源获取界面,所述资源获取界面中包括所述目标组件的虚拟资源金额;
在所述资源获取界面中获取所述虚拟资源金额所对应的电子资源;
若获取成功,则触发执行更新所述模板协议的步骤。
再一种实施方式中,所述第一界面模板包括页面背景组件和文字组件,所述组件的属性值的编辑操作包括从第一终端的本地空间选择本地多媒体修改所述第一界面模板中的页面背景组件的样式属性值的操作,所述本地多媒体包括视频或者图像;相应的,该一条或多条指令还可由处理器201加载并具体执行:
在显示所述定制化操作后的第一界面模板的过程中,获取所述本地多媒体的主色调,以及与所述主色调相匹配的文字配色信息;
根据获取到的文字配色信息对所述定制化操作后的第一界面模板中的文字组件所显示的文字颜色进行调整。
再一种实施方式中,在根据所述第一界面模板中的组件的属性值确定所述第一界面模板的布局时,所述一条或多条指令可由处理器201加载并具体执行:
根据所述第一界面模板中的组件的属性值确定各个组件在所述第一界面模板中的姿态信息;
按照所述各个组件在所述第一界面模板中的姿态信息对所述各个组件进行摆放,得到所述第一界面模板的布局。
再一种实施方式中,该一条或多条指令还可由处理器201加载并具体执行:
若所述第一界面模板包括交互组件,则获取与所述交互组件相关联的用户画像数据,所述交互组件是指用于传递用户信息的组件;
在所述第一界面模板中的所述交互组件中显示所述用户画像数据。
本发明实施例可响应于针对目标界面的当前布局的编辑指令,获取模板协议。由于模板协议包括第一界面模板及第一界面模板中的组件的属性值,因此可以根据第一界面模板中的组件的属性值确定第一界面模板的布局,并按照第一界面模板的布局在网页编辑界面中显示第一界面模板。用户可以通过组件编辑操作和/或组件的属性值的编辑操作对第一界面模板的布局进行定制;相应的,终端可响应于针对第一界面模板的布局的定制化操作,更新模板协议。然后根据更新后的模板协议确定目标界面的定制化布局,并按照定制化布局显示目标界面。由此可见,本发明实施例可通过模板协议实现用户对目标界面的布局进行定制,用户可定制的范围更加广泛,使得调整后的界面布局满足用户需求,丰富了目标界面的表现形式。
以上所揭露的仅为本发明较佳实施例而已,当然不能以此来限定本发明之权利范围,因此依本发明权利要求所作的等同变化,仍属本发明所涵盖的范围。
Claims (14)
1.一种业务处理方法,其特征在于,包括:
响应于针对目标界面的当前布局的编辑指令,获取模板协议;所述模板协议包括第一界面模板及所述第一界面模板中的组件的属性值;
根据所述第一界面模板中的组件的属性值确定所述第一界面模板的布局,并按照所述第一界面模板的布局在网页编辑界面中显示所述第一界面模板;
响应于针对所述第一界面模板的布局的定制化操作,更新所述模板协议,所述定制化操作包括以下操作中的至少一种:组件编辑操作和组件的属性值的编辑操作;
根据更新后的模板协议确定所述目标界面的定制化布局,并按照所述定制化布局显示所述目标界面。
2.如权利要求1所述的方法,其特征在于,所述方法还包括:
在第一终端中显示目标界面,所述目标界面包括编辑接口;当所述编辑接口被触发时,所述第一终端产生针对所述目标界面的当前布局的编辑指令;
响应于所述编辑指令,从所述目标界面切换至所述网页编辑界面;
其中,所述网页编辑界面包括模板显示区域和素材选择区域;所述模板显示区域用于显示所述第一界面模板,所述素材选择区域包括多个第二界面模板、备选组件及所述备选组件的样式,所述备选组件包括以下至少一项:页面背景组件、动画组件、可移动组件、颜色组件及图标组件;所述可移动组件包括以下至少一项:播放器组件、贴图组件和文字组件。
3.如权利要求1所述的方法,其特征在于,所述响应于针对目标界面的当前布局的编辑指令,获取模板协议,包括:
响应于针对目标界面的当前布局的编辑指令,向服务器发送协议获取请求,所述协议获取请求中携带所述目标界面的标识,以使所述服务器根据所述目标界面的标识确定第一界面模板,并将所述第一界面模板中的组件的属性值添加至模板协议;其中,所述第一界面模板为与所述目标界面相关联的界面模板,或者为默认界面模板;
接收所述服务器返回的所述模板协议。
4.如权利要求1所述的方法,其特征在于,所述组件编辑操作包括:新增组件操作或删除组件操作,或新增组件操作和删除组件操作;所述组件的属性值的编辑操作包括:修改属性值的操作;
所述响应于针对所述第一界面模板的布局的定制化操作,更新所述模板协议,包括:
响应于针对所述第一界面模板的布局的定制化操作,根据所述定制化操作获取所述模板协议的更新内容,所述更新内容包括以下至少一种:所述第一界面模板中新增组件的标识、所述新增组件的属性值、被删除的组件的标识以及所述第一界面模板中已有组件的属性值的变化值;
采用所述更新内容更新所述模板协议。
5.如权利要求4所述的方法,其特征在于,所述方法还包括:
向服务器发送协议更新请求,所述协议更新请求携带所述更新内容,以使所述服务器根据所述更新内容同步更新所述服务器内的所述模板协议,并将所述更新后的模板协议下发至至少一个第二终端,以在所述第二终端中根据所述更新后的模板协议同步显示所述目标界面。
6.如权利要求1-5任一项所述的方法,其特征在于,所述更新所述模板协议之前,还包括:
响应于针对所述第一界面模板的布局的定制化操作,采用网页代码动态保存所述定制化操作;
在所述网页编辑界面中渲染并显示所述定制化操作后的第一界面模板;
若检测到针对所述定制化操作后的第一界面模板的保存指令,则触发执行更新所述模板协议的步骤。
7.如权利要求6所述的方法,其特征在于,所述若检测到针对所述定制化操作后的第一界面模板的保存指令,则触发执行更新所述模板协议的步骤,包括:
若检测到针对所述定制化操作后的第一界面模板的保存指令,则检测所述定制化操作所对应的目标组件的类型;
若所述目标组件为免费组件,则触发执行更新所述模板协议的步骤。
8.如权利要求7所述的方法,其特征在于,所述若检测到针对所述定制化操作后的第一界面模板的保存指令,则触发执行更新所述模板协议的步骤,还包括:
若所述目标组件为付费组件,则输出资源获取界面,所述资源获取界面中包括所述目标组件的虚拟资源金额;
在所述资源获取界面中获取所述虚拟资源金额所对应的电子资源;
若获取成功,则触发执行更新所述模板协议的步骤。
9.如权利要求6所述的方法,其特征在于,所述第一界面模板包括页面背景组件和文字组件,所述组件的属性值的编辑操作包括从第一终端的本地空间选择本地多媒体修改所述第一界面模板中的页面背景组件的样式属性值的操作,所述本地多媒体包括视频或者图像;所述方法还包括:
在显示所述定制化操作后的第一界面模板的过程中,获取所述本地多媒体的主色调,以及与所述主色调相匹配的文字配色信息;
根据获取到的文字配色信息对所述定制化操作后的第一界面模板中的文字组件所显示的文字颜色进行调整。
10.如权利要求1-5任一项所述的方法,其特征在于,所述根据所述第一界面模板中的组件的属性值确定所述第一界面模板的布局,包括:
根据所述第一界面模板中的组件的属性值确定各个组件在所述第一界面模板中的姿态信息;
按照所述各个组件在所述第一界面模板中的姿态信息对所述各个组件进行摆放,得到所述第一界面模板的布局。
11.如权利要求10所述的方法,其特征在于,所述方法还包括:
若所述第一界面模板包括交互组件,则获取与所述交互组件相关联的用户画像数据,所述交互组件是指用于传递用户信息的组件;
在所述第一界面模板中的所述交互组件中显示所述用户画像数据。
12.一种业务处理装置,其特征在于,包括:
获取单元,用于响应于针对目标界面的当前布局的编辑指令,获取模板协议;所述模板协议包括第一界面模板及所述第一界面模板中的组件的属性值;
处理单元,用于根据所述第一界面模板中的组件的属性值确定所述第一界面模板的布局,并按照所述第一界面模板的布局在网页编辑界面中显示所述第一界面模板;
更新单元,用于响应于针对所述第一界面模板的布局的定制化操作,更新所述模板协议,所述定制化操作包括以下操作中的至少一种:组件编辑操作和组件的属性值的编辑操作;
所述处理单元,用于根据更新后的模板协议确定所述目标界面的定制化布局,并按照所述定制化布局显示所述目标界面。
13.一种终端,包括输入设备和输出设备,其特征在于,还包括:
处理器,适于实现一条或多条指令;以及,
计算机存储介质,所述计算机存储介质存储有一条或多条指令,所述一条或多条指令适于由所述处理器加载并执行如权利要求1-11任一项所述的业务处理方法。
14.一种计算机存储介质,其特征在于,所述计算机存储介质存储有一条或多条指令,所述一条或多条指令适于由处理器加载并执行如权利要求1-11任一项所述的业务处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910460337.3A CN112016023B (zh) | 2019-05-29 | 2019-05-29 | 业务处理方法、装置、终端及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910460337.3A CN112016023B (zh) | 2019-05-29 | 2019-05-29 | 业务处理方法、装置、终端及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112016023A true CN112016023A (zh) | 2020-12-01 |
CN112016023B CN112016023B (zh) | 2023-08-18 |
Family
ID=73500843
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910460337.3A Active CN112016023B (zh) | 2019-05-29 | 2019-05-29 | 业务处理方法、装置、终端及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112016023B (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112925855A (zh) * | 2021-04-12 | 2021-06-08 | 平安科技(深圳)有限公司 | 主题模板同步方法、装置、设备及存储介质 |
CN113992928A (zh) * | 2021-10-25 | 2022-01-28 | 北京达佳互联信息技术有限公司 | 直播间展示方法、装置、电子设备及存储介质 |
CN114626036A (zh) * | 2020-12-08 | 2022-06-14 | 腾讯科技(深圳)有限公司 | 基于人脸识别的信息处理方法、装置、存储介质及终端 |
CN115426520A (zh) * | 2022-08-30 | 2022-12-02 | 无限魔方(深圳)科技有限公司 | 一种对直播间的直播场景进行布置的方法、装置及设备 |
CN114626036B (zh) * | 2020-12-08 | 2024-05-24 | 腾讯科技(深圳)有限公司 | 基于人脸识别的信息处理方法、装置、存储介质及终端 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20160001551A (ko) * | 2014-06-27 | 2016-01-06 | 주식회사 디지털프로그 | Html 기반의 웹페이지 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록매체 |
CN105574049A (zh) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | 移动应用的页面处理方法、装置和系统 |
CN107463584A (zh) * | 2016-06-06 | 2017-12-12 | 腾讯科技(深圳)有限公司 | 一种交互页面的编辑处理方法及终端 |
CN107908399A (zh) * | 2017-11-14 | 2018-04-13 | 山东浪潮通软信息科技有限公司 | 一种页面开发方法及装置 |
CN108495192A (zh) * | 2018-03-13 | 2018-09-04 | 武汉斗鱼网络科技有限公司 | 页面编辑处理方法及装置 |
CN109558018A (zh) * | 2017-09-27 | 2019-04-02 | 腾讯科技(深圳)有限公司 | 一种内容展示方法、装置及存储介质 |
CN109656651A (zh) * | 2018-11-13 | 2019-04-19 | 麒麟合盛网络技术股份有限公司 | 网页自定义方法及装置 |
-
2019
- 2019-05-29 CN CN201910460337.3A patent/CN112016023B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20160001551A (ko) * | 2014-06-27 | 2016-01-06 | 주식회사 디지털프로그 | Html 기반의 웹페이지 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록매체 |
CN105574049A (zh) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | 移动应用的页面处理方法、装置和系统 |
CN107463584A (zh) * | 2016-06-06 | 2017-12-12 | 腾讯科技(深圳)有限公司 | 一种交互页面的编辑处理方法及终端 |
CN109558018A (zh) * | 2017-09-27 | 2019-04-02 | 腾讯科技(深圳)有限公司 | 一种内容展示方法、装置及存储介质 |
CN107908399A (zh) * | 2017-11-14 | 2018-04-13 | 山东浪潮通软信息科技有限公司 | 一种页面开发方法及装置 |
CN108495192A (zh) * | 2018-03-13 | 2018-09-04 | 武汉斗鱼网络科技有限公司 | 页面编辑处理方法及装置 |
CN109656651A (zh) * | 2018-11-13 | 2019-04-19 | 麒麟合盛网络技术股份有限公司 | 网页自定义方法及装置 |
Non-Patent Citations (1)
Title |
---|
苏茜 等: "《从零开始学电脑》", 30 May 2012 * |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114626036A (zh) * | 2020-12-08 | 2022-06-14 | 腾讯科技(深圳)有限公司 | 基于人脸识别的信息处理方法、装置、存储介质及终端 |
CN114626036B (zh) * | 2020-12-08 | 2024-05-24 | 腾讯科技(深圳)有限公司 | 基于人脸识别的信息处理方法、装置、存储介质及终端 |
CN112925855A (zh) * | 2021-04-12 | 2021-06-08 | 平安科技(深圳)有限公司 | 主题模板同步方法、装置、设备及存储介质 |
CN113992928A (zh) * | 2021-10-25 | 2022-01-28 | 北京达佳互联信息技术有限公司 | 直播间展示方法、装置、电子设备及存储介质 |
CN115426520A (zh) * | 2022-08-30 | 2022-12-02 | 无限魔方(深圳)科技有限公司 | 一种对直播间的直播场景进行布置的方法、装置及设备 |
Also Published As
Publication number | Publication date |
---|---|
CN112016023B (zh) | 2023-08-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP3531257B1 (en) | Application interface management method and apparatus | |
JP6868705B2 (ja) | メッセージ処理方法、記憶媒体、及びコンピュータ機器 | |
US11800192B2 (en) | Bullet screen processing method and apparatus, electronic device, and computer-readable storage medium | |
CN110798501B (zh) | 一种数据处理方法、装置以及可读存储介质 | |
CN112016023B (zh) | 业务处理方法、装置、终端及存储介质 | |
CN108228293B (zh) | 一种界面皮肤切换方法及装置 | |
US20210019106A1 (en) | Desktop Sharing Method and Mobile Terminal | |
CN106533926B (zh) | 一种网页信息传播方法以及装置 | |
JP2022520263A (ja) | ミニプログラムのデータバインディング方法、装置、デバイス及びコンピュータプログラム | |
CN113268226A (zh) | 页面数据生成方法、装置、存储介质及设备 | |
US11314391B2 (en) | Navigation bar controlling method and terminal | |
CN114185465B (zh) | 信息处理方法、装置、存储介质和电子设备 | |
CN111782097A (zh) | 图像资源切换方法及装置 | |
CN112527434A (zh) | 页面展示的方法、终端、服务器、系统、电子设备 | |
CN111596911A (zh) | 生成控件的方法、装置、计算机设备和存储介质 | |
CN110971974B (zh) | 配置参数创建方法、装置、终端及存储介质 | |
CN110750711B (zh) | 数据推送方法、装置、计算机设备及存储介质 | |
CN113076499A (zh) | 一种页面互动方法、装置、设备、介质及程序产品 | |
US20110283195A1 (en) | Device theme matching | |
CN111324398B (zh) | 最近内容的处理方法、装置、终端及存储介质 | |
CN111008057A (zh) | 页面展示方法、装置及存储介质 | |
CN112068873A (zh) | 网页生成方法、装置、服务器及存储介质 | |
CN111061532B (zh) | 一种壁纸展示方法及终端设备 | |
CN107862728B (zh) | 图片标签的添加方法、装置及计算机可读存储介质 | |
CN112799552A (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 |