CN109445780B - 一种样式编辑方法及设备 - Google Patents

一种样式编辑方法及设备 Download PDF

Info

Publication number
CN109445780B
CN109445780B CN201811093956.5A CN201811093956A CN109445780B CN 109445780 B CN109445780 B CN 109445780B CN 201811093956 A CN201811093956 A CN 201811093956A CN 109445780 B CN109445780 B CN 109445780B
Authority
CN
China
Prior art keywords
style
name field
class
page element
value
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
Application number
CN201811093956.5A
Other languages
English (en)
Other versions
CN109445780A (zh
Inventor
赵宝森
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ping An Technology Shenzhen Co Ltd
Original Assignee
Ping An Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Ping An Technology Shenzhen Co Ltd filed Critical Ping An Technology Shenzhen Co Ltd
Priority to CN201811093956.5A priority Critical patent/CN109445780B/zh
Publication of CN109445780A publication Critical patent/CN109445780A/zh
Application granted granted Critical
Publication of CN109445780B publication Critical patent/CN109445780B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Document Processing Apparatus (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明公开了一种样式编辑方法及设备,其中样式编辑方法包括获取页面元素的样式名称字段;将所述页面元素的样式属性名称保存在样式类中,以使所述页面元素的样式属性名称作为所述样式类的样式名称字段;创建所述样式类的实例,读取所述实例中的样式字段,将所述实例中的样式名称字段设置为布局元素的样式名称字段。本发明能够使得页面元素的样式结构清晰,进而便于开发人员对页面元素的样式进行编辑。

Description

一种样式编辑方法及设备
技术领域
本申请实施例涉及计算机技术领域,特别是涉及一种样式编辑方法及设备。
背景技术
页面中通常由多个相同或不同的页面元素组成,页面元素可用于呈现不同的页面效果,为了使页面能够呈现良好的视觉效果,通常需要对页面元素的样式进行编辑,然而,由于页面结构复杂、页面元素样式众多等原因,造成了页面元素的样式结构不清晰,进而不便于页面元素的样式编辑,从而导致需要反复调整页面元素的样式。故有必要提供一种样式编辑方法及设备,便于对页面元素进行样式编辑,提高页面元素样式的编辑效率。
发明内容
本发明提供了一种样式编辑方法及设备,其更加便捷地实现布局元素的样式编辑。
第一方面,本发明提供一种样式编辑方法,该样式编辑方法可以包括:
获取页面元素的样式名称字段;
将所述页面元素的样式属性名称保存在样式类中,以使所述页面元素的样式属性名称作为所述样式类的样式名称字段;
创建所述样式类的实例,读取所述实例中的样式字段,将所述实例中的样式名称字段设置为布局元素的样式名称字段。
可选地,所述的创建所述样式类的实例之前,还包括:
判断内存是否存在与所述样式类对应的内存实例,若所述内存中存在所述内存实例,则调用所述内存实例。
可选地,所述样式编辑方法还包括:
获取与所述页面元素的样式属性名称的值;
将所述页面元素的样式属性名称的值保存在所述样式类中,以将所述页面元素的样式属性名称的值作为所述样式类的样式名称字段的值;
将所述样式类的样式名称字段的值作为所述布局元素的样式名称字段的值。
可选地,在所述的获取至少一个所述页面元素的样式属性名称之前,所述样式编辑方法还包括:
获取所述页面元素的类型名称字段;
将所述页面元素的类型名称字段保存到所述样式类中,以使将所述页面元素的类型名称字段作为所述样式类的类型名称字段的值。
可选地,在所述的将所述实例中的样式名称字段设置为布局元素的样式名称字段之前,所述样式编辑方法还包括:
获取所述布局元素的类型名称字段;
判断所述布局元素的类型名称字段是否与所述样式类的类型名称字段的值一致,若一致,则执行所述的将所述实例中的样式名称字段设置为所述布局元素的样式名称字段。
第二方面,本发明提供一种样式编辑装置,该样式编辑装置可以包括:
样式参数获取模块:用于获取页面元素的样式名称字段;
样式保存模块,用于样式参数获取模块获取页面元素的样式名称字段后,将所述页面元素的样式属性名称保存在样式类中,以使所述页面元素的样式属性名称作为所述样式类的样式名称字段;
实例创建模块,用于样式保存模块将所述样式名称字段保存在样式类中后,创建所述样式类的实例,读取所述实例中的样式字段,将所述实例中的样式名称字段设置为布局元素的样式名称字段。
可选地,所述编辑设备还包括:
判断模块,用于判断内存是否存在与所述样式类对应的内存实例,若所述内存中存在所述内存实例,则调用所述内存实例。
可选地,样式参数获取模块还用于获取所述页面元素的样式属性名称的值。
可选地,样式保存模块还用于将所述页面元素的样式属性名称的值保存在所述样式类中,以将所述页面元素的样式属性名称的值作为所述样式类的样式名称字段的值。
可选地,实例创建模块还用于将所述样式类的样式名称字段的值作为所述布局元素的样式名称字段的值。
可选地,所述样式参数获取模块还用于获取所述页面元素的类型名称字段;
可选地,所述样式保存模块还用于将所述页面元素的类型名称字段保存到所述样式类中,以使将所述页面元素的类型名称字段作为所述样式类的类型名称字段的值;
可选地,实例创建模块还用于获取所述布局元素的类型名称字段,判断所述布局元素的类型名称字段是否与所述样式类的类型名称字段的值一致,若一致,则执行所述的将所述实例中的样式名称字段设置为所述布局元素的样式名称字段。
第三方面,本发明提供一种计算机存储介质,该计算机存储介质存储有计算机指令,所述计算机指令被调用时,用于执行权利要求1-4任一项所述的方法。
本发明可先为指定的页面元素建立一个样式模型,使得页面元素的样式结构清晰,页面元素的多个样式编辑之间互不影响,不同页面元素之间的样式编辑互不影响,使得在对页面元素的样式编辑时,开发人员的精力能够放在考虑样式如何取值上,从而便于开发人员按照预设的页面效果设置页面元素的样式。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明提供的一种样式编辑方法的流程示意图;
图2是本发明提供的另一种样式编辑方法的流程示意图;
图3是本发明提供的一种样式编辑装置的结构示意图;
图4是本发明提供的另一种样式编辑装置的结构示意图;
图5是本发明提供的又一种样式编辑装置的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别不同对象,而不是用于描述特定顺序。此外,术语“包括”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、装置、产品或设备没有限定于已列出的步骤或单元,而是可选地还包括没有列出的步骤或单元,或可选地还包括对于这些过程、方法、产品或设备固有的其他步骤或单元。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本发明的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
为了使页面呈现出不同的视觉效果,页面中通常挂载多个且不同类型的页面元素,在对页面进行样式编辑时,开发人员需要针对某一种类型的页面元素,在页面中对该页面元素的样式进行逐个设置,例如开发人员需要使用具有文本样式的、可用于显示文本的文本框时,开发人员先从元素库中拖拽出一个文本框,接着逐个对该文本框的颜色样式、最大高度样式、最小高度样式进行逐个编辑。然而,一个页面中存在多个页面元素,多个页面元素的类型可能是相同的,也可能是不相同的,在对多个页面元素进行样式编辑时,容易混淆样式,从而不便于对页面元素进行样式编辑。这样一来,使得页面元素的结构不清晰,开发人员需要花费更多的时间去核实页面元素样式,如一个文本框是否有“width”样式,进而不便于页面元素的样式编辑。
在本发明中,页面元素指的页面中挂载的节点元素,例如,对于一个HTML页面,就有多个页面元素,页面元素以节点的形式挂载在页面中。
基于上述问题,本发明提供一种样式编辑方法及装置,下面将结合具体的实施例对本发明的样式编辑方法及装置进行说明。
实施例一
请参阅图1,图1是本发明实施例公开的一种样式编辑方法。其中,图1所示的方法可以在Mac操作系统、Windows操作系统、Unix操作系统、Linux操作系统、Alios操作系统等中运行,本发明实施例不做限定。如图1所示,该样式编辑方法可以包括以下步骤:
101、获取页面元素的样式名称字段。例如获取从指定的页面中获取名称为“div”页面元素,该“div”页面元素的样式名称字段有“width”、“height”,其中“width”字段代表“div”页面元素的宽度样式、“height”字段代表“div”页面元素的高度样式。
具体地,可以通过文档对象模型DOM(Document Object Model)获取页面元素,DOM是表示和处理一个HTML或XML文档的常用方法,DOM可以以一种独立于平台和语言的方式访问和修改一个页面的内容和结构,例如在代码中,通过语句“var divObj=document.getElementsByTagNames("div")”获取到“div”页面元素。
在本发明实施例中,可选地,可以按照页面元素的类型名称获取页面元素,也可以按照页面元素的ID获取到页面元素,本发明不作限定。
在本发明实施例中,可选地,页面元素具有一个以上的样式名称字段,本发明不作限定。
102、将页面元素的样式属性名称保存在样式类中,以使页面元素的样式属性名称作为样式类的样式名称字段。例如,假设在获取到页面元素的样式名称字段后,建立一个名称为“StyleInfo”的样式类,该样式的结构可以为{"width":"属性值1","height":"属性值2",},可选地,样式类中的样式名称字段对应的值可以为空,也可以为具体的数值,本发明不作限定。
在本发明实施例中,可选地,可以对样式类进行序列化处理,以便于保存样式类。
103、创建样式类的实例,读取实例中的样式字段,将实例中的样式名称字段设置为布局元素的样式名称字段。例如,创建样式类StyleInfo的实例styleinfo,并读取实例styleinfo中的“width”,然后为布局元素添加“width”样式名称字段。需要说明的是,为了便于描述,在本发明中将需要设置样式的页面元素命名为布局元素。
具体地,可以通过DOM为为布局元素添加“width”样式名称字段。
在本发明实施例中,可以读取实例的一个样式字段,也可以读取实例的一个以上的样式字段,当读取实例的一个以上的样式字段时,可以按照预设的拼接规则将多个样式字段拼接起来。例如,假设实例styleinfo包括“width”及“height”这两个字段,按照预设的拼接规则进行拼接的结果为“width:属性值1;height:属性值2”。
在本发明实施例中,可选地,创建样式类的实例有多种模式,可以为构造器模式,也可以是工厂模式、也可以是原型模式等,本发明对此不作限定。
可见,本发明实施例可先为指定的页面元素建立一个样式模型,即样式类,进而通过创建该样式类的实例对页面元素进行编辑,这样一来,使得页面元素的样式结构清晰,便于页面元素的样式编辑时,从而提高开发人员的开发效率。
实施例二
请参阅图2,图2是本发明实施例公开的一种样式编辑方法。其中,图2所示的方法可以在Mac操作系统、Windows操作系统、Unix操作系统、Linux操作系统、Alios操作系统等中运行,本发明实施例不做限定。如图2所示,该样式编辑方法可以包括以下步骤:
201、获取页面元素的类型名称字段的值、页面元素的样式属性名称、页面元素的样式属性名称的值。例如,获取页面元素“div”的类型名称字段的值“div”,“width”样式属性名称、“251px”样式属性名称的值。
202、将页面元素的类型名称字段的值保存到样式类中,以将页面元素的类型名称字段的值作为样式类的类型名称字段的值。例如,在样式类StyleInfo中,将样式类StyleInfo的类型名称字段“type”设置为“type:“div””。
203、将页面元素的样式属性名称保存在样式类中,以使页面元素的样式属性名称作为样式类的样式名称字段。
204、将页面元素的样式属性名称的值保存在样式类中,以将页面元素的样式属性名称的值作为样式类的样式名称字段的值。
205、判断内存是否存在与样式类对应的实例,若内存中存在内存实例,则调用内存实例,若内存不存在与样式类对应的内存实例,则创建样式类的实例。
在本发明实施例中,通过检测内存中是否存在样式类的实例类,可降低内存泄漏这类情况的发生概率。
206、获取布局元素的类型名称字段,判断布局元素的类型名称字段是否与样式类的类型名称字段的值一致,若一致,则执行的将实例中的样式名称字段设置为布局元素的样式名称字段,若不一致则返回提示信息,以提示操作人员重新调用符合要求的样式类。
在本发明实施例中,样式类中设有类型名称字段的值,该样式类中的类型名称字段的值用于表示该样式类对应的页面元素的类型,在为布局元素进行样式编辑之时,只有布局元素的类型名称字段与该样式类中的类型名称字段的值相同,才会实例中的样式名称字段设置为布局元素的样式名称字段,这样一来,就可以降低使用与布局元素不匹配的样式类对布局元素进行编辑这类情况出现的概率,从而提高开发人与的工作效率。
207、读取实例中的样式字段,将实例中的样式名称字段设置为布局元素的样式名称字段。
208、将样式类的样式名称字段的值作为布局元素的样式名称字段的值。
在本发明实施例中,通过将页面元素的类型名称、页面元素的样式名称及页面元素的样式名称对应的样式值一并封装在样式类中,将页面元素的类型与页面元素的样式关联起来,将页面元素的样式与样式的值关联起来,进而能够更加精确地为布局元素设置样式,且可为布局元素的样式设置预设值,从而更进一步地使开发人员以更少的时间精力完成对布局元素的样式编辑。
实施例三
请参阅图3,图3是本发明实施例公开的一种样式编辑装置的结构示意图。其中,图3所示的装置可以应用于Mac操作系统、Windows操作系统、Unix操作系统、Linux操作系统、Alios操作系统等中,本发明实施例不做限定。如图3所示,该样式编辑装置可以包括样式参数获取模块301、样式保存模块302、实例创建模块303,其中:
样式参数获取模块301,用于获取页面元素的样式名称字段。
例如获取从指定的页面中获取名称为“div”页面元素,该“div”页面元素的样式名称字段有“width”、“height”,其中“width”字段代表“div”页面元素的宽度样式、“height”字段代表“div”页面元素的高度样式。
具体地,可以通过文档对象模型DOM(Document Object Model)获取页面元素,DOM是表示和处理一个HTML或XML文档的常用方法,DOM可以以一种独立于平台和语言的方式访问和修改一个页面的内容和结构,例如在代码中,通过语句“var divObj=document.getElementsByTagNames("div")”获取到“div”页面元素。在本发明实施例中,可选地,可以按照页面元素的类型获取页面元素,也可以按照页面元素的ID获取到页面元素,本发明不作限定。
在本发明实施例中,可选地,页面元素具有一个以上的样式名称字段,本发明不作限定。
本发明实施例可以根据页面元素,自动获取字段,不需要人工记忆页面元素的样式字段,当使用时,开发人员只需要考虑用那种类型的页面元素,进而实现了代码复用,提高了开发人员的开发效率。
样式保存模块302,用于样式参数获取模块获取页面元素的样式名称字段后,将页面元素的样式属性名称保存在样式类中,以使页面元素的样式属性名称作为样式类的样式名称字段。例如,假设在获取到页面元素的样式名称字段后,建立一个名称为StyleInfo的样式类,该样式的结构可以为{"width":"属性值1","height":"属性值2",},可选地,样式类中的样式名称字段对应的值可以为空,也可以为具体的数值,本发明不作限定。
在本发明实施例中,可选地,样式保存模块302还可以对样式类进行序列化处理,以便于保存样式类
实例创建模块303,用于样式保存模块将样式名称字段保存在样式类中后,创建样式类的实例,读取实例中的样式字段,将实例中的样式名称字段设置为布局元素的样式名称字段。例如,创建样式类StyleInfo的实例styleinfo,并读取实例styleinfo中的“width”,然后为布局元素添加“width”样式名称字段。具体地,可以通过DOM为为布局元素添加“width”样式名称字段。
在本发明实施例中,可以读取实例的一个样式字段,也可以读取实例的一个以上的样式字段,当读取实例的一个以上的样式字段时,可以按照预设的拼接规则将多个样式字段拼接起来。例如,假设实例styleinfo包括“width”及“height”这两个字段,按照预设的拼接规则进行拼接的结果为“width:属性值1;height:属性值2”。
在本发明实施例中,可选地,创建样式类的实例有多种模式,可以为构造器模式,也可以是工厂模式、也可以是原型模式等,本发明对此不作限定。
本发明实施例提供的样式编辑装置通过执行本发明实施例一、本发明实施二提供的样式编辑方法,可先为指定的页面元素建立一个样式模型,即样式类,进而通过创建该样式类的实例对页面元素进行编辑,这样一来,使得页面元素的样式结构清晰,便于页面元素的样式编辑时,从而提高开发人员的开发效率。
实施例四
请参阅图4,图4是本发明实施例公开的一种样式编辑装置的结构示意图。其中,图4所示的装置可以应用于Mac操作系统、Windows操作系统、Unix操作系统、Linux操作系统、Alios操作系统等中,本发明实施例不做限定。如图4所示,该样式编辑装置可以包括样式参数获取模块401、样式保存模块402、实例创建模块403,判断模块404,其中参数获取模块401、样式保存模块402、实例创建模块403请参照实施例三中的样式参数获取模块301、样式保存模块302、实例创建模块303的详细描述,本发明实施例不在赘述,下面对判断模块404进行说明,
判断模块404,用于判断内存是否存在与样式类对应的内存实例,若内存中存在内存实例,则调用内存实例。在本发明实施例中,通过检测内存中是否存在样式类的实例类,可降低内存泄漏这类情况的发生概率。
在本发明实施例,可选地,样式参数获取模块还用于获取页面元素的类型名称字段的值。
在本发明实施例,可选地,样式保存模块还用于将页面元素的类型名称字段的值保存到样式类中,以使将页面元素的类型名称字段的值作为样式类的类型名称字段的值。
在本发明实施例,可选地,实例创建模块还用于获取布局元素的类型名称字段,判断布局元素的类型名称字段是否与样式类的类型名称字段的值一致,若一致,则执行的将实例中的样式名称字段设置为布局元素的样式名称字段。
本发明实施例提供的样式编辑装置通过执行本发明实施一、本发明实施例二提供的样式编辑方法,将页面元素的类型名称、页面元素的样式名称及页面元素的样式名称对应的样式值一并封装在样式类中,将页面元素的类型与页面元素的样式关联起来,将页面元素的样式与样式的值关联起来,进而能够更加精确地为布局元素设置样式,且可为布局元素的样式设置预设值,从而更进一步地使开发人员以更少的时间精力完成对布局元素的样式编辑。
实施例五
请参阅图5,图5是本发明实施例公开的又一种样式编辑装置的结构示意图。如图5所示,该样式编辑装置500可以包括:
存储有可执行程序代码的存储器501;
与存储器501耦合的处理器502;
处理器502调用存储器501中存储的可执行程序代码,执行实施例一、实施例中任意一个实施例所描述的样式编辑方法中的步骤。
本发明实施例提供的样式编辑装置通过执行本发明实施例一、本发明实施二提供的样式编辑方法,可先为指定的页面元素建立一个样式模型,即样式类,进而通过创建该样式类的实例对页面元素进行编辑,这样一来,使得页面元素的样式结构清晰,便于页面元素的样式编辑时,从而提高开发人员的开发效率。
实施例六
本发明实施例公开了一种计算机可读存储介质,其存储用于电子数据交换的计算机程序,其中,该计算机程序使得计算机执行实施例一、实施例二中任意一个实施例所描述的样式编辑方法中的步骤。
本发明实施例提供的计算机可读存储介质通过执行本发明实施例一、本发明实施二提供的样式编辑方法,可先为指定的页面元素建立一个样式模型,即样式类,进而通过创建该样式类的实例对页面元素进行编辑,这样一来,使得页面元素的样式结构清晰,便于页面元素的样式编辑时,从而提高开发人员的开发效率。
实施例七
本发明实施例公开了一种计算机程序产品,该计算机程序产品包括存储了计算机程序的非瞬时性计算机可读存储介质,且该计算机程序可操作来使计算机执行实施例一、实施例二中任意一个实施例所描述的样式编辑方法中的步骤。
本发明实施例提供的计算机程序产品通过执行本发明实施例一、本发明实施二提供的样式编辑方法,可先为指定的页面元素建立一个样式模型,即样式类,进而通过创建该样式类的实例对页面元素进行编辑,这样一来,使得页面元素的样式结构清晰,便于页面元素的样式编辑时,从而提高开发人员的开发效率。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储器中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储器中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储器包括:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,该程序可以存储于一计算机可读存储器中,存储器可以包括:闪存盘、只读存储器(英文:Read-Only Memory,简称:ROM)、随机存取器(英文:Random Access Memory,简称:RAM)、磁盘或光盘等。
以上对本发明实施例进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。

Claims (5)

1.一种样式编辑方法,应用于电子装置,其特征在于,所述方法包括:
获取页面元素的样式名称字段;
将所述页面元素的样式属性名称保存在样式类中,以使所述页面元素的样式属性名称作为所述样式类的样式名称字段;对样式类进行序列化处理;
创建所述样式类的实例,读取所述实例中的样式名称字段,将所述实例中的样式名称字段设置为布局元素的样式名称字段;
其中,所述样式编辑方法还包括:
获取所述页面元素的类型名称字段;
将所述页面元素的类型名称字段保存到所述样式类中,以将所述页面元素的类型名称字段作为所述样式类的类型名称字段的值;
获取所述布局元素的类型名称字段;
判断所述布局元素的类型名称字段是否与所述样式类的类型名称字段的值一致,若一致,则执行所述的将所述实例中的样式名称字段设置为所述布局元素的样式名称字段;
所述样式编辑方法还包括:
获取所述页面元素的样式属性名称的值;
将所述页面元素的样式属性名称的值保存在所述样式类中,以将所述页面元素的样式属性名称的值作为所述样式类的样式名称字段的值;
将所述样式类的样式名称字段的值作为所述布局元素的样式名称字段的值。
2.如权利要求 1 所述的一种样式编辑方法,其特征在于:所述的创建所述样式类的实例之前,还包括:
判断内存是否存在与所述样式类对应的内存实例,若所述内存中存在所述内存实例,则调用所述内存实例。
3.一种电子装置,其特征在于,该电子装置包括:存储器、处理器及摄像装置,所述存储器中包括样式编辑方法,所述样式编辑方法程序被所述处理器执行时实现如下步骤:
获取页面元素的样式名称字段;
将所述页面元素的样式属性名称保存在样式类中,以使所述页面元素的样式属性名称作为所述样式类的样式名称字段;对样式类进行序列化处理;
创建所述样式类的实例,读取所述实例中的样式名称字段,将所述实例中的样式名称字段设置为布局元素的样式名称字段;
其中,所述样式编辑方法程序被所述处理器执行时还实现如下步骤:
获取所述页面元素的类型名称字段;
将所述页面元素的类型名称字段保存到所述样式类中,以将所述页面元素的类型名称字段作为所述样式类的类型名称字段的值;
获取所述布局元素的类型名称字段;
判断所述布局元素的类型名称字段是否与所述样式类的类型名称字段的值一致,若一致,则执行所述的将所述实例中的样式名称字段设置为所述布局元素的样式名称字段;
所述样式编辑方法还包括:
获取所述页面元素的样式属性名称的值;
将所述页面元素的样式属性名称的值保存在所述样式类中,以将所述页面元素的样式属性名称的值作为所述样式类的样式名称字段的值;
将所述样式类的样式名称字段的值作为所述布局元素的样式名称字段的值。
4.如权利要求3 所述的一种电子装置,其特征在于,所述的创建所述样式类的实例之前,实现如下步骤:
判断内存是否存在与所述样式类对应的内存实例,若所述内存中存在所述内存实例,则调用所述内存实例。
5.一种计算机存储介质,其特征在于,所述计算机存储介质存储有计算机指令,所述计算机指令被调用时,用于执行权利要求 1-2 任一项所述的方法。
CN201811093956.5A 2018-09-19 2018-09-19 一种样式编辑方法及设备 Active CN109445780B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811093956.5A CN109445780B (zh) 2018-09-19 2018-09-19 一种样式编辑方法及设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811093956.5A CN109445780B (zh) 2018-09-19 2018-09-19 一种样式编辑方法及设备

Publications (2)

Publication Number Publication Date
CN109445780A CN109445780A (zh) 2019-03-08
CN109445780B true CN109445780B (zh) 2022-07-08

Family

ID=65533010

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811093956.5A Active CN109445780B (zh) 2018-09-19 2018-09-19 一种样式编辑方法及设备

Country Status (1)

Country Link
CN (1) CN109445780B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111444456B (zh) * 2020-03-25 2023-10-27 北京奇艺世纪科技有限公司 一种样式编辑方法、装置及电子设备
CN111580815B (zh) * 2020-05-08 2023-07-28 上海泛微网络科技股份有限公司 一种页面元素的编辑方法及相关设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101615121A (zh) * 2009-07-22 2009-12-30 福州星网视易信息系统有限公司 Bs平台信息发布系统的样式编辑器
CN103440127A (zh) * 2013-08-19 2013-12-11 中国电子科技集团公司第十五研究所 软件图形界面绘制方法和系统
CN107066273A (zh) * 2017-03-31 2017-08-18 北京奇艺世纪科技有限公司 一种页面样式更新方法及装置
CN107678744A (zh) * 2017-09-12 2018-02-09 平安科技(深圳)有限公司 应用控件样式自定义方法、装置以及计算机可读存储介质
CN108228184A (zh) * 2018-01-26 2018-06-29 福建中金在线信息科技有限公司 页面样式生成方法、装置、电子设备和计算机存储介质

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1253788C (zh) * 2002-11-11 2006-04-26 华为技术有限公司 一种基于描述的界面生成方法及生成系统
CN103336686B (zh) * 2013-06-05 2016-10-05 福建星网锐捷通讯股份有限公司 数字标牌系统的终端播放模板的编辑装置及其编辑方法
CN104133844A (zh) * 2014-06-27 2014-11-05 小米科技有限责任公司 加载网页的方法及装置
US10671252B2 (en) * 2014-09-04 2020-06-02 Home Box Office, Inc. Styling system
US9953016B2 (en) * 2015-04-28 2018-04-24 Box, Inc. Composition and declaration of sprited images in a web page style sheet
US10296308B2 (en) * 2015-10-28 2019-05-21 Adobe Inc. Automatically generating network applications from design mock-ups
CN105740377A (zh) * 2016-01-27 2016-07-06 北京铭万智达科技有限公司 网页模板制作的可视化方法以及网页可视化制作装置
CN106503212A (zh) * 2016-10-27 2017-03-15 中企动力科技股份有限公司 一种网页元素样式的设置方法及装置
CN108509195A (zh) * 2017-12-12 2018-09-07 平安科技(深圳)有限公司 H5活动页面的制作方法、电子装置及可读存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101615121A (zh) * 2009-07-22 2009-12-30 福州星网视易信息系统有限公司 Bs平台信息发布系统的样式编辑器
CN103440127A (zh) * 2013-08-19 2013-12-11 中国电子科技集团公司第十五研究所 软件图形界面绘制方法和系统
CN107066273A (zh) * 2017-03-31 2017-08-18 北京奇艺世纪科技有限公司 一种页面样式更新方法及装置
CN107678744A (zh) * 2017-09-12 2018-02-09 平安科技(深圳)有限公司 应用控件样式自定义方法、装置以及计算机可读存储介质
CN108228184A (zh) * 2018-01-26 2018-06-29 福建中金在线信息科技有限公司 页面样式生成方法、装置、电子设备和计算机存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
CSS使用篇(二)-样式类的创建与引用;HaoTia;《http://www.360doc.com/content/10/1226/19/2327178_81537663.shtml》;20101226;全文第1-4页 *

Also Published As

Publication number Publication date
CN109445780A (zh) 2019-03-08

Similar Documents

Publication Publication Date Title
CN105511873B (zh) 用户界面控件展示方法及装置
CN109783388B (zh) Ui自动化测试方法、装置及电子设备
CN106991096B (zh) 动态页面渲染方法及装置
TW201732647A (zh) 一種網頁腳本載入方法和裝置
JP2005536783A (ja) pdfドキュメントのセクション抽出ツール
CN109445780B (zh) 一种样式编辑方法及设备
CN107729246A (zh) 针对目标应用的辅助测试方法、装置、设备及存储介质
CN111274512A (zh) 一种页面加载方法、装置及介质
CN114003451B (zh) 一种接口测试方法、装置、系统及介质
US20240146650A1 (en) Creating endpoints
CN111309332A (zh) 文件内容按需加载方法、装置及电子设备、存储介质
CN113018870A (zh) 一种数据处理方法、装置及计算机可读存储介质
CN111857709A (zh) React组件和Flutter组件的映射方法、装置、电子设备及存储介质
CN112685040B (zh) 安卓系统中界面文件的生成方法、装置、设备及存储介质
CN112817595A (zh) 界面渲染方法、装置、存储介质及电子设备
CN111414168A (zh) 基于思维导图的Web应用开发方法及装置、电子设备
CN115269090A (zh) 营销页面的生成方法、装置、终端及存储介质
CN107562423B (zh) Ui页面开发方法及装置
CN114661298A (zh) 公共方法自动生成方法、系统、设备及介质
CN113553065B (zh) 一种代码文件发布方法及装置
CN114218261A (zh) 数据查询方法、装置、存储介质以及电子设备
CN113672225A (zh) 用户界面的处理方法、装置、设备及存储介质
CN113590564A (zh) 数据存储方法、装置、电子设备及存储介质
CN109683994B (zh) 确定视图构建时间的方法、装置、存储介质及电子设备
CN115543323B (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