CN108399173A - 一种页面组件的样式配置、页面生成方法及其装置 - Google Patents
一种页面组件的样式配置、页面生成方法及其装置 Download PDFInfo
- Publication number
- CN108399173A CN108399173A CN201710067110.3A CN201710067110A CN108399173A CN 108399173 A CN108399173 A CN 108399173A CN 201710067110 A CN201710067110 A CN 201710067110A CN 108399173 A CN108399173 A CN 108399173A
- Authority
- CN
- China
- Prior art keywords
- parameter value
- information
- pattern parameter
- style information
- page assembly
- 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
Abstract
本申请提供一种页面组件的样式配置、页面生成方法及其装置,该页面组件的样式配置方法包括:维护映射关系,所述映射关系包括样式信息与样式参数值的对应关系;接收携带样式信息的查询命令,通过所述查询命令携带的样式信息查询所述映射关系,得到与所述查询命令携带的样式信息匹配的样式参数值;利用所述样式参数值进行页面组件的样式配置。通过本申请的技术方案,可以实现样式的自动化配置,实现多种样式的页面组件,满足各种差异化的样式需求,在组件开发过程中可以复用样式参数值,无需人工介入,从而节约人工资源。可以提高页面组件的显示效果,提高用户使用感受。
Description
技术领域
本申请涉及互联网技术领域,尤其涉及一种页面组件的样式配置、页面生成方法及其装置。
背景技术
互联网技术的迅猛发展,将人们带入信息社会时代,对人们生活产生了深刻影响,人们可以通过各种方式获取互联网上海量的信息,以满足生活、工作、学习等各方面的需求。为了方便用户进行网页浏览,可以在网页中添加扩展功能的页面组件,该页面组件也称为网页组件或者web组件,页面组件是被常态化定性交互方式和结构的部件,通过页面组件可以轻松构造出令人耳目一新的,具有RIA(Rich Internet Application,丰富互联网应用)特征的web应用界面。
随着页面组件的大量应用,页面组件的样式越来越多,针对同一页面组件,不同设计师可能设计出不同的样式,即一个页面组件可能对应多个样式,而在页面组件的开发过程中,需要针对每种样式编写一套代码,以实现这种样式的页面组件,从而在组件开发过程中浪费大量资源。例如,针对页面组件A,需要分别编写样式1的页面组件A、样式2的页面组件A、样式3的页面组件A。
发明内容
本申请提供一种页面组件的样式配置方法,所述方法包括:
维护映射关系,所述映射关系包括样式信息与样式参数值的对应关系;
接收携带样式信息的查询命令,通过所述查询命令携带的样式信息查询所述映射关系,得到与所述查询命令携带的样式信息匹配的样式参数值;
利用所述样式参数值进行页面组件的样式配置。
本申请提供一种页面生成方法,所述方法包括:
获取页面组件对应的样式信息;
通过所述样式信息查询映射关系,得到与所述样式信息匹配的样式参数值;其中,所述映射关系具体包括样式信息与样式参数值的对应关系;
利用所述样式参数值生成页面组件;
利用所述页面组件生成页面。
本申请提供一种页面组件的样式配置装置,所述装置包括:
维护模块,用于维护映射关系,所述映射关系包括样式信息与样式参数值的对应关系;
接收模块,用于接收携带样式信息的查询命令;
获得模块,用于通过所述查询命令携带的样式信息查询所述映射关系,得到与所述查询命令携带的样式信息匹配的样式参数值;
配置模块,用于利用所述样式参数值进行页面组件的样式配置。
本申请提供一种页面生成装置,所述装置包括:
第一获取模块,用于获取页面组件对应的样式信息;
第二获取模块,用于通过所述样式信息查询映射关系,得到与所述样式信息匹配的样式参数值;所述映射关系包括样式信息与样式参数值的对应关系;
第一生成模块,用于利用所述样式参数值生成页面组件;
第二生成模块,利用所述页面组件生成页面。
基于上述技术方案,本申请实施例中,随着页面组件的大量应用,页面组件的样式越来越多,针对同一页面组件,不同设计师可能设计出不同的样式,即一个页面组件可能对应多个样式,在页面组件的开发过程中,并不需要针对每种样式编写一套代码,而是将样式信息确定为变量,将该样式信息对应的参数值确定为样式参数值,这样,在需要生成页面组件时,只需要获取到该页面组件对应的样式信息,就可以查询到与该样式信息匹配的样式参数值,并利用该样式参数值生成页面组件,从而实现样式的自动化配置,实现多种样式的页面组件,满足各种差异化的样式需求,在组件开发过程中可以复用样式参数值,无需人工介入,从而节约人工资源。而且,可以实时可视化的修改样式参数值,从而到达修改样式的目的,并且可以独立配置单个页面组件的颜色、颜色属性、线条、描边等属性,提高页面组件的显示效果,继而提高用户使用感受。
附图说明
为了更加清楚地说明本申请实施例或者现有技术中的技术方案,下面将对本申请实施例或者现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域普通技术人员来讲,还可以根据本申请实施例的这些附图获得其它的附图。
图1是本申请一种实施方式中的页面组件的样式配置方法的流程图;
图2是本申请一种实施方式中的页面生成方法的流程图;
图3A和图3B是本申请一种实施方式中的应用场景示意图;
图4A是本申请另一种实施方式中的页面生成方法的流程图;
图4B是本申请一种实施方式中的管理界面的示意图;
图5是本申请一种实施方式中的服务器的硬件结构图;
图6是本申请一种实施方式中的页面组件的样式配置装置的结构图;
图7是本申请一种实施方式中的服务器的硬件结构图;
图8是本申请一种实施方式中的页面生成装置的结构图。
具体实施方式
在本申请使用的术语仅仅是出于描述特定实施例的目的,而非限制本申请。本申请和权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其它含义。还应当理解,本文中使用的术语“和/或”是指包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本申请可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本申请范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,此外,所使用的词语“如果”可以被解释成为“在……时”,或者“当……时”,或者“响应于确定”。
本申请实施例中提出一种页面组件的样式配置方法,该方法可以应用于服务器,参见图1所示,为页面组件的样式配置方法的流程图,该方法可以包括:
步骤101,维护映射关系,映射关系包括样式信息与样式参数值的对应关系。
步骤102,接收携带样式信息的查询命令,通过查询命令携带的样式信息查询该映射关系,得到与查询命令携带的样式信息匹配的样式参数值。
步骤103,利用该样式参数值进行页面组件的样式配置。
在一个例子中,上述执行顺序只是为了方便描述所给出的一个示例,在实际应用中,还可以改变各步骤之间的执行顺序,对此执行顺序不做限制。
针对步骤101,在一个例子中,针对“维护映射关系”的过程,可以包括但不限于:将预先配置的样式信息确定为变量;将该样式信息对应的参数值确定为样式参数值;在该映射关系中记录该样式信息与该样式参数值的对应关系。
在一个例子中,还可以对该映射关系中记录的样式参数值进行修改,而为了对样式参数值进行修改,还可以在服务器下发携带样式信息(即需要修改的样式信息)和样式参数值(即修改后的样式参数值)的修改命令(该修改命令表示需要对样式参数值进行修改)。基于此,可以接收携带样式信息和样式参数值的修改命令,从该映射关系中查询与该修改命令中的样式信息匹配的样式参数值,并将查询到的样式参数值修改为该修改命令中的样式参数值。
针对步骤101和步骤102,在一个例子中,样式信息可以包括但不限于以下之一或者任意组合:尺寸信息(size)、形状信息(shape)、状态信息(statement)。
在一个例子中,页面组件可以被拆解为尺寸纬度、形状纬度、状态纬度。而且,所述尺寸纬度包括多个尺寸级别,且所述尺寸信息为其中一个尺寸级别;所述形状纬度包括多个形状级别,且所述形状信息为其中一个形状级别;所述状态纬度包括多个状态级别,且状态信息为其中一个状态级别。
针对步骤103,在一个例子中,针对“利用该样式参数值进行页面组件的样式配置”的过程,可以包括但不限于:利用该样式参数值确定页面组件的样式,并生成与该样式关联的页面组件,即页面组件的样式为利用该样式参数值确定的样式,这样,就可以使用该样式参数值进行页面组件的样式配置。
基于上述技术方案,本申请实施例中,随着页面组件的大量应用,页面组件的样式越来越多,针对同一页面组件,不同设计师可能设计出不同的样式,即一个页面组件可能对应多个样式,在页面组件的开发过程中,并不需要针对每种样式编写一套代码,而是将样式信息确定为变量,将该样式信息对应的参数值确定为样式参数值,这样,在需要生成页面组件时,只需要获取到该页面组件对应的样式信息,就可以查询到与该样式信息匹配的样式参数值,并利用该样式参数值生成页面组件,从而实现样式的自动化配置,实现多种样式的页面组件,满足各种差异化的样式需求,在组件开发过程中可以复用样式参数值,无需人工介入,从而节约人工资源。而且,可以实时可视化的修改样式参数值,从而到达修改样式的目的,并且可以独立配置单个页面组件的颜色、颜色属性、线条、描边等属性,提高页面组件的显示效果,继而提高用户使用感受。
本申请实施例中提出一种页面生成方法,该方法可以应用于服务器,参见图2所示,为本申请实施例中的页面生成方法的流程图,该方法可以包括:
步骤201,获取页面组件对应的样式信息。
步骤202,通过该样式信息查询映射关系,得到与该样式信息匹配的样式参数值;其中,该映射关系具体包括样式信息与样式参数值的对应关系。
步骤203,利用该样式参数值生成页面组件。
步骤204,利用该页面组件生成页面。
在一个例子中,上述执行顺序只是为了方便描述所给出的一个示例,在实际应用中,还可以改变各步骤之间的执行顺序,对此执行顺序不做限制。
在一个例子中,在“通过样式信息查询映射关系,得到与样式信息匹配的样式参数值”之前,还可以维护该映射关系,针对该映射关系的维护过程,可以包括:将预先配置的样式信息确定为变量;将该样式信息对应的参数值确定为样式参数值;在该映射关系中记录该样式信息与该样式参数值的对应关系。
在一个例子中,还可以对该映射关系中记录的样式参数值进行修改,而为了对样式参数值进行修改,还可以在服务器下发携带样式信息(即需要修改的样式信息)和样式参数值(即修改后的样式参数值)的修改命令(该修改命令表示需要对样式参数值进行修改)。基于此,服务器可以接收携带样式信息和样式参数值的修改命令,从映射关系中查询与该修改命令中的样式信息匹配的样式参数值,并将查询到的样式参数值修改为该修改命令中的样式参数值。
针对步骤201和步骤202,在一个例子中,样式信息可以包括但不限于以下之一或者任意组合:尺寸信息(size)、形状信息(shape)、状态信息(statement)。
针对步骤201,在一个例子中,针对“获取页面组件对应的样式信息”的过程,可以包括但不限于如下方式:将页面组件拆解为尺寸纬度、形状纬度、状态纬度。进一步的,获取该页面组件在该尺寸纬度的尺寸信息;获取该页面组件在该形状纬度的形状信息;获取该页面组件在该状态纬度的状态信息。
在一个例子中,所述尺寸纬度包括多个尺寸级别,且所述尺寸信息为其中一个尺寸级别;所述形状纬度包括多个形状级别,且所述形状信息为其中一个形状级别;所述状态纬度包括多个状态级别,且状态信息为其中一个状态级别。
针对步骤203,在一个例子中,针对“利用该样式参数值生成页面组件”的过程,可以包括但不限于:利用该样式参数值确定该页面组件的样式,并生成与该样式关联的页面组件,即页面组件的样式为利用该样式参数值确定的样式。
针对步骤204,在一个例子中,针对“利用该页面组件生成页面”的过程,可以包括但不限于:在接收到来自客户端的页面访问请求后,确定页面上需要显示的页面组件(一个或者多个页面组件)。针对每个页面组件,按照步骤201-步骤203的流程,生成该页面组件。在生成每个页面组件之后,可以将生成的页面组件部署在页面上,这样,就可以得到包括一个或者多个页面组件的页面。
进一步的,在利用该页面组件生成页面之后,还可以将该页面发送给客户端,以使客户端将该页面显示给用户,从而可以完成页面的生成与展示。
基于上述技术方案,本申请实施例中,随着页面组件的大量应用,页面组件的样式越来越多,针对同一页面组件,不同设计师可能设计出不同的样式,即一个页面组件可能对应多个样式,在页面组件的开发过程中,并不需要针对每种样式编写一套代码,而是将样式信息确定为变量,将该样式信息对应的参数值确定为样式参数值,这样,在需要生成页面组件时,只需要获取到该页面组件对应的样式信息,就可以查询到与该样式信息匹配的样式参数值,并利用该样式参数值生成页面组件,从而实现样式的自动化配置,实现多种样式的页面组件,满足各种差异化的样式需求,在组件开发过程中可以复用样式参数值,无需人工介入,从而节约人工资源。而且,可以实时可视化的修改样式参数值,从而到达修改样式的目的,并且可以独立配置单个页面组件的颜色、颜色属性、线条、描边等属性,提高页面组件的显示效果,继而提高用户使用感受。
以下结合具体的应用场景,对本申请实施例的上述技术方案进行说明。
如图3A所示,为本申请实施例的应用场景示意图,该页面生成方法可以应用于包括客户端和服务器的系统中。该客户端可以是终端设备(如PC(Personal Computer,个人计算机)、笔记本电脑、移动终端等)上的APP(应用),也可以是终端设备上的浏览器,对此客户端的类型不做限制,所有能够访问服务器的客户端,均在本申请实施例的保护范围之内。此外,服务器是具有页面生成功能的设备,如服务器可以是数据平台、电商平台等,对此服务器的类型不做限制,所有具有页面生成功能的设备,均在本申请实施例的保护范围之内。
在一个例子中,为了生成页面,需要在服务器实现页面组件的开发功能,如图3B所示,基于页面组件的开发功能,可以得到页面组件,继而使用页面组件生成页面。其中,页面组件也可以称为网页组件或者web组件,后续以页面组件为例进行说明,页面组件是被常态化定性交互方式和结构的部件,通过页面组件可以轻松构造出令人耳目一新的,具有RIA特征的web应用界面。
在一个例子中,该页面组件可以包括但不限于:工具栏、表格(即tab)、按钮(即button)、树、联动下拉框、导航栏、输入框、对话框(即dialog)等。当然,上述过程中,只是给出了页面组件的几个示例,在实际应用中,并不局限于这些页面组件,本申请实施例中,对此页面组件的类型不做详加限制。
在实际应用中,为了方便用户进行页面浏览,可以在页面中添加各种扩展功能的页面组件,为了使一个页面组件可以满足各式各样的样式需求,则一个页面组件可能对应多个样式。在传统方式中,为了使一个页面组件对应多个样式,在页面组件的开发过程中,需要针对每种样式编写一套代码,以实现这种样式的页面组件,从而在组件开发过程中浪费大量资源。例如,针对页面组件A,需要分别编写样式1的页面组件A、样式2的页面组件A、样式3的页面组件A。
与上述方式不同的是,本申请实施例中,通过一套自动化配置的程序,以选择的方式进行样式的自动化配置,从而满足多样式的需求,开发无需人工介入,无需绘制稿件,无需书写代码。例如,针对页面组件A,若需要样式1的页面组件A,则从预先配置的样式参数值中选择与样式1有关的样式参数值,并利用与样式1有关的样式参数值生成页面组件A;若需要样式2的页面组件A,则从样式参数值中选择与样式2有关的样式参数值,并利用与样式2有关的样式参数值生成页面组件A;若需要样式3的页面组件A,则从样式参数值中选择与样式3有关的样式参数值,并利用与样式3有关的样式参数值生成页面组件A。在上述过程中,上述的样式参数值可以预先配置好,而在页面组件的开发过程中,可以复用这些样式参数值,就可以生成多种样式的页面组件。
为了实现上述功能,在一个例子中,可以在服务器维护一个映射关系(如通过映射表或者其它数据结构的方式维护),该映射关系可以包括样式信息与样式参数值的对应关系。针对该映射关系的维护过程,可以包括但不限于如下方式:将预先配置的样式信息确定为变量;将该样式信息对应的参数值确定为样式参数值;在该映射关系中记录该样式信息与该样式参数值的对应关系。
在一个例子中,该样式信息可以包括但不限于以下之一或者任意组合:尺寸信息(size)、形状信息(shape)、状态信息(statement)。
进一步的,还可以将页面组件拆解为尺寸纬度、形状纬度、状态纬度。所述尺寸纬度包括多个尺寸级别,所述尺寸信息为每个尺寸级别,且每个尺寸级别对应有样式参数值;所述形状纬度包括多个形状级别,所述形状信息为每个形状级别,且每个形状级别对应有样式参数值;所述状态纬度包括多个状态级别,所述状态信息为每个状态级别,且每个状态级别对应有样式参数值。
在一个例子中,可以通过三维解构的方法(即尺寸纬度、形状纬度、状态纬度)拆解页面组件的样式,并将拆解出的样式信息确定为变量,并将该样式信息对应的参数值确定为样式参数值。其中,针对拆解出的尺寸纬度,可以包括但不限于这个页面组件的大小(如s(小)、m(中)、l(大)等)、各部位的尺寸(如边线的宽度,字体的大小,总高度等)等信息。针对拆解出的形状纬度,可以包括但不限于这个页面组件的外形总类,如输入框的样式可以分为外包围和通栏等信息。针对拆解出的状态纬度,可以包括但不限于这个页面组件的各种交互状态(normal(常规),hover(悬停),focus(集中),disable(禁用)等)下的样式变化,如颜色,边角,线条在各样式下的变化效果等。
以下结合几个具体的应用场景,对样式信息和样式参数值进行详细说明。
应用场景1,页面组件为输入框。在此应用场景1下,该尺寸纬度可以包括但不限于如下三个尺寸级别:s(小)、m(中)、l(大);该形状纬度可以包括但不限于如下两个形状级别:inset(外包围)和inclosed(通栏);该状态纬度可以包括但不限于如下七个状态级别:normal(常规)、hover(悬停)、focus(集中)、input(输入)、error(错误)、success(成功)、disable(禁用)。
基于上述应用场景,尺寸信息(size)就可以是s、m、l,形状信息(shape)就可以是inset和inclosed,状态信息(statement)就可以是normal、hover、focus、input、error、success、disable。而且,如表1所示,是将样式信息确定为变量,将该样式信息对应的参数值确定为样式参数值时,映射关系的一个示例。
表1
应用场景2,页面组件为按钮(button)。在此应用场景2下,该尺寸纬度可以包括但不限于如下三个尺寸级别:s、m、l;该形状纬度可以包括但不限于如下三个形状级别:menu(菜单)、split(分离)、group(组);此外,该状态纬度可以包括但不限于如下三个状态级别:normal、hover、disable。
基于上述应用场景,尺寸信息(size)就可以是s、m、l,形状信息(shape)就可以是menu、split、group,状态信息(statement)就可以是normal、hover、disable。而且,如表2所示,是将样式信息确定为变量,将该样式信息对应的参数值确定为样式参数值时,映射关系的一个示例,其未给出具体的样式参数值。
表2
需要说明的是,上述表1和表2只是给出了尺寸信息、形状信息、状态信息的几个示例,本申请实施例中并不局限于此,对此不做限制。表1中也只是给出了样式参数值的几个示例,本申请实施例中并不局限于此,对此不做限制。
在表1和表2中,参数“menu”、“s”、“m”、“l”、“normal”、“hover”“disable”等都是可变量,可以通过在线可视化预览组件,对这些可变量对应的样式参数值进行修改。为了对样式参数值进行修改,可以在服务器下发携带样式信息(即需要修改的样式信息)和样式参数值(即修改后的样式参数值)的修改命令(该修改命令表示需要对样式参数值进行修改)。服务器在接收到该修改命令之后,可以从映射关系中查询与该修改命令中的样式信息匹配的样式参数值,并将查询到的样式参数值修改为该修改命令中的样式参数值。
例如,基于表1,修改命令可以携带如下内容“inset、s、bounding(外边框)的高度=A10”,基于此修改命令携带的样式信息和样式参数值,可以将表1中的“bounding(外边框)的高度=A1”修改为“bounding(外边框)的高度=A10”。
基于上述应用场景,参见图4A所示,为本申请实施例中提出的页面生成方法的流程图,该方法可以应用于服务器,该方法可以包括以下步骤:
步骤401,获取页面组件对应的样式信息。
以页面组件为“输入框”为例,可以将页面组件拆解为尺寸纬度、形状纬度、状态纬度,并获取该页面组件在该尺寸纬度的尺寸信息,如尺寸信息可以为m,并获取该页面组件在该形状纬度的形状信息,如形状信息可以为inset,并获取该页面组件在该状态纬度的状态信息,如状态信息可以为normal。
在一个例子中,服务器可以接收携带样式信息的查询命令,如查询命令携带页面组件在尺寸纬度的尺寸信息(如尺寸信息m)、页面组件在形状纬度的形状信息(如形状信息inset)、页面组件在状态纬度的状态信息(如状态信息normal)。其中,服务器可以向用户展示图4B所示的管理界面,用户可以在管理界面选择样式信息,如形状信息inset、尺寸信息m、状态信息normal,这样,就可以接收到携带形状信息inset、尺寸信息m、状态信息normal的查询命令。
步骤402,通过该样式信息(如尺寸信息m、形状信息inset、状态信息normal等)查询映射关系,得到与该样式信息匹配的样式参数值。
例如,在通过“尺寸信息m、形状信息inset、状态信息normal”查询表1所示的映射关系时,可以得到与“尺寸信息m、形状信息inset、状态信息normal”匹配的样式参数值为:“bounding(外边框)的高度=A2、text(字号)=B2、text-error(出错字号)=C2、border(边框宽度)=D2”;“text-color(文本颜色)=D1,border-color(边框颜色)=E1,background color(背景颜色)=F1”等。
步骤403,利用该样式参数值确定该页面组件的样式。
步骤404,生成与该样式关联的页面组件,即页面组件的样式为确定的样式。
步骤405,利用该页面组件生成页面。
其中,在接收到来自客户端的页面访问请求后,确定页面上需要显示的页面组件(一个或者多个页面组件)。针对每个页面组件,按照步骤401-步骤404的流程,生成该页面组件。在生成每个页面组件之后,可以将生成的页面组件部署在页面上,这样,就可以得到包括一个或者多个页面组件的页面。
步骤406,将该页面发送给客户端,以使客户端将该页面显示给用户。
基于上述技术方案,本申请实施例中,随着页面组件的大量应用,页面组件的样式越来越多,针对同一页面组件,不同设计师可能设计出不同的样式,即一个页面组件可能对应多个样式,在页面组件的开发过程中,并不需要针对每种样式编写一套代码,而是将样式信息确定为变量,将该样式信息对应的参数值确定为样式参数值,这样,在需要生成页面组件时,只需要获取到该页面组件对应的样式信息,就可以查询到与该样式信息匹配的样式参数值,并利用该样式参数值生成页面组件,从而实现样式的自动化配置,实现多种样式的页面组件,满足各种差异化的样式需求,在组件开发过程中可以复用样式参数值,无需人工介入,从而节约人工资源。而且,可以实时可视化的修改样式参数值,从而到达修改样式的目的,并且可以独立配置单个页面组件的颜色、颜色属性、线条、描边等属性,提高页面组件的显示效果,继而提高用户使用感受。
基于与上述方法同样的申请构思,本申请实施例中还提供一种页面组件的样式配置装置120,该页面组件的样式配置装置120可以应用在服务器10。其中,该页面组件的样式配置装置120可以通过软件实现,也可以通过硬件或者软硬件结合的方式实现。以软件实现为例,作为一个逻辑意义上的装置,是通过其所在的服务器10的处理器11,读取非易失性存储器12中对应的计算机程序指令形成的。从硬件层面而言,如图5所示,为该页面组件的样式配置装置120所在的服务器10的一种硬件结构图,除图5所示的处理器11、非易失性存储器12外,该服务器10还可以包括其它硬件,如负责处理报文的转发芯片、网络接口、内存等;从硬件结构上来讲,该服务器10还可能是分布式设备,可能包括多个接口卡,以便在硬件层面进行报文处理的扩展。
如图6所示,为页面组件的样式配置装置120的结构图,所述装置包括:
维护模块1201,用于维护映射关系,所述映射关系包括样式信息与样式参数值的对应关系;
接收模块1202,用于接收携带样式信息的查询命令;
获得模块1203,用于通过所述查询命令携带的样式信息查询所述映射关系,得到与所述查询命令携带的样式信息匹配的样式参数值;
配置模块1204,用于利用所述样式参数值进行页面组件的样式配置。
在一个例子中,所述维护模块1201,具体用于在维护映射关系的过程中,将预先配置的样式信息确定为变量,并将该样式信息对应的参数值确定为样式参数值,并在所述映射关系中记录该样式信息与该样式参数值的对应关系;
所述维护模块1201,还用于在接收到携带样式信息和样式参数值的修改命令之后,从所述映射关系中查询与所述修改命令中的样式信息匹配的样式参数值,并将查询到的样式参数值修改为所述修改命令中的样式参数值。
在一个例子中,所述样式信息具体包括以下之一或者任意组合:尺寸信息、形状信息、状态信息;其中,页面组件被拆解为尺寸纬度、形状纬度、状态纬度;进一步的,所述尺寸纬度包括多个尺寸级别,所述尺寸信息为其中一个尺寸级别;所述形状纬度包括多个形状级别,所述形状信息为其中一个形状级别;所述状态纬度包括多个状态级别,所述状态信息为其中一个状态级别。
基于与上述方法同样的申请构思,本申请实施例还提供一种页面生成装置220,该页面生成装置220应用在服务器20。页面生成装置220可以通过软件实现,也可以通过硬件或者软硬件结合的方式实现。以软件实现为例,作为一个逻辑意义上的装置,是通过其所在的服务器20的处理器21,读取非易失性存储器22中对应的计算机程序指令形成的。从硬件层面而言,如图7所示,为页面生成装置220所在的服务器20的一种硬件结构图,除图7所示的处理器21、非易失性存储器22外,服务器20还可以包括其它硬件,如负责处理报文的转发芯片、网络接口、内存等;从硬件结构上来讲,服务器20还可能是分布式设备,可能包括多个接口卡,以便在硬件层面进行报文处理的扩展。
如图8所示,为本申请提出的页面生成装置的结构图,所述装置包括:
第一获取模块2201,用于获取页面组件对应的样式信息;
第二获取模块2202,用于通过所述样式信息查询映射关系,得到与所述样式信息匹配的样式参数值;该映射关系包括样式信息与样式参数值的对应关系;
第一生成模块2203,用于利用所述样式参数值生成页面组件;
第二生成模块2204,利用所述页面组件生成页面。
在一个例子中,所述页面生成装置还包括(在图中未体现):
维护模块,用于维护所述映射关系;在维护所述映射关系的过程中,将预先配置的样式信息确定为变量,并将该样式信息对应的参数值确定为样式参数值,并在所述映射关系中记录该样式信息与该样式参数值的对应关系;
所述维护模块,还用于接收携带样式信息和样式参数值的修改命令,并从所述映射关系中查询与所述修改命令中的样式信息匹配的样式参数值,并将查询到的样式参数值修改为所述修改命令中的样式参数值。
在一个例子中,所述样式信息具体包括以下之一或者任意组合:尺寸信息、形状信息、状态信息;所述第一获取模块2201,具体用于在获取页面组件对应的样式信息的过程中,将所述页面组件拆解为尺寸纬度、形状纬度、状态纬度,并获取所述页面组件在所述尺寸纬度的尺寸信息,并获取所述页面组件在所述形状纬度的形状信息,并获取所述页面组件在所述状态纬度的状态信息;
其中,所述尺寸纬度包括多个尺寸级别,所述尺寸信息为其中一个尺寸级别;所述形状纬度包括多个形状级别,所述形状信息为其中一个形状级别;所述状态纬度包括多个状态级别,所述状态信息为其中一个状态级别。
在一个例子中,所述第一生成模块2203,具体用于在利用所述样式参数值生成页面组件的过程中,利用所述样式参数值确定所述页面组件的样式,并生成与所述样式关联的页面组件。
上述实施例阐明的系统、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机,计算机的具体形式可以是个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件收发设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任意几种设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可以由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其它可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其它可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
而且,这些计算机程序指令也可以存储在能引导计算机或其它可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或者多个流程和/或方框图一个方框或者多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其它可编程数据处理设备上,使得在计算机或者其它可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其它可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可以采用完全硬件实施例、完全软件实施例、或者结合软件和硬件方面的实施例的形式。而且,本申请可以采用在一个或者多个其中包含有计算机可用程序代码的计算机可用存储介质(可以包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (16)
1.一种页面组件的样式配置方法,其特征在于,所述方法包括:
维护映射关系,所述映射关系包括样式信息与样式参数值的对应关系;
接收携带样式信息的查询命令,通过所述查询命令携带的样式信息查询所述映射关系,得到与所述查询命令携带的样式信息匹配的样式参数值;
利用所述样式参数值进行页面组件的样式配置。
2.根据权利要求1所述的方法,其特征在于,所述维护映射关系,包括:
将预先配置的样式信息确定为变量;
将该样式信息对应的参数值确定为样式参数值;
在所述映射关系中记录该样式信息与该样式参数值的对应关系。
3.根据权利要求1或2所述的方法,其特征在于,所述方法还包括:
接收携带样式信息和样式参数值的修改命令;
从所述映射关系中查询与所述修改命令中的样式信息匹配的样式参数值;
将查询到的样式参数值修改为所述修改命令中的样式参数值。
4.根据权利要求1或2所述的方法,其特征在于,所述样式信息具体包括以下之一或者任意组合:尺寸信息、形状信息、状态信息;
其中,页面组件被拆解为尺寸纬度、形状纬度、状态纬度;
所述尺寸纬度包括多个尺寸级别,所述尺寸信息为其中一个尺寸级别;
所述形状纬度包括多个形状级别,所述形状信息为其中一个形状级别;
所述状态纬度包括多个状态级别,所述状态信息为其中一个状态级别。
5.一种页面生成方法,其特征在于,所述方法包括:
获取页面组件对应的样式信息;
通过所述样式信息查询映射关系,得到与所述样式信息匹配的样式参数值;其中,所述映射关系具体包括样式信息与样式参数值的对应关系;
利用所述样式参数值生成页面组件;
利用所述页面组件生成页面。
6.根据权利要求5所述的方法,其特征在于,所述通过所述样式信息查询映射关系,得到与所述样式信息匹配的样式参数值之前,所述方法还包括:
将预先配置的样式信息确定为变量;
将该样式信息对应的参数值确定为样式参数值;
在所述映射关系中记录该样式信息与该样式参数值的对应关系。
7.根据权利要求5或6所述的方法,其特征在于,所述方法还包括:
接收携带样式信息和样式参数值的修改命令;
从所述映射关系中查询与所述修改命令中的样式信息匹配的样式参数值;
将查询到的样式参数值修改为所述修改命令中的样式参数值。
8.根据权利要求5或6所述的方法,其特征在于,所述样式信息具体包括以下之一或者任意组合:尺寸信息、形状信息、状态信息。
9.根据权利要求5或6所述的方法,其特征在于,
所述获取页面组件对应的样式信息的过程,具体包括:
将所述页面组件拆解为尺寸纬度、形状纬度、状态纬度;
获取所述页面组件在所述尺寸纬度的尺寸信息;其中,所述尺寸纬度包括多个尺寸级别,所述尺寸信息为其中一个尺寸级别;
获取所述页面组件在所述形状纬度的形状信息;其中,所述形状纬度包括多个形状级别,所述形状信息为其中一个形状级别;
获取所述页面组件在所述状态纬度的状态信息;其中,所述状态纬度包括多个状态级别,所述状态信息为其中一个状态级别。
10.根据权利要求5所述的方法,其特征在于,
所述利用所述样式参数值生成页面组件的过程,具体包括:
利用所述样式参数值确定所述页面组件的样式;
生成与所述样式关联的页面组件。
11.一种页面组件的样式配置装置,其特征在于,所述装置包括:
维护模块,用于维护映射关系,所述映射关系包括样式信息与样式参数值的对应关系;
接收模块,用于接收携带样式信息的查询命令;
获得模块,用于通过所述查询命令携带的样式信息查询所述映射关系,得到与所述查询命令携带的样式信息匹配的样式参数值;
配置模块,用于利用所述样式参数值进行页面组件的样式配置。
12.根据权利要求11所述的装置,其特征在于,
所述维护模块,具体用于在维护映射关系的过程中,将预先配置的样式信息确定为变量,并将该样式信息对应的参数值确定为样式参数值,并在所述映射关系中记录该样式信息与该样式参数值的对应关系;
所述维护模块,还用于在接收到携带样式信息和样式参数值的修改命令之后,从所述映射关系中查询与所述修改命令中的样式信息匹配的样式参数值,并将查询到的样式参数值修改为所述修改命令中的样式参数值。
13.根据权利要求11或12所述的装置,其特征在于,所述样式信息具体包括以下之一或者任意组合:尺寸信息、形状信息、状态信息;
其中,页面组件被拆解为尺寸纬度、形状纬度、状态纬度;
所述尺寸纬度包括多个尺寸级别,所述尺寸信息为其中一个尺寸级别;
所述形状纬度包括多个形状级别,所述形状信息为其中一个形状级别;
所述状态纬度包括多个状态级别,所述状态信息为其中一个状态级别。
14.一种页面生成装置,其特征在于,所述装置包括:
第一获取模块,用于获取页面组件对应的样式信息;
第二获取模块,用于通过所述样式信息查询映射关系,得到与所述样式信息匹配的样式参数值;所述映射关系包括样式信息与样式参数值的对应关系;
第一生成模块,用于利用所述样式参数值生成页面组件;
第二生成模块,利用所述页面组件生成页面。
15.根据权利要求14所述的装置,其特征在于,还包括:
维护模块,用于维护所述映射关系;在维护所述映射关系的过程中,将预先配置的样式信息确定为变量,并将该样式信息对应的参数值确定为样式参数值,并在所述映射关系中记录该样式信息与该样式参数值的对应关系;
所述维护模块,还用于接收携带样式信息和样式参数值的修改命令,并从所述映射关系中查询与所述修改命令中的样式信息匹配的样式参数值,并将查询到的样式参数值修改为所述修改命令中的样式参数值。
16.根据权利要求14或15所述的装置,其特征在于,所述样式信息具体包括以下之一或者任意组合:尺寸信息、形状信息、状态信息;
所述第一获取模块,具体用于在获取页面组件对应的样式信息的过程中,将所述页面组件拆解为尺寸纬度、形状纬度、状态纬度,并获取所述页面组件在所述尺寸纬度的尺寸信息,并获取所述页面组件在所述形状纬度的形状信息,并获取所述页面组件在所述状态纬度的状态信息;
其中,所述尺寸纬度包括多个尺寸级别,所述尺寸信息为其中一个尺寸级别;所述形状纬度包括多个形状级别,所述形状信息为其中一个形状级别;所述状态纬度包括多个状态级别,所述状态信息为其中一个状态级别。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710067110.3A CN108399173A (zh) | 2017-02-07 | 2017-02-07 | 一种页面组件的样式配置、页面生成方法及其装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710067110.3A CN108399173A (zh) | 2017-02-07 | 2017-02-07 | 一种页面组件的样式配置、页面生成方法及其装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108399173A true CN108399173A (zh) | 2018-08-14 |
Family
ID=63094426
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710067110.3A Pending CN108399173A (zh) | 2017-02-07 | 2017-02-07 | 一种页面组件的样式配置、页面生成方法及其装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108399173A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112346961A (zh) * | 2019-08-08 | 2021-02-09 | 北京车和家信息技术有限公司 | 一种客户端的调试方法及装置 |
CN113312050A (zh) * | 2021-06-15 | 2021-08-27 | 北京百度网讯科技有限公司 | 内容显示方法、装置、设备和介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101025738A (zh) * | 2006-02-21 | 2007-08-29 | 广州保税区天懋数码电子商务有限公司 | 一种免模板动态网站生成方法 |
CN101526942A (zh) * | 2008-03-05 | 2009-09-09 | 徐邦勇 | 在线、实时及自动生成动态网页的组件实现技术 |
CN101807209A (zh) * | 2010-04-14 | 2010-08-18 | 深圳市同洲电子股份有限公司 | 网页制作的方法和系统,客户端、服务端 |
CN102207872A (zh) * | 2011-06-04 | 2011-10-05 | 中国移动通信集团内蒙古有限公司 | 按照用户需求定制Web UI控件的方法和系统 |
CN104731815A (zh) * | 2013-12-23 | 2015-06-24 | 腾讯科技(深圳)有限公司 | 一种网页元素的绘制方法及装置 |
CN105159673A (zh) * | 2015-08-31 | 2015-12-16 | 百度在线网络技术(北京)有限公司 | 一种设置控件样式的方法和装置 |
CN105574049A (zh) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | 移动应用的页面处理方法、装置和系统 |
-
2017
- 2017-02-07 CN CN201710067110.3A patent/CN108399173A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101025738A (zh) * | 2006-02-21 | 2007-08-29 | 广州保税区天懋数码电子商务有限公司 | 一种免模板动态网站生成方法 |
CN101526942A (zh) * | 2008-03-05 | 2009-09-09 | 徐邦勇 | 在线、实时及自动生成动态网页的组件实现技术 |
CN101807209A (zh) * | 2010-04-14 | 2010-08-18 | 深圳市同洲电子股份有限公司 | 网页制作的方法和系统,客户端、服务端 |
CN102207872A (zh) * | 2011-06-04 | 2011-10-05 | 中国移动通信集团内蒙古有限公司 | 按照用户需求定制Web UI控件的方法和系统 |
CN104731815A (zh) * | 2013-12-23 | 2015-06-24 | 腾讯科技(深圳)有限公司 | 一种网页元素的绘制方法及装置 |
CN105574049A (zh) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | 移动应用的页面处理方法、装置和系统 |
CN105159673A (zh) * | 2015-08-31 | 2015-12-16 | 百度在线网络技术(北京)有限公司 | 一种设置控件样式的方法和装置 |
Non-Patent Citations (1)
Title |
---|
西楼月光: "使用样式更改多个控件的外观", 《HTTPS://WWW.CNBLOGS.COM/XLYG-14/P/4274012.HTML》 * |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112346961A (zh) * | 2019-08-08 | 2021-02-09 | 北京车和家信息技术有限公司 | 一种客户端的调试方法及装置 |
CN112346961B (zh) * | 2019-08-08 | 2024-05-07 | 北京车和家信息技术有限公司 | 一种客户端的调试方法及装置 |
CN113312050A (zh) * | 2021-06-15 | 2021-08-27 | 北京百度网讯科技有限公司 | 内容显示方法、装置、设备和介质 |
CN113312050B (zh) * | 2021-06-15 | 2023-08-15 | 北京百度网讯科技有限公司 | 内容显示方法、装置、设备和介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10466971B2 (en) | Generation of an application from data | |
US9575950B2 (en) | Systems and methods for managing spreadsheet models | |
JP4812337B2 (ja) | フォームタイプを使用してフォームを生成する方法および装置 | |
US8893081B2 (en) | Selectively enabling runtime editing of an application | |
CN108549532A (zh) | 网页构建方法、装置、电子设备及存储介质 | |
EA033675B1 (ru) | Система и способ автоматизированного преобразования интерактивных сайтов и приложений для поддержки мобильных и других сред отображения | |
JP2016224923A (ja) | ユーザフォームインタフェースの自動生成の方法およびシステム | |
US20140040791A1 (en) | Development platform for software as a service (saas) in a multi-tenant environment | |
US8103703B1 (en) | System and method for providing content-specific topics in a mind mapping system | |
CN106484394A (zh) | 一种双引擎快速软件开发系统 | |
CN113535165A (zh) | 界面生成方法、装置、电子设备及计算机可读存储介质 | |
CN114138269A (zh) | 业务数据的可视化应用构建方法和装置 | |
CN111367514B (zh) | 页面卡片的开发方法和装置、计算设备和存储介质 | |
CN108399173A (zh) | 一种页面组件的样式配置、页面生成方法及其装置 | |
Harris | HTML5 and CSS3 All-in-one for Dummies | |
US20090002386A1 (en) | Graphical Representation Creation Mechanism | |
CN110990006A (zh) | 表单管理系统以及表单生成装置 | |
CN110928540A (zh) | 一种页面生成方法及装置 | |
CN108256124A (zh) | 网站建立方法、装置、服务器及存储介质 | |
KR100856132B1 (ko) | 웹 대상물의 관리 시스템 | |
CN113506099A (zh) | 申报业务的配置系统、方法、计算机设备和存储介质 | |
CN111367515B (zh) | 页面卡片的开发方法、装置、计算设备和存储介质 | |
CN112114805A (zh) | 页面生成方法、装置、设备 | |
KR102536567B1 (ko) | 그리드 규칙이 적용된 블록단위의 컨텐츠를 조립하여 적응형 웹페이지를 제작하는 웹페이지 제작 지원 방법 및 시스템 | |
CN111177609A (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180814 |
|
RJ01 | Rejection of invention patent application after publication |