CN107085578B - 一种网页编辑方法和装置 - Google Patents

一种网页编辑方法和装置 Download PDF

Info

Publication number
CN107085578B
CN107085578B CN201610087125.1A CN201610087125A CN107085578B CN 107085578 B CN107085578 B CN 107085578B CN 201610087125 A CN201610087125 A CN 201610087125A CN 107085578 B CN107085578 B CN 107085578B
Authority
CN
China
Prior art keywords
code
editing
template
node
web page
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
CN201610087125.1A
Other languages
English (en)
Other versions
CN107085578A (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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201610087125.1A priority Critical patent/CN107085578B/zh
Publication of CN107085578A publication Critical patent/CN107085578A/zh
Application granted granted Critical
Publication of CN107085578B publication Critical patent/CN107085578B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation

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)
  • Information Transfer Between Computers (AREA)
  • Document Processing Apparatus (AREA)

Abstract

本发明实施例公开了网页编辑方法和装置,应用于信息处理技术领域。在本实施例的方法中,网页编辑装置在根据获取的配置数据分别更新网页模板的初始代码中节点的代码后,会对这些节点进行标注,然后根据更新后的初始代码中已标注的界面的相关代码形成并储存网页模板的第一编辑模板的代码。本实施例中会得到网页模板的一个编辑模板(即第一编辑模板)的代码之后,就可以对第一编辑模板进行继续编辑,既能打破对网页模板的编辑次数有限的局限,又可以方便网页编辑装置在网页模板的其它编辑模板的基础进行网页编辑。进而实现了在支持可视化编辑的同时,使得网页模板与数据分离。

Description

