具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
在本说明书的一个或多个实施例中,所述的页面组件可认为是对数据和方法的封装,从而形成适于页面设计的组件(Component)。页面组件可包括:下拉菜单、导航菜单、输入框、表格、表单等等,这里便不再一一列举。一般性地,可通过已有的设计工具调用或生成页面组件。
所述的页面,包括但不限于:网页、应用页面或操作系统界面等能够实现人机交互的用户界面(User Interface,UI)。
正如前述,对于现有的方式而言,用户预先设计的页面组件中所包含的数据、样式等通常是固定的,如果用户在实际的页面搭建过程中需要使用额外的数据或样式,则只能重新设计页面组件。显然,这样的方式将导致设计效率较低,并且会增加人力成本的消耗。
为此,在本说明书实施例中,提供一种针对页面组件的处理方法,能够在页面组件库提供的基础组件的基础上,根据实际所需的样式配置基础组件所对应的可配置项,同时可在此基础上填充业务数据,由此生成用户想要的页面组件,通过该方法可以在搭建页面时无需再重新设计页面组件。
这里需要说明的是,页面组件的可配置项可包括:页面组件的尺寸、样式、结构等属性配置项。而业务数据则可理解为在搭建实际页面时所需填充进页面组件的数据或信息,如:支付数据、时间数据、用户数据等等。
在本说明书实施例中,针对页面组件的处理方法可以采用如图1中所示的架构。
在图1中,客户端可以是具有页面设计功能的应用,运行安装在终端上以便用户使用。这里所述的终端可包括但不限于:手机、平板电脑、智能手表、计算机等。当然,客户端也可以是网页客户端,即,通过浏览器访问至提供页面设计服务的网站或页面,从而实现页面搭建/设计。
页面组件库,可认为是一种可扩展的组件库,该页面组件库能够为用户提供设计页面组件所需的基础组件。在本说明书实施例的一种方式中,所述的页面组件库可以是虚拟的库,即,提供与页面组件相关的数据及方法的集合,其存在形式可以是库文件。而在本说明书实施例的另一种方式中,该页面组件库可以是独立的数据库。这两种方式均可在实际应用中实施,至于采用何种方式,可根据实际应用的需要所决定,在此不进行限定。
基于上述如图1所示的架构,以下将详细说明本说明书实施例中所提供的技术方案。
本说明书实施例中提供一种针对页面组件的处理方法,如图2所述,具体包括以下步骤:
步骤S201:确定用户所选择的基础组件。
在本说明书实施例中,基础组件可认为是页面组件库中提供的、设计页面所需的通用型组件。可以理解,不同的页面组件库中所包含的基础组件的类型和数量可能具有一定差异。用户可以根据实际应用的需要,选用相应的页面组件库。
作为一种可行的实施方式,可以向用户提供相应的组件配置界面,在该界面中,用户可选择不同的基础组件,并实现后续针对基础组件的自定义配置。
步骤S203:确定所述基础组件的可配置项。
需要说明的是,在本说明书实施例中,针对不同的基础组件,可将其中指定的组件属性抽取后,形成对应于基础组件的可配置项。
如前所述,组件属性可包括:基础组件的尺寸、样式、结构等。以表格这一基础组件为例,表格的尺寸可以为:默认尺寸、小尺寸、大尺寸等;表格的样式可以为:有标题、无标题、有边框、无边框、可展开、有多选框等等;表格的结构可以为:二维表格、三维表格等。那么,基于上述表格组件的组件属性,便可以生成相应的配置项。
当然,上述示例仅是为了说明基础组件所对应的可配置项,在实际应用时,基础组件的组件属性以及形成的可配置项有可能不同于此,这里并不应构成对本申请的限定。
步骤S205:接收所述用户针对所述可配置项的选择操作,并接收所述用户基于所配置的基础组件输入的业务数据。
在实际应用时,用户可以针对所展示的可配置项进行自定义配置。通常而言,展示给用户的可配置项支持多项选择,也即,用户可以同时配置多个可配置项。
但应理解,对于具有互斥关系的可配置项,则通常只能择一配置。例如上述示例中表格组件中尺寸配置项,默认尺寸、小尺寸两种可配置项只能择一选择。
另外,用户还可以基于所配置的基础组件输入实际所需的业务数据,例如:在经过配置的表格组件的行及列中输入相应的业务数据;又例如:在经过配置的下拉菜单组件中输入具体的菜单数据。
步骤S207:根据用户所选择的可配置项以及所述业务数据,生成用户所需的页面组件。
在本说明书实施例中,提供了自动生成页面组件的功能,也即,将基于用户的自定义配置以及输入的业务数据,生成携带有业务数据且尺寸、样式、结构符合用户所需的页面组件。
通过上述步骤,在页面设计的过程中,可预先针对页面组件库中所提供的基础组件生成相应的可配置项,那么,在用户选定了基础组件后,便可将该基础组件的可配置项展示给用户,以便用户通过这些可配置项进行自定义配置。换言之,基于可配置项,用户可以针对基础组件的尺寸、样式、结构等进行调节设置,从而符合实际页面设计的需要。于此同时,用户还可以输入相应的业务数据。进而,可以针对用户的配置以及输入的业务数据,生成携带有业务数据的页面组件。该页面组件可以直接在页面中使用,用户也可以针对该页面组件进行调整。
显然,采用本说明书实施例中的上述方法,能够增加页面组件库中提供的基础组件的适用性,同时,也能够有效减少或避免用户重新设计页面组件,从而提升了页面搭建过程的效率。
需要说明的是,对于上述步骤而言,其执行主体可以是提供组件设计功能的客户端,如果终端自身携带有同样的功能,那么,执行主体也可以是终端。此外,在一些可能的实施例中,执行上述步骤时,执行主体可能会发生变化,例如:假设用户使用具有组件设计功能的应用进行设计,后续又将未完成的组件导入具有同样功能的网页客户端中继续执行设计,那么,对于此情况,则可能由具有组件设计功能的应用执行上述步骤S201~步骤S205,并由网页客户端执行上述步骤S207。当然,该示例仅是用于说明,并不应理解为对本申请的限定。
在本说明书实施例中,可以向用户提供配置界面,以便于用户进行操作。例如,可如图3所示,将基础组件的可配置项通过相应的界面展示给用户。
所以,对于上述方法而言,在接收所述用户针对所述可配置项的选择操作之前,所述方法还包括:将所述基础组件的可配置项通过配置界面展示给所述用户。
由此,用户便可以在配置界面中选择所需的可配置项。
另外,在配置界面中,还可提供相应的数据填充区域,以便于用户输入相应的业务数据。换言之,接收所述用户基于所配置的基础组件输入的业务数据的过程,可包括:提供数据填充区域,接收所述用户基于所配置的基础组件并在所述数据填充区域输入的业务数据。
其中,所述数据填充区域与所述用户所选择基础组件相匹配。具体来说,如果用户选择的基础组件是表格,那么,数据填充区域可以是表格的形式;而如果用户选择的基础组件是下拉菜单,那么,数据填充区域便可以是一列输入框,用户按照从上至下的顺序在输入框中输入相应的业务数据,可作为下拉菜单中的选项。当然,这里的示例并不应构成对本申请的限定。
数据填充区域与所述用户所选择基础组件相匹配,是为了便于将业务数据填入经过配置后的组件中。
在本说明书实施例中,生成页面组件的过程可包括:确定用户所选择的可配置项所对应的组件模型,根据所述组件模型生成配置后的页面组件对象,将所述业务数据添加至所述页面组件对象中,生成页面组件。
这里的组件模型,可认为是构成页面组件所需的可视化模型,例如:多选框、表格的边框、展开按钮、输入框等等。显然,用户所选择可配置项通常会对应着相应的组件模型,那么,便可以根据这些可配置项确定所需的组件模型。由此,便可构建出相应的页面组件对象(需要说明的是,页面组件对象是为了在描述上区别于最终生成的页面组件,这里并不应理解为对本申请的限定),后续再将业务数据填入该页面组件对象,便可形成可以直接使用的页面组件。
需要说明的是,基于上述方法所生成的页面组件,并非是固定的图像,该页面组件中的不同组件元素对应不同的图层。这里的组件元素可认为是构成页面组件的基本单元或填充的业务内容。例如:在表格组件中,组件元素可以包括:单元格以及其中的内容。
换言之,用户可以针对页面组件的组件元素进行修改和调整,也即,所述方法还包括:基于不同的图层,对所述页面组件中的不同组件元素进行修改。如:调整颜色、字体等。
对于上述内容而言,现以页面组件为表格组件的示例进行说明。
在实际应用中,可向用户提供相应的组件生成器,通过该组件生成器,用户可以生成实际应用所需的组件。
如图4a所示,用户在组件生成器的配置界面中选择了表格组件,该表格组件的可配置项显示在图4a中标号为1的界面部分,用户可以根据实际应用的需要进行选择配置。可配置项的下方标识为3的界面部分提供了预览区域,以便用户针对所选配置进行预览。标识为2的界面部分是数据填充区域,用户可以在该区域中编辑实际所需的业务数据。标识为4的界面部分提供了操作按键。
在用户针对可配置项进行选择后,可进行预览,便可得到如图4b所示的表格。
用户还可编辑相应的业务数据,如图4c所示。在本示例中,图4c中所示的数据填充区域(该数据填充区域的表现形式也是表格)支持用户自定义行数和列数,并且,用户还可将已有表格的内容复制到该数据填充区域中。
在用户编辑完成了业务数据后,便可点击界面中的“生成”按键,便可生成用户所编辑的表格组件。如图4d所示,生成的表格组件可以直接作为使用在实际页面中。同时,如果用户需要针对表格进行修改,也可随时针对表格的排版或其中的数据进行调整。
以上为本说明书实施例提供的针对页面组件的处理方法,基于同样的思路,本说明书实施例还提供相应的针对页面组件的处理装置。
具体而言,本说明书实施例中所提供的针对页面组件的处理装置如图5所示,所述装置包括:
基础组件确定模块501,确定用户所选择的基础组件;
可配置项模块502,确定所述基础组件的可配置项;
操作接收模块503,接收所述用户针对所述可配置项的选择操作,并接收所述用户基于所配置的基础组件输入的业务数据;
生成模块504,根据用户所选择的可配置项以及所述业务数据,生成用户所需的页面组件。
进一步地,所述可配置项模块502,针对任一基础组件,确定所述基础组件的所对应的组件属性,根据所述组件属性生成所述基础组件的可配置项;
其中,所述组件属性包括:组件的尺寸、样式、结构中的至少一种。
进一步地,所述装置还包括:展示模块505,将所述基础组件的可配置项通过配置界面展示给所述用户。
进一步地,所述操作接收模块503,提供数据填充区域,接收所述用户基于所配置的基础组件并在所述数据填充区域输入的业务数据;
其中,所述数据填充区域与所述用户所选择基础组件相匹配。
进一步地,所述生成模块504,确定用户所选择的可配置项所对应的组件模型,根据所述组件模型生成配置后的页面组件对象,将所述业务数据添加至所述页面组件对象中,生成页面组件。
进一步地,所述页面组件中不同的组件元素对应不同的图层;
所述装置还包括:修改模块506,根据用户的修改操作,基于不同的图层,对所述页面组件中的不同组件元素进行修改。
基于图5所示的装置,在实际应用中可由实体的设备(如:终端设备)所实现,具体而言,该设备包括:处理器、存储器,其中,
所述存储器,存储针对页面组件的处理程序;
所述处理器,调用存储器中存储的针对页面组件的处理序,并执行:
确定用户所选择的基础组件;
确定所述基础组件的可配置项;
接收所述用户针对所述可配置项的选择操作,并接收所述用户基于所配置的基础组件输入的业务数据;
根据用户所选择的可配置项以及所述业务数据,生成用户所需的页面组件。。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置、设备和介质类实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可,这里就不再一一赘述。
至此,已经对本主题的特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作可以按照不同的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序,以实现期望的结果。在某些实施方式中,多任务处理和并行处理可以是有利的。
在20世纪90年代,对于一个技术的改进可以很明显地区分是硬件上的改进(例如,对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而,随着技术的发展,当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此,不能说一个方法流程的改进就不能用硬件实体模块来实现。例如,可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray,FPGA))就是这样一种集成电路,其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上,而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且,如今,取代手工地制作集成电路芯片,这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现,它与程序开发撰写时所用的软件编译器相类似,而要编译之前的原始代码也得用特定的编程语言来撰写,此称之为硬件描述语言(Hardware Description Language,HDL),而HDL也并非仅有一种,而是有许多种,如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等,目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚,只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中,就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现,例如,控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程逻辑控制器和嵌入微控制器的形式,控制器的例子包括但不限于以下微控制器:ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320,存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道,除了以纯计算机可读程序代码方式实现控制器以外,完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件,而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至,可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的系统、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定事务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行事务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。