一种网页编辑方法和装置
技术领域
本发明涉及信息处理技术领域,特别涉及一种网页编辑方法和装置。
背景技术
目前网页广泛应用于应用服务器中,一般情况下,应用服务器会采用网页形式将相关应用的信息发送到客户端显示,其中网页是由运营商用户通过网页编辑器预先设置在应用服务器中的。
在现有的网页编辑方法中,一种是采用可视化编辑器编辑网页中的文本内容等,但是这种方法不支持网页模板;另一种是采用可视化编辑器编辑网页内容,且支持网页模板,但是这种方法不支持网页模板与数据的分离;又一种方法是采用代码编辑器编写网页模板与数据分离的代码,但这种方法不支持可视化编辑。可见,现有的网页编辑方法不是很方便。
发明内容
本发明实施例提供一种网页编辑方法和装置,实现了支持可视化编辑的同时,使得网页模板与数据的分离。
本发明实施例提供一种网页编辑方法,所述方法包括:
在加载网页模板的初始代码后,获取用户输入的所述网页模板的至少一个节点的配置数据;
根据所述配置数据分别更新所述网页模板的初始代码中所述至少一个节点的代码,分别对所述至少一个节点进行标注;
根据所述更新后的初始代码中已标注的节点的相关代码形成所述网页模板的第一编辑模板的代码,储存所述第一编辑模板的代码。
本发明实施例还提供一种网页编辑装置,包括:
配置获取单元,用于在加载网页模板的初始代码后,获取用户输入的所述网页模板的至少一个节点的配置数据;
第一代码更新单元,用于根据所述配置获取单元获取的配置数据分别更新所述网页模板的初始代码中所述至少一个节点的代码,分别对所述至少一个节点进行标注;
第一代码形成单元,用于根据所述第一代码更新单元更新后的初始代码中已标注的节点的相关代码形成所述网页模板的第一编辑模板的代码,储存所述第一编辑模板的代码。
可见,在本实施例的方法中,网页编辑装置在根据获取的配置数据分别更新网页模板的初始代码中节点的代码后,会对这些节点进行标注,然后根据更新后的初始代码中已标注的界面的相关代码形成并储存网页模板的第一编辑模板的代码。由于对一个网页模板的初始代码的更新次数是有限的,即对一个网页模板的编辑次数是有限的,则本实施例中会得到网页模板的一个编辑模板(即第一编辑模板)的代码之后,就可以对第一编辑模板进行继续编辑,和现有技术中网页编辑装置中只会储存网页模板的初始代码相比,既能打破对网页模板的编辑次数有限的局限,又可以方便网页编辑装置在网页模板的其它编辑模板的基础进行网页编辑。进而实现了在支持可视化编辑的同时,使得网页模板与数据分离。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的一种网页编辑方法的流程图;
图2a是本发明实施例中网页编辑装置显示的网页模板列表的示意图;
图2b是本发明实施例中网页编辑装置显示的统一开通组件的网页模板的编辑界面的示意图;
图2c是本发明实施例中网页编辑装置显示的用户输入的统一开通组件的配置数据的用户界面的示意图;
图3是本发明实施例提供的一种网页编辑装置的结构示意图;
图4是本发明实施例提供的另一种网页编辑装置的结构示意图;
图5是本发明实施例提供的另一种网页编辑装置的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”“第四”等(如果存在)是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排它的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
本发明实施例提供一种网页编辑方法,主要是由网页编辑装置所执行的对网页模板进行编辑的方法,流程图如图1所示,包括:
步骤101,在加载网页模板的初始代码后,获取用户输入的网页模板的至少一个节点的配置数据。其中,初始代码可以是超文本标记语言(HyperText Mark-up Language,HTML)代码,脚本语言(Javascript)代码,或是层叠样式表单(Cascading Style Sheets,CSS)代码等。这里一个节点的配置数据是指该节点的参数的参数值,比如标识,位置,及样式属性等属性这些参数的实际值。
可以理解,在编辑一个网页时,用户可以操作网页编辑装置,使得网页编辑装置能显示网页模板列表,这样当用户点击打开某一个网页模板时,网页编辑装置会加载该网页模板的初始代码。当加载完成后,网页编辑装置就会显示该网页模板的编辑界面,包括网页模板的固定内容及该网页模板的可编辑内容(比如编辑按钮),其中一个编辑按钮对应网页模板的一个节点。当用户点击编辑按钮,网页编辑装置会提供该编辑按钮对应节点的用户界面,该用户界面上包括该节点的配置数据的输入接口,这样用户可以从该输入接口输入该节点的配置数据,网页编辑装置就会从该用户界面上获取用户输入的一个节点的配置数据。
需要说明的是,网页模板的初始代码是通过函数调用来实现网页模板的功能的,在本实施例中,一个节点具体对应一个函数。上述所述的一个编辑按钮可以对应网页模板的一个节点。
步骤102,根据步骤101中获取的配置数据分别更新初始代码中至少一个节点的代码,并分别对至少一个节点进行标注。
具体地,如果上述步骤101中获取的至少一个节点中一个节点的配置数据包括初始代码中不包括的该节点的第一参数的参数值,则网页编辑装置在更新初始代码中该节点的代码时,会在初始代码中添加该节点的第一参数的代码,并在添加的代码中包括该第一参数的参数值。
如果上述步骤101中获取的至少一个节点中一个节点的配置数据不仅包括第一参数的参数值,还包括初始代码中原来包括的该节点的第二参数的参数值,则网页编辑装置在更新初始代码中该节点的代码时,会用该第二参数的参数值替换初始代码中对应参数的参数值。
步骤103,根据步骤102更新后的初始代码中已标注的节点的相关代码形成网页模板的第一编辑模板的代码,并储存第一编辑模板的代码。在形成第一编辑模板的代码时,网页编辑装置具体可以检测更新后的初始代码中已标注的至少一个节点,并分别对这至少一个节点进行去标注,然后将更新后的初始代码中这至少一个节点的可配置数据替换为占位符得到第一编辑模板的代码。其中一个节点的可配置数据是指该节点的可配置参数的参数值,且需要该可配置参数支持占位符。
在一个具体的实施例中,网页编辑装置在执行上述步骤102中分别对至少一个节点标注时,网页编辑装置可以分别在至少一个节点的代码行之前增加对应的注释内容行,其中一个节点对应的注释内容行可以包括一个特殊标识,且还可以包括代码更新前该节点的代码;在注释内容行中也可以不包括任何代码,只包括一个特殊标识。则网页编辑装置在执行上述分别对至少一个节点进行去标注时,具体是分别去掉这至少一个节点对应的注释内容行。其中注释内容行的内容可以不变,也可以随着对代码的更新而改变。
进一步地,如果网页编辑装置在储存了第一编辑模板的代码后,可以在网页模板列表中显示该第一编辑模板的信息,比如可以显示该第一编辑模板的来源模板即上述网页模板的标识,及该第一编辑模板的形成时间。当用户在网页模板列表中点击了第一编辑模板的信息,则网页编辑装置会加载上述步骤103中储存的第一编辑模板的代码,然后可以按照上述步骤101到103的方法对第一编辑模板的代码进行更新。
进一步地,为了方便用户对网页模板的编辑,网页编辑装置可以按照上述步骤101到103的方法形成并储存网页模板的至少一个第二编辑模板的代码,这样用户可以在至少一个第二编辑模板和上述第一编辑模板中选择一个编辑模板继续编辑。则当网页编辑装置获取用户从至少一个第二编辑模板及第一编辑模板中选择的编辑模板,加载用户选择的编辑模板的代码,然后对用户选择的编辑模板的代码进行更新。
需要说明的是,当网页编辑装置在加载网页模板的初始代码后,可以按照上述步骤101和102,对网页模板的初始代码进行多次更新,即可以循环执行上述步骤101和102。
可见,在本实施例的方法中,网页编辑装置在根据获取的配置数据分别更新网页模板的初始代码中节点的代码后,会对这些节点进行标注,然后根据更新后的初始代码中已标注的界面的相关代码形成并储存网页模板的第一编辑模板的代码。由于对一个网页模板的初始代码的更新次数是有限的,即对一个网页模板的编辑次数是有限的,则本实施例中会得到网页模板的一个编辑模板(即第一编辑模板)的代码之后,就可以对第一编辑模板进行继续编辑,和现有技术中网页编辑装置中只会储存网页模板的初始代码相比,既能打破对网页模板的编辑次数有限的局限,又可以方便网页编辑装置在网页模板的其它编辑模板的基础进行网页编辑。进而实现了在支持可视化编辑的同时,使得网页模板与数据分离。
例如图2a所示,网页编辑装置显示的网页模板列表包括基础类的多个网页模板,比如组件演示,开通组件,模拟老唱片,和统一开通组件等,当用户点击某一个网页模板比如统一开通组件时,网页编辑装置就会加载该统一开通组件的网页模板的初始代码,加载完成后,会显示该网页模板的编辑界面。
例如图2b所示,在编辑界面上包括统一开通组件的固定内容即“好给力”、“3好会员”及“开通即送!200点/年成长值、送抽奖机会、送加速卡”等字样,及可编辑内容即虚线框中的“开通年费会员”和“查看我的奖品”的编辑按钮,其中每个编辑按钮对应一个节点,且该“统一开通组件”也对应一个节点。其中,当用户移动编辑按钮,或扩大编辑按钮的面积,或双击编辑按钮时,网页编辑装置都显示编辑按钮对应节点的用户界面,以获取对应节点的配置数据;另一种情况下,当用户双击“统一开通组件”整个版面时,网页编辑装置会提供“统一开通组件”对应节点的用户界面。
例如图2c所示,在“统一开通组件”对应节点的用户界面上包括如下参数的参数值的输入接口:高度,禁止升级,指定月份,android aid,ios aid,会员mp赠送单,超会mp赠送单及指定开通业务。当用户输入该节点的配置数据后,可以点击“保存数据”的按钮,这样网页编辑装置可以从该用户界面获取到一个节点的配置数据。
进一步地,用户可以在该用户界面上点击编辑代码的按钮,则网页编辑装置可以显示代码编辑界面,这样用户通过代码编辑界面增加“开通年会会员”对应节点的其它参数的代码,比如样式属性的代码。在成功增加其它参数的代码后,该用户界面上会显示增加参数的参数值的输入框,例如图2c中所示的选线框。
以下以一个具体的应用实例来说明本发明实施例的方法,本实施例中,网页模板的一个节点的初始代码为:
<input type=’button’id=’{{id_v}}’value=’{{value_v}}’/>
<input type=’button’value=’龙套’/>
可见,该节点的不可配置参数为类型(type)属性为按钮(button),及名称为“龙套”的按钮;该节点的可配置参数为button的标识(id)及button的值(value),假设本实施例中该可配置参数为第二参数。网页编辑装置在加载该节点的初始代码时,会用模板默认值替换{{id_v}}和{{value_v}}占位符,使得网页编辑装置将网页模板中的该节点采用默认值方式展示给用户。
(1)用户可以通过网页编辑装置提供的一个用户界面输入上述第二参数的参数值,具体为“id1”和“按钮”,这样网页编辑装置在更新初始代码中该节点的代码时,分别用“id1”和“按钮”替换id和value的模板默认值,并在该节点的代码行之前添加注释内容行,在注释内容中包括特殊标识和代码更新前该节点的代码,具体为:
<!--特殊标识<input type=’button’id=’{{id_v}}’value=’{{value_v}}’/>特殊标识-->
<input type=’button’id=’id1’value=’按钮’/>
<input type=’button’value=’龙套’/>
(2)用户可以通过网页编辑装置提供的另一用户界面输入该节点的第一参数的代码,具体为:“按钮”的样式(style)属性为颜色(color)是红色(red),及“龙套”的样式属性为字体大小(font-size)是14px。则网页编辑装置在更新该节点的代码时,可以在该节点的代码中添加第一参数的代码,且该节点的代码行之前的注释内容行不会改变。
<!--特殊标识<input type=’button’id=’{{id_v}}’value=’{{value_v}}’/>特殊标识-->
<input style=’color:red;’type=’button’id=’id1’value=’按钮’/>
<input style=’font-size:14px;’type=’button’value=’龙套’/>
(3)在形成第一编辑模板的代码时,网页编辑装置会将注释内容行去掉,然后将更新后的初始代码中该节点的可配置数据替换为占位符最终得到的第一编辑模板的代码并储存,具体为:
<input style=’color:red;’type=’button’id=’{{id_v}}’value=’{{value_v}}’/>
其中,由于样式属性这个参数不支持占位符,则在形成第一编辑模板的代码时,不会将该参数(即color:red)替换为占位符。
(4)网页编辑装置就可以加载第一编辑模板的代码,在第一编辑模板的基础上进一步编辑。
本发明实施例还提供一种网页编辑装置,其结构示意图如图3所示,具体可以包括:
配置获取单元10,用于在加载网页模板的初始代码后,获取用户输入的所述网页模板的至少一个节点的配置数据。
第一代码更新单元11,用于根据所述配置获取单元10获取的配置数据分别更新所述网页模板的初始代码中所述至少一个节点的代码,分别对所述至少一个节点进行标注。
具体地,如果配置获取单元10获取的至少一个节点中一个节点的配置数据包括所述初始代码中不包括的所述一个节点的第一参数的参数值;则所述第一代码更新单元11,具体用于在所述初始代码中添加所述一个节点的第一参数的代码,所述添加的代码中包括所述第一参数的参数值。
如果所述配置获取单元10获取的至少一个节点中一个节点的配置数据不仅包括第一参数的参数值,还包括所述初始代码中包括的所述一个节点的第二参数的参数值;所述第一代码更新单元11,具体用于用所述第二参数的参数值替换初始代码中对应参数的参数值。
第一代码形成单元12,用于根据所述第一代码更新单元11更新后的初始代码中已标注的节点的相关代码形成所述网页模板的第一编辑模板的代码,储存所述第一编辑模板的代码。具体地,第一代码形成单元12会检测所述更新后的初始代码中已标注的所述至少一个节点,分别对所述至少一个节点进行去标注;将所述更新后的初始代码中所述至少一个节点的可配置数据替换为占位符得到所述第一编辑模板的代码。
在一个具体的实施例中,所述第一代码更新单元11在标注节点时,分别在所述至少一个节点的代码行之前增加对应的注释内容行,其中,一个节点对应的注释内容行包括特殊标识;则所述第一代码形成单元12在对节点去标注时,具体用于分别去掉所述至少一个节点对应的注释内容行。
在本实施例的网页编辑装置中,第一代码更新单元11在根据获取的配置数据分别更新网页模板的初始代码中节点的代码后,会对这些节点进行标注,然后第一代码形成单元12根据更新后的初始代码中已标注的界面的相关代码形成并储存网页模板的第一编辑模板的代码。由于对一个网页模板的初始代码的更新次数是有限的,即对一个网页模板的编辑次数是有限的,则本实施例中网页编辑装置会得到网页模板的一个编辑模板(即第一编辑模板)的代码之后,就可以对第一编辑模板进行继续编辑,和现有技术中网页编辑装置中只会储存网页模板的初始代码相比,既能打破对网页模板的编辑次数有限的局限,又可以方便网页编辑装置在网页模板的其它编辑模板的基础进行网页编辑。进而实现了在支持可视化编辑的同时,使得网页模板与数据分离。
参考图4所示,在一个具体的实施例中,网页编辑装置除了可以包括如图3所示的结构外,还可以包括第二代码更新单元13,第二代码形成单元14及第三代码更新单元15,具体地:
第二代码更新单元13,用于加载所述第一代码形成单元12储存的第一编辑模板的代码,对所述第一编辑模板的代码进行更新。
第二代码形成单元14,用于形成并储存所述网页模板的至少一个第二编辑模板的代码;
第三代码更新单元15,用于获取用户从所述至少一个第二编辑模板及第一编辑模板中选择的编辑模板,加载所述用户选择的编辑模板的代码,该选择的编辑模板的代码可能是第二代码形成单元14储存的代码,也可能是上述第一代码形成单元12储存的代码,然后对所述用户选择的编辑模板的代码进行更新。
本发明实施例还提供一种网页编辑装置,其结构示意图如图5所示,该网页编辑装置可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上中央处理器(central processing units,CPU)20(例如,一个或一个以上处理器)和存储器21,一个或一个以上存储应用程序221或数据222的存储介质22(例如一个或一个以上海量存储设备)。其中,存储器21和存储介质22可以是短暂存储或持久存储。存储在存储介质22的程序可以包括一个或一个以上模块(图示没标出),每个模块可以包括对网页编辑装置中的一系列指令操作。更进一步地,中央处理器20可以设置为与存储介质22通信,在网页编辑装置上执行存储介质22中的一系列指令操作。
网页编辑装置还可以包括一个或一个以上电源23,一个或一个以上有线或无线网络接口24,一个或一个以上输入输出接口25,和/或,一个或一个以上操作系统223,例如Windows ServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM等等。
上述方法实施例中所述的由网页编辑装置所执行的步骤可以基于该图5所示的网页编辑装置的结构。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:只读存储器(ROM)、随机存取存储器RAM)、磁盘或光盘等。
以上对本发明实施例所提供的网页编辑方法和装置进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。

Claims (10)

1.一种网页编辑方法,其特征在于,所述方法包括:
在编辑一个网页时,在加载用户选择的网页模板的初始代码后,显示所述网页模板的编辑界面,所述编辑界面包括所述网页模板的编辑按钮;提供用户操作的至少一个编辑按钮对应节点的用户界面,所述用户界面包括多个参数的参数值的输入接口,从所述用户界面获取用户输入的所述网页模板的至少一个节点的配置数据;
根据所述配置数据分别更新所述网页模板的初始代码中所述至少一个节点的代码,且分别对所述至少一个节点进行标注;
所述根据所述配置数据更新所述网页模板的初始代码中所述一个节点的代码具体包括:当至少一个节点中一个节点的配置数据包括所述初始代码中不包括的所述一个节点的第一参数的参数值时,则在所述初始代码中添加所述一个节点的第一参数的代码,所述添加的代码中包括所述第一参数的参数值;当至少一个节点中一个节点的配置数据包括所述初始代码中包括的所述一个节点的第二参数的参数值时,用所述第二参数的参数值替换初始代码中对应参数的参数值;
根据所述更新后的初始代码中已标注的节点的相关代码形成所述网页模板的第一编辑模板的代码,储存所述第一编辑模板的代码;所述第一编辑模板为用于编辑网页的模板;
所述根据所述更新后的初始代码中已标注的节点的相关代码形成所述网页模板的第一编辑模板的代码,具体包括:检测所述更新后的初始代码中已标注的所述至少一个节点,分别对所述至少一个节点进行去标注;将所述更新后的初始代码中所述至少一个节点的可配置数据替换为占位符得到所述第一编辑模板的代码。
2.如权利要求1所述的方法,其特征在于,
所述分别对所述至少一个节点进行标注具体包括:分别在所述至少一个节点的代码行之前增加对应的注释内容行,其中,一个节点对应的注释内容行包括特殊标识;
则所述分别对所述至少一个节点进行去标注具体包括:分别去掉所述至少一个节点对应的注释内容行。
3.如权利要求1至2任一项所述的方法,其特征在于,所述方法还包括:
加载所述第一编辑模板的代码,对所述第一编辑模板的代码进行更新。
4.如权利要求1至2任一项所述的方法,其特征在于,所述方法还包括:
形成并储存所述网页模板的至少一个第二编辑模板的代码;
获取用户从所述至少一个第二编辑模板及第一编辑模板中选择的编辑模板,加载所述用户选择的编辑模板的代码,对所述用户选择的编辑模板的代码进行更新。
5.一种网页编辑装置,其特征在于,包括:
配置获取单元,用于在编辑一个网页时,在加载用户选择的网页模板的初始代码后,显示所述网页模板的编辑界面,所述编辑界面包括所述网页模板的编辑按钮;提供用户操作的至少一个编辑按钮对应节点的用户界面,所述用户界面包括多个参数的参数值的输入接口,从所述用户界面获取用户输入的所述网页模板的至少一个节点的配置数据;
第一代码更新单元,用于根据所述配置获取单元获取的配置数据分别更新所述网页模板的初始代码中所述至少一个节点的代码,分别对所述至少一个节点进行标注;
所述第一代码更新单元,具体用于当至少一个节点中一个节点的配置数据包括所述初始代码中不包括的所述一个节点的第一参数的参数值时,则在所述初始代码中添加所述一个节点的第一参数的代码,所述添加的代码中包括所述第一参数的参数值;当至少一个节点中一个节点的配置数据包括所述初始代码中包括的所述一个节点的第二参数的参数值时,用所述第二参数的参数值替换初始代码中对应参数的参数值;
第一代码形成单元,用于根据所述第一代码更新单元更新后的初始代码中已标注的节点的相关代码形成所述网页模板的第一编辑模板的代码,储存所述第一编辑模板的代码;所述第一编辑模板为用于编辑网页的模板;
所述第一代码形成单元,具体用于检测所述更新后的初始代码中已标注的所述至少一个节点,分别对所述至少一个节点进行去标注;将所述更新后的初始代码中所述至少一个节点的可配置数据替换为占位符得到所述第一编辑模板的代码。
6.如权利要求5所述的装置,其特征在于,
所述第一代码更新单元,具体用于分别在所述至少一个节点的代码行之前增加对应的注释内容行,其中,一个节点对应的注释内容行包括特殊标识;
则所述第一代码形成单元,具体用于分别去掉所述至少一个节点对应的注释内容行。
7.如权利要求5至6任一项所述的装置,其特征在于,还包括:
第二代码更新单元,用于加载所述第一编辑模板的代码,对所述第一编辑模板的代码进行更新。
8.如权利要求5至6任一项所述的装置,其特征在于,还包括:
第二代码形成单元,用于形成并储存所述网页模板的至少一个第二编辑模板的代码;
第三代码更新单元,用于获取用户从所述至少一个第二编辑模板及第一编辑模板中选择的编辑模板,加载所述用户选择的编辑模板的代码,对所述用户选择的编辑模板的代码进行更新。
9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质储存多条指令,所述指令适于由处理器加载并执行如权利要求1至4任一项所述的网页编辑方法。
10.一种网页编辑装置,其特征在于,包括处理器和存储器,所述处理器,用于实现各个指令;
所述存储器用于储存多条指令,所述指令用于由处理器加载并执行如权利要求1至4任一项所述的网页编辑方法。
CN201610087125.1A 2016-02-16 2016-02-16 一种网页编辑方法和装置 Active CN107085578B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610087125.1A CN107085578B (zh) 2016-02-16 2016-02-16 一种网页编辑方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610087125.1A CN107085578B (zh) 2016-02-16 2016-02-16 一种网页编辑方法和装置

Publications (2)

Publication Number Publication Date
CN107085578A CN107085578A (zh) 2017-08-22
CN107085578B true CN107085578B (zh) 2020-05-12

Family

ID=59614755

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610087125.1A Active CN107085578B (zh) 2016-02-16 2016-02-16 一种网页编辑方法和装置

Country Status (1)

Country Link
CN (1) CN107085578B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109032584A (zh) * 2018-07-27 2018-12-18 郑州云海信息技术有限公司 一种层叠样式表的生成方法、装置、设备及介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101976260A (zh) * 2010-11-04 2011-02-16 上海银杏界信息科技有限公司 一种可视化标签及使用其生成网页的方法
CN103544178A (zh) * 2012-07-13 2014-01-29 百度在线网络技术(北京)有限公司 一种用于提供与目标页面相对应的重构页面的方法和设备
CN103678511A (zh) * 2013-11-25 2014-03-26 北京奇虎科技有限公司 根据可视化模板进行网页内容抽取的方法及装置
CN103678509A (zh) * 2013-11-25 2014-03-26 北京奇虎科技有限公司 生成网页模板的方法及装置
CN103853735A (zh) * 2012-11-29 2014-06-11 怡丰联合(北京)科技有限责任公司 Html模板可视化制作、编辑方法及系统

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9665911B2 (en) * 2013-07-24 2017-05-30 Hartford Fire Insurance Company System and method to document and display business requirements for computer data entry

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101976260A (zh) * 2010-11-04 2011-02-16 上海银杏界信息科技有限公司 一种可视化标签及使用其生成网页的方法
CN103544178A (zh) * 2012-07-13 2014-01-29 百度在线网络技术(北京)有限公司 一种用于提供与目标页面相对应的重构页面的方法和设备
CN103853735A (zh) * 2012-11-29 2014-06-11 怡丰联合(北京)科技有限责任公司 Html模板可视化制作、编辑方法及系统
CN103678511A (zh) * 2013-11-25 2014-03-26 北京奇虎科技有限公司 根据可视化模板进行网页内容抽取的方法及装置
CN103678509A (zh) * 2013-11-25 2014-03-26 北京奇虎科技有限公司 生成网页模板的方法及装置

Also Published As

Publication number Publication date
CN107085578A (zh) 2017-08-22

Similar Documents

Publication Publication Date Title
US10726195B2 (en) Filtered stylesheets
US10824691B2 (en) Page rendering method, device, and data storage medium
EP2987088B1 (en) Client side page processing
US20170220548A1 (en) System and method for creation of templates
US20030037076A1 (en) Method, computer program and system for style sheet generation
US20140006913A1 (en) Visual template extraction
US10902508B2 (en) Methods for extracting and adapting information to generate custom widgets and devices thereof
CN106469220B (zh) 一种生成动态效果页面的方法及系统
CN108710490B (zh) 一种Web页面的编辑方法和装置
CN105373520A (zh) 设置控件样式属性的方法和装置
WO2016022137A1 (en) Replicating a web technology
CN106210918A (zh) 一种用户界面的更新方法及系统
Rahman Jump Start Bootstrap: Get Up to Speed with Bootstrap in a Weekend
CN107085578B (zh) 一种网页编辑方法和装置
CN116009863B (zh) 前端页面渲染方法、设备及存储介质
US11126410B2 (en) Method and apparatus for building pages, apparatus and non-volatile computer storage medium
CN116627410A (zh) 一种参数化组件编辑方法及装置
CN111414168A (zh) 基于思维导图的Web应用开发方法及装置、电子设备
CN108572900B (zh) 一种空白坑位监控的方法、系统、电子设备和存储介质
CN113934959B (zh) 一种程序预览方法、装置、计算机设备和存储介质
JP6524306B2 (ja) ウェブページ提供システム、ウェブページ提供方法、プログラム、通信装置及びウェブページ表示方法
Radford Learning Web Development with Bootstrap and AngularJS
CN114594945A (zh) 高级弹窗选择框的生成方法、装置、系统、设备以及介质
JP6338935B2 (ja) ウェブページ提供システム、ウェブページ提供方法、プログラム及び通信装置
US20240126978A1 (en) Determining attributes for elements of displayable content and adding them to an accessibility tree

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