CN108694043A - 页面装修方法和系统 - Google Patents
页面装修方法和系统 Download PDFInfo
- Publication number
- CN108694043A CN108694043A CN201710232668.2A CN201710232668A CN108694043A CN 108694043 A CN108694043 A CN 108694043A CN 201710232668 A CN201710232668 A CN 201710232668A CN 108694043 A CN108694043 A CN 108694043A
- Authority
- CN
- China
- Prior art keywords
- editable
- template
- module
- attribute
- 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.)
- Granted
Links
- 238000005034 decoration Methods 0.000 title claims abstract description 81
- 238000000034 method Methods 0.000 title claims abstract description 49
- 230000003068 static effect Effects 0.000 claims abstract description 105
- 238000004590 computer program Methods 0.000 claims description 9
- 238000011161 development Methods 0.000 claims description 6
- 238000012795 verification Methods 0.000 claims description 5
- 238000004458 analytical method Methods 0.000 claims description 2
- 238000003672 processing method Methods 0.000 abstract description 2
- 230000008569 process Effects 0.000 description 17
- 230000000694 effects Effects 0.000 description 14
- 230000006870 function Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 7
- 238000012545 processing Methods 0.000 description 7
- 230000000007 visual effect Effects 0.000 description 6
- 238000013461 design Methods 0.000 description 5
- 230000003993 interaction Effects 0.000 description 5
- 238000012986 modification Methods 0.000 description 5
- 230000004048 modification Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000000644 propagated effect Effects 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000010276 construction Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation 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)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供一种页面装修方法和系统,能够给用户所见即所得的页面装修体验,降低装修工具的使用门槛,并且数据处理方式更高效。该方法包括在服务端执行如下步骤:接收页面装修请求;根据页面装修请求获取活动模板中的每个静态模块的模板html文件;解析每个模板html文件,以获得其中对应于静态模块的可编辑区域预定义的可编辑节点,以及获得在可编辑节点中预定义的可编辑区域的可编辑属性,可编辑属性具有默认值;确定是否存在用户对可编辑属性输入的属性值,并且当存在时,则获取该属性值,并用该属性值替换对应的可编辑属性的默认值;客户端为可编辑节点绑定事件,并在绑定完成后展示静态模块的模板html文件。
Description
技术领域
本发明涉及计算机技术领域,特别地涉及一种页面装修方法和系统。
背景技术
在电商平台的店铺装修系统中,一个店铺下可以创建多个子页面,子页面的结构又是由多个布局组成,其中,每个布局有多个模块组合而成,因此,店铺页面的装修基本就是对页面各个模块的装修。模块的展示效果有两个因素构成:模块参数和模块使用的模板。
用户在利用现有的装修工具装修页面时,用户在配置模块参数后,客户端请求模块的渲染后的内容,服务端接收到该请求,获取利用模块的模板和全部参数渲染出的模块的内容发送给客户端,使用户看到模块渲染后的展示效果,用户可以点击模块配置,在配置弹窗中修改参数,并保存它们,这样页面上该模块所展示的数据也就修改了。
在实现本发明过程中,发明人发现现有技术中至少存在如下问题:首先,无论用户配置或者修改模块的什么参数,服务端渲染模块时都需要获取模块的全部参数,数据处理效率低。其次,用户在配置或者修改模块时,无法直观的编辑模块的某个区域,装修工具使用门槛较高。
发明内容
有鉴于此,本发明实施例提供一种页面装修方法、系统、电子设备以及计算机可读介质,能够给用户所见即所得的页面装修体验,降低装修工具的使用门槛,并且数据处理方式更高效。
为实现上述目的,根据本发明的一个方面,提供了一种页面装修方法,所述页面由一个或多个静态模块组成,所述静态模块具有一个或多个可编辑区域,
所述方法包括在服务端执行如下步骤:
接收用户利用活动模板进行页面装修的页面装修请求,所述活动模板包括:所述一个或多个静态模块的模板内容;
根据所述页面装修请求获取所述活动模板中的每个静态模块的模板html文件;
解析获取的每个所述模板html文件,以获得其中对应于所述静态模块的可编辑区域预定义的可编辑节点,以及获得在所述可编辑节点中预定义的所述可编辑区域的可编辑属性,所述可编辑属性具有默认值;
确定是否存在用户对所述可编辑属性输入的属性值,并且当存在时,则获取该属性值,并用该属性值替换对应的所述可编辑属性的默认值;
把所述模板html文件发送至客户端,
其中,所述客户端为所述可编辑节点绑定事件,并在绑定完成后展示所述静态模块的模板html文件,使得利用所述绑定的事件,用户能够在所述静态模块的可编辑区域内对所述可编辑属性进行属性值输入。
进一步的,获得所述可编辑区域的可编辑属性包括:
在所述可编辑节点的属性中查找所述可编辑属性,并生成所述可编辑属性列表,其中,利用所述可编辑属性列表能够对所述可编辑属性的默认值进行替换。
进一步的,所述可编辑节点配置有可编辑标签,解析所述模板html文件包括利用所述可编辑标签从所述模板html文件中获得所述可编辑节点。
进一步的,所述静态模块的模板html文件通过下述步骤生成:
获取活动模板html文件;
把每个所述静态模块的模板内容从所述活动模板html文件中提取出,并生成一个或多个所述静态模块的模板html文件;
对所述静态模块的模板html文件进行存储。
进一步的,本发明提供的页面装修方法,还包括:
服务端对用户输入的属性值进行校验,并存储通过校验的属性值。
为实现上述目的,根据本发明的另一个方面,提供了一种页面装修系统,所述页面由一个或多个静态模块组成,所述静态模块具有一个或多个可编辑区域,
所述系统包括:页面装修单元,
其中,所述页面装修单元包括:设置在服务端的请求接收模块、文件解析模块和属性替换模块,设置在客户端的事件绑定模块和文件展示模块,
其中,
所述请求接收模块用于接收用户利用活动模板进行页面装修的页面装修请求,所述活动模板包括:所述一个或多个静态模块的模板内容;
所述文件解析模块用于根据所述页面装修请求获取所述活动模板中的每个静态模块的模板html文件,解析获取的每个所述模板html文件,以获得其中对应于所述静态模块的可编辑区域预定义的可编辑节点,以及获得在所述可编辑节点中预定义的所述可编辑区域的可编辑属性,所述可编辑属性具有默认值;
所述属性替换模块用于确定是否存在用户对所述可编辑属性输入的属性值,并且当存在时,则获取该属性值,并用该属性值替换对应的所述可编辑属性的默认值;
服务端把所述模板html文件发送至客户端,所述事件绑定模块用于为所述可编辑节点绑定事件;
所述文件展示模块用于在绑定完成后展示所述静态模块的模板html文件,使得利用所述绑定的事件,用户能够在所述静态模块的可编辑区域内对所述可编辑属性进行属性值输入。
进一步的,本发明提供的页面装修系统,还包括:活动模板开发单元,活动模板市场单元以及活动模板服务单元,其中,
所述活动模板开发单元用于对活动模板html文件进行编写;
所述活动模板市场单元用于对编写好的活动模板html文件进行审查和校验,并将通过审查和校验的所述活动模板html文件推送至所述活动模板服务单元;
所述活动模板服务单元用于将所述活动模板html文件保存到数据库中,以及从所述数据库中获取活动模板html文件,把每个所述静态模块的模板内容从所述活动模板html文件中提取出,并生成一个或多个所述静态模块的模板html文件,并对所述静态模块的模板html文件进行存储。
进一步的,所述页面装修单元还包括:设置在服务端的属性校验模块和属性存储模块,其中,
所述属性校验模块用于对用户输入的属性值进行校验;
所述属性存储模块用于存储通过校验的属性值。
为实现上述目的,根据本发明的另一个方面,提供了一种页面装修电子设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明提供的页面装修方法。
为实现上述目的,根据本发明的另一个方面,提供了一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现本发明提供的页面装修方法。
本发明实施例提供的页面装修方法、系统、电子设备以及存储介质,通过内容各个模块的功能实现,实现用户对于静态模块的可视化编辑,在页面装修过程中给用户一种所见即所得的装修体验。并且用户在装修过程中不再需要进行模块配置,模板设计人员在编写活动模板时,已经对模块的可编辑区域进行了配置,用户可直接关注可编辑区域,并可以通过具体的交互事件在装修页面上对静态模块某个区域进行直观的单独编辑,同时,一个静态模块可以包含多个局部区域,编辑当前区域,不会对模块的其他区域造成影响。相对于现有技术本发明的提供的页面装修系统优化了数据处理方式,使得用户的装修过程更加高效便捷,并且户装修时的关注点不再是模块配置数据而是直观的页面效果,使得初学者也能够快速上手,极大的提高了用户体验。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明,不构成对本发明的不当限定。其中:
图1是本发明实施例提供的页面装修方法的流程图;
图2是本发明实施例提供的页面装修系统的示意图;
图3是适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
本发明实施例提供一种页面装修方法,该方法可以应用在电商平台的店铺装修系统中,对用户利用活动模板装修活动页面的过程进行改进。活动模板是由模板设计人员利用电商平台的店铺装修系统编写的。用户可以购买设计好的活动模板对自己的活动页面进行装修。
活动模板中包括一个或多个静态模块的模板内容,相应的在使用活动模板装修页面时,被装修的页面由一个或多个静态模块组成。活动模板中对于静态模块的设计决定了被装修页面的展示效果。静态模块为数据不会动态变化的模块,其数据不需要与其他系统的数据进行交互。在本发明中,静态模块具有一个或多个可编辑区域,对于可编辑区域的数据,例如链接地址、文字等,基于静态模块的特性在被编辑后不会自动变化。
在本发明中,静态模块的模板html文件通过下述步骤生成:
首先,获取活动模板html文件,由模板设计人员设计好的活动模板html文件存储在服务端数据库中,系统从数据库中获取活动模板html文件。
然后,把活动模板html文件中的每个静态模块的模板内容从活动模板html文件中提取出,并生成一个或多个静态模块的模板html文件。也就说将一个活动模板html文件拆分成静态模块的模板html文件。最后对拆分出的静态模块的模板html文件进行存储,以备下述本发明提供的利用静态模块的模板html文件对页面进行装修的过程中使用。
如图1所示,本发明实施例提供的页面装修方法包括:在服务端执行步骤101至步骤105。
首先在步骤101中,接收用户利用活动模板进行页面装修的页面装修请求,活动模板包括:一个或多个静态模块的模板内容。在电商平台的店铺装修系统中,用户在需要装修页面时,进入页面装修界面,在装修界面中,可以点选已经购买的活动模板,进而客户端向服务端发送利用选择的活动模板进行页面装修的页面装修请求。
在步骤102中,根据页面装修请求获取活动模板中的每个静态模块的模板html文件。服务端接收到该请求后,触发用户选择的活动模板的静态模块渲染,进而从服务端数据库中获取用户选择的活动模板中的每一个静态模块的模板html文件。
在步骤103中,解析获取的每个模板html文件,以获得其中对应于静态模块的可编辑区域预定义的可编辑节点,以及获得在可编辑节点中预定义的可编辑区域的可编辑属性,可编辑属性具有默认值。在静态模块的模板html文件中预定义有可编辑节点,可编辑节点对应静态模块的可编辑区域设置。模板设计人员在设计活动模板时,可以根据需求为静态模块设计可编辑区域,以提供给用户进行编辑。用户对与可编辑区域的编辑实际是对可编辑节点的属性进行编辑,可编辑节点的属性经客户端浏览器展示后即为对应的可编辑区域的展示效果。可编辑属性即由模板设计人员定义的可编辑区域的哪些属性是允许用户编辑的。本步骤提供的解析过程可通过Jsoup解析器实现。
在本发明中,可编辑节点配置有可编辑标签,解析模板html文件包括利用可编辑标签从模板html文件中获得可编辑节点。在本发明中,对于可编辑节点配置有可编辑标签“pkey”,即含“pkey”属性的节点被定义成了可编辑节点。在步骤103中通过Jsoup解析器对静态模块的模板html文件进行解析时,通过可编辑标签“pkey”查询到相应的“pkey”节点,从而进一步获取“pkey”节点的属性。
在本发明中,获得可编辑区域的可编辑属性包括:在可编辑节点的属性中查找可编辑属性,并生成可编辑属性列表,其中,利用可编辑属性列表能够对可编辑属性的默认值进行替换。“pkey”节点的属性中包括有预定义的可以编辑属性,在步骤103中获取可编辑属性时,需要在“pkey”节点的所有属性中查找出可以编辑的属性,并生成由可编辑属性组成的列表“pt_editable_attrs”,并通过该列表进行后续的属性替换步骤。在本发明中,可编辑属性包括:target(跳转时是本窗口还是新窗口)、href(跳转链接)、j_html_node_a_content(节点的html文本部分)、src(图片地址)。
“pkey”节点的属性设置由模板设计人员定义,“pkey”节点的属性可以都为可编辑属性,也可包括不能进行编辑的属性。在本发明中,可以预定义查询规则,利用该规则可以实现从“pkey”节点的所有属性中查找出可编辑属性。
例如,静态模块的模板html文件内容是:
<a"pkey"="J1"″href"="//www.xx.com"″target"="_blank">文本区域</a>。
a节点有“pkey”标签,说明a节点为可编辑节点,获得该可编辑的a节点。J1为“pkey”的值,用于和默认值数据或用户的输入值数据进行关联,从而使不同的“pkey”标签对应不同的数据。
在a节点的属性中,可以定义查询规则,例如:将“pkey”节点中具有默认值的属性设置成可编辑属性,由此查询获得a节点的可编辑属性列表“pt_editable_attrs”就是href\target\j_html_node_a_content。
在步骤104中,确定是否存在用户对可编辑属性输入的属性值,并且当存在时,则获取该属性值,并用该属性值替换对应的可编辑属性的默认值。即判断用户是否在之前的操作中对可编辑区域的可编辑属性进行过属性值输入,若有过输入,则将静态模块的模板html文件中的可编辑属性的默认值替换成用户对应输入的属性值。若用户没有过相应的属性值输入,则不进行替换,可编辑属性依然为模板设计人员设计的默认值。上述替换步骤的目的在于通过本方法将上次用户输入的属性值展示出来,以供用户查看属性值的设置效果,从而进行进一步的修改或确认。
例如,用户之前配置并保存了href的值为//xshop.xx.com,则在本步骤104中,将静态模块的模板html文件中href属性修改为"href"="//xshop.xx.com"。
在步骤105中,把静态模块的模板html文件发送至客户端,其中,客户端为可编辑节点绑定事件,并在绑定完成后展示静态模块的模板html文件,使得利用绑定的事件,用户能够在静态模块的可编辑区域内对可编辑属性进行属性值输入。客户端根据“pkey”节点及其可编辑属性“pt_editable_attrs”绑定事件,在绑定事件过程中视每个“pkey”节点为静态模块的一个可编辑区域。在本发明中,如果静态模块的模板html文件中有父子“pkey”节点,则定义父节点为可编辑区域。所绑定的事件实现装修系统与用户的交互,用户通过具体的交互事件可以在装修页面上对静态模块某个区域进行单独编辑。
在本发明中,所绑定的事件可以为用户点击静态模块的可编辑区域后,系统弹出对应可编辑属性“pt_editable_attrs”的一个或多个修改框,用户可以在修改框中输入相应的属性值。对应上例,用户在静态模块上点击可编辑a节点所在的区域时,当鼠标悬浮到可编辑区域时,该区域会显示特有的前端浮层效果,用户点击该区域后,系统会弹窗出来,用户可以对弹窗中显示的可编辑属性列表中的可编辑属性href\target\j_html_node_a_content进行属性值输入。
本发明实施例提供的页面装修方法还包括:校验步骤。在该步骤中服务端对用户输入的属性值进行校验,并存储通过校验的属性值。例如,如果href对应的链接是外链,即非本电商平台的链接,则不能通过校验。
在用户对于可编辑属性值进行输入后,服务端通过页面装修请求将输入的属性值发送至服务端,并经过校验后保存在服务端,服务端再次执行上述步骤101至步骤105,并在步骤104中将静态模块的模板html文件中的可编辑属性值替换为保存的用户输入的属性值,从而将用户上次输入的属性值的效果在本次方法执行后展示出来,并同时通过绑定的事件允许用户进行进一步的属性值修改,并在下一次的方法执行后,将修改后的属性值效果展示出来,如此循环执行本发明提供的方法直至用户确定最终的属性值。进而实现用户对于静态模块的可视化编辑,在页面装修过程中给用户一种所见即所得的装修体验。
通过本发明方法用户在装修过程中不再需要进行模块配置,模板设计人员在编写活动模板时,已经对模块的可编辑区域进行了配置,用户可直接关注可编辑区域,并可以通过具体的交互事件在装修页面上对静态模块某个区域进行直观的单独编辑,同时,一个静态模块可以包含多个局部区域,编辑当前区域,不会对模块的其他区域造成影响。相对于现有技术中用户在装修时需要通过统一的配置窗口才能修改模块参数,无法直观的感觉到被修改的区域在页面的哪一块,而且需要等待整个页面刷新才能看到修改后的效果,且对应仅有图文相关的模块,用户编辑模块配置数据时,并不能直观的看到修改处对应的页面的区域,本发明的提供的页面装修方法优化了数据处理方式,使得用户的装修过程更加高效便捷,并且户装修时的关注点不再是模块配置数据而是直观的页面效果,使得初学者也能够快速上手,极大的提高了用户体验。
本发明实施例还提供一种页面装修系统,本系统可以应用于电商平台的店铺装修系统中,本系统支持活动模板从设计到提供给用户使用的过程中的全部功能实现。
活动模板包括一个或多个静态模块的模板内容,相应的在使用活动模板装修页面时,被装修的页面由一个或多个静态模块组成。活动模板中对于静态模块的设计决定了被装修页面的展示效果。静态模块为数据不会动态变化的模块,其数据不需要与其他系统的数据进行交互。在本发明中,静态模块具有一个或多个可编辑区域,对于可编辑区域的数据,例如链接地址、文字等,基于静态模块的特性在被编辑后不会自动变化。
如图2所示,本发明实施例提供的页面装修系统包括:页面装修单元1。
其中,页面装修单元1包括:设置在服务端的请求接收模块11、文件解析模块12和属性替换模块13,设置在客户端的事件绑定模块14和文件展示模块15。
请求接收模块11用于接收用户利用活动模板进行页面装修的页面装修请求,活动模板包括:一个或多个静态模块的模板内容。
其中,文件解析模块12用于根据页面装修请求获取活动模板中的每个静态模块的模板html文件,解析获取的每个模板html文件,以获得其中对应于静态模块的可编辑区域预定义的可编辑节点,以及获得在可编辑节点中预定义的可编辑区域的可编辑属性,可编辑属性具有默认值。
属性替换模块13用于确定是否存在用户对可编辑属性输入的属性值,并且当存在时,则获取该属性值,并用该属性值替换对应的可编辑属性的默认值。
服务端把静态模块的模板html文件发送至客户端,事件绑定模块14用于为可编辑节点绑定事件。
文件展示模块15用于在绑定完成后展示静态模块的模板html文件,使得利用绑定的事件,用户能够在静态模块的可编辑区域内对可编辑属性进行属性值输入。
本发明实施例提供的页面装修系统还包括:活动模板开发单元2,活动模板市场单元3以及活动模板服务单元4。
其中,活动模板开发单元2用于对活动模板html文件进行编写。
活动模板市场单元3用于对编写好的活动模板html文件进行审查和校验,并将通过审查和校验的活动模板html文件推送至活动模板服务单元。
活动模板服务单元4用于将活动模板html文件保存到数据库中,以及从数据库中获取活动模板html文件,把每个静态模块的模板内容从活动模板html文件中提取出,并生成一个或多个静态模块的模板html文件,并对静态模块的模板html文件进行存储。
在本发明中,页面装修单元1还包括:设置在服务端的属性校验模块16和属性存储模块17。
其中,属性校验模块16用于对用户输入的属性值进行校验。属性存储模块17用于存储通过校验的属性值。
本发明实施例提供的页面装修系统,通过内容各个模块的功能实现,实现用户对于静态模块的可视化编辑,在页面装修过程中给用户一种所见即所得的装修体验。并且用户在装修过程中不再需要进行模块配置,模板设计人员在编写活动模板时,已经对模块的可编辑区域进行了配置,用户可直接关注可编辑区域,并可以通过具体的交互事件在装修页面上对静态模块某个区域进行直观的单独编辑,同时,一个静态模块可以包含多个局部区域,编辑当前区域,不会对模块的其他区域造成影响。相对于现有技术本发明的提供的页面装修系统优化了数据处理方式,使得用户的装修过程更加高效便捷,并且户装修时的关注点不再是模块配置数据而是直观的页面效果,使得初学者也能够快速上手,极大的提高了用户体验。
下面参考图3,其示出了适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。图3示出的电子设备仅仅是一个示例,不应对本申请实施例的功能和使用范围带来任何限制。
如图3所示,计算机系统包括中央处理单元(CPU)v1,其可以根据存储在只读存储器(ROM)v2中的程序或者从存储部分v8加载到随机访问存储器(RAM)v3中的程序而执行各种适当的动作和处理。在RAM v3中,还存储有系统操作所需的各种程序和数据。CPU v1、ROMv2以及RAM v3通过总线v4彼此相连。输入/输出(I/O)接口v5也连接至总线v4。
以下部件连接至I/O接口v5:包括键盘、鼠标等的输入部分v6;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分v7;包括硬盘等的存储部分v8;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分v9。通信部分v9经由诸如因特网的网络执行通信处理。驱动器v10也根据需要连接至I/O接口v5。可拆卸介质v11,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器v10上,以便于从其上读出的计算机程序根据需要被安装入存储部分v8。
特别地,根据本发明公开的实施例,上文流程图描述的过程可以被实现为计算机软件程序。例如,本发明公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分v9从网络上被下载和安装,和/或从可拆卸介质v11被安装。在该计算机程序被中央处理单元(CPU)v1执行时,执行本申请的系统中限定的上述功能。
需要说明的是,本申请所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中,例如,可以描述为:一种处理器包括请求接收模块、文件解析模块、属性替换模块、事件绑定模块和文件展示模块。其中,这些模块的名称在某种情况下并不构成对该模块本身的限定,例如,属性替换模块还可以被描述为“用于确定是否存在用户对所述可编辑属性输入的属性值,并且当存在时,则获取该属性值,并用该属性值替换对应的所述可编辑属性的默认值”。
作为另一方面,本申请还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使得该设备包括:
接收用户利用活动模板进行页面装修的页面装修请求,活动模板包括:一个或多个静态模块的模板内容;
根据页面装修请求获取活动模板中的每个静态模块的模板html文件;
解析获取的每个模板html文件,以获得其中对应于静态模块的可编辑区域预定义的可编辑节点,以及获得在可编辑节点中预定义的可编辑区域的可编辑属性,可编辑属性具有默认值;
确定是否存在用户对可编辑属性输入的属性值,并且当存在时,则获取该属性值,并用该属性值替换对应的可编辑属性的默认值;
把模板html文件发送至客户端,
其中,客户端为可编辑节点绑定事件,并在绑定完成后展示静态模块的模板html文件,使得利用绑定的事件,用户能够在静态模块的可编辑区域内对可编辑属性进行属性值输入。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,取决于设计要求和其他因素,可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (10)
1.一种页面装修方法,其特征在于,所述页面由一个或多个静态模块组成,所述静态模块具有一个或多个可编辑区域,
所述方法包括在服务端执行如下步骤:
接收用户利用活动模板进行页面装修的页面装修请求,所述活动模板包括:所述一个或多个静态模块的模板内容;
根据所述页面装修请求获取所述活动模板中的每个静态模块的模板html文件;
解析获取的每个所述模板html文件,以获得其中对应于所述静态模块的可编辑区域预定义的可编辑节点,以及获得在所述可编辑节点中预定义的所述可编辑区域的可编辑属性,所述可编辑属性具有默认值;
确定是否存在用户对所述可编辑属性输入的属性值,并且当存在时,则获取该属性值,并用该属性值替换对应的所述可编辑属性的默认值;
把所述模板html文件发送至客户端,
其中,所述客户端为所述可编辑节点绑定事件,并在绑定完成后展示所述静态模块的模板html文件,使得利用所述绑定的事件,用户能够在所述静态模块的可编辑区域内对所述可编辑属性进行属性值输入。
2.根据权利要求1所述的方法,其特征在于,获得所述可编辑区域的可编辑属性包括:
在所述可编辑节点的属性中查找所述可编辑属性,并生成所述可编辑属性列表,其中,利用所述可编辑属性列表能够对所述可编辑属性的默认值进行替换。
3.根据权利要求2所述的方法,其特征在于,所述可编辑节点配置有可编辑标签,解析所述模板html文件包括利用所述可编辑标签从所述模板html文件中获得所述可编辑节点。
4.根据权利要求1或3所述的方法,其特征在于,所述静态模块的模板html文件通过下述步骤生成:
获取活动模板html文件;
把每个所述静态模块的模板内容从所述活动模板html文件中提取出,并生成一个或多个所述静态模块的模板html文件;
对所述静态模块的模板html文件进行存储。
5.根据权利要求1所述的方法,其特征在于,还包括:
服务端对用户输入的属性值进行校验,并存储通过校验的属性值。
6.一种页面装修系统,其特征在于,所述页面由一个或多个静态模块组成,所述静态模块具有一个或多个可编辑区域,
所述系统包括:页面装修单元,
其中,所述页面装修单元包括:设置在服务端的请求接收模块、文件解析模块和属性替换模块,设置在客户端的事件绑定模块和文件展示模块,
其中,
所述请求接收模块用于接收用户利用活动模板进行页面装修的页面装修请求,所述活动模板包括:所述一个或多个静态模块的模板内容;
所述文件解析模块用于根据所述页面装修请求获取所述活动模板中的每个静态模块的模板html文件,解析获取的每个所述模板html文件,以获得其中对应于所述静态模块的可编辑区域预定义的可编辑节点,以及获得在所述可编辑节点中预定义的所述可编辑区域的可编辑属性,所述可编辑属性具有默认值;
所述属性替换模块用于确定是否存在用户对所述可编辑属性输入的属性值,并且当存在时,则获取该属性值,并用该属性值替换对应的所述可编辑属性的默认值;
服务端把所述模板html文件发送至客户端,所述事件绑定模块用于为所述可编辑节点绑定事件;
所述文件展示模块用于在绑定完成后展示所述静态模块的模板html文件,使得利用所述绑定的事件,用户能够在所述静态模块的可编辑区域内对所述可编辑属性进行属性值输入。
7.根据权利要求6所述的系统,其特征在于,还包括:活动模板开发单元,活动模板市场单元以及活动模板服务单元,其中,
所述活动模板开发单元用于对活动模板html文件进行编写;
所述活动模板市场单元用于对编写好的活动模板html文件进行审查和校验,并将通过审查和校验的所述活动模板html文件推送至所述活动模板服务单元;
所述活动模板服务单元用于将所述活动模板html文件保存到数据库中,以及从所述数据库中获取活动模板html文件,把每个所述静态模块的模板内容从所述活动模板html文件中提取出,并生成一个或多个所述静态模块的模板html文件,并对所述静态模块的模板html文件进行存储。
8.根据权利要求6所述的系统,其特征在于,所述页面装修单元还包括:设置在服务端的属性校验模块和属性存储模块,其中,
所述属性校验模块用于对用户输入的属性值进行校验;
所述属性存储模块用于存储通过校验的属性值。
9.一种页面装修电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-5中任一所述的方法。
10.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-5中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710232668.2A CN108694043B (zh) | 2017-04-11 | 2017-04-11 | 页面装修方法和系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710232668.2A CN108694043B (zh) | 2017-04-11 | 2017-04-11 | 页面装修方法和系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108694043A true CN108694043A (zh) | 2018-10-23 |
CN108694043B CN108694043B (zh) | 2022-04-12 |
Family
ID=63842487
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710232668.2A Active CN108694043B (zh) | 2017-04-11 | 2017-04-11 | 页面装修方法和系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108694043B (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111931089A (zh) * | 2020-06-28 | 2020-11-13 | 北京摩迅筑路机械有限公司 | 前端页面信息流广告展示方法及系统 |
CN112215923A (zh) * | 2020-10-23 | 2021-01-12 | 北京高途云集教育科技有限公司 | 一种图片生成方法、装置、电子设备及存储介质 |
CN113485703A (zh) * | 2021-06-21 | 2021-10-08 | 上海百秋电子商务有限公司 | 一种在线交互式商品详情页编辑方法和系统 |
WO2023123089A1 (zh) * | 2021-12-29 | 2023-07-06 | 深圳晶泰科技有限公司 | 内容管理系统、静态页面的管理方法、装置及存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102902781A (zh) * | 2012-09-28 | 2013-01-30 | 五八有限公司 | 网页页面装修推送方法及装置 |
CN103488665A (zh) * | 2013-05-24 | 2014-01-01 | 赵冰 | 一种提取html页面选定区域内容的方法 |
WO2015074540A1 (zh) * | 2013-11-20 | 2015-05-28 | 腾讯科技(深圳)有限公司 | 页面操作数据处理方法及装置 |
WO2015165412A1 (en) * | 2014-04-29 | 2015-11-05 | Tencent Technology (Shenzhen) Company Limited | Method for modifying webpage and apparatus for modifying webpage |
CN105955759A (zh) * | 2016-05-26 | 2016-09-21 | 浪潮(苏州)金融技术服务有限公司 | 一种用于Web开发的模板引擎实现方法 |
CN106202322A (zh) * | 2016-06-30 | 2016-12-07 | 乐视控股(北京)有限公司 | 一种页面生成方法和装置 |
-
2017
- 2017-04-11 CN CN201710232668.2A patent/CN108694043B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102902781A (zh) * | 2012-09-28 | 2013-01-30 | 五八有限公司 | 网页页面装修推送方法及装置 |
CN103488665A (zh) * | 2013-05-24 | 2014-01-01 | 赵冰 | 一种提取html页面选定区域内容的方法 |
WO2015074540A1 (zh) * | 2013-11-20 | 2015-05-28 | 腾讯科技(深圳)有限公司 | 页面操作数据处理方法及装置 |
WO2015165412A1 (en) * | 2014-04-29 | 2015-11-05 | Tencent Technology (Shenzhen) Company Limited | Method for modifying webpage and apparatus for modifying webpage |
CN105955759A (zh) * | 2016-05-26 | 2016-09-21 | 浪潮(苏州)金融技术服务有限公司 | 一种用于Web开发的模板引擎实现方法 |
CN106202322A (zh) * | 2016-06-30 | 2016-12-07 | 乐视控股(北京)有限公司 | 一种页面生成方法和装置 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111931089A (zh) * | 2020-06-28 | 2020-11-13 | 北京摩迅筑路机械有限公司 | 前端页面信息流广告展示方法及系统 |
CN112215923A (zh) * | 2020-10-23 | 2021-01-12 | 北京高途云集教育科技有限公司 | 一种图片生成方法、装置、电子设备及存储介质 |
CN113485703A (zh) * | 2021-06-21 | 2021-10-08 | 上海百秋电子商务有限公司 | 一种在线交互式商品详情页编辑方法和系统 |
WO2023123089A1 (zh) * | 2021-12-29 | 2023-07-06 | 深圳晶泰科技有限公司 | 内容管理系统、静态页面的管理方法、装置及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN108694043B (zh) | 2022-04-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11182535B2 (en) | Configuring a page for drag and drop arrangement of content artifacts in a page development tool | |
CN109614424B (zh) | 页面布局生成方法、装置、计算设备和介质 | |
US10078709B2 (en) | Managing a display of results of a keyword search on a web page by modifying attributes of a DOM tree structure | |
CN109408764B (zh) | 页面区域划分方法、装置、计算设备和介质 | |
CN108694043B (zh) | 页面装修方法和系统 | |
CN106293675B (zh) | 系统静态资源加载方法及装置 | |
CN104142826A (zh) | 页面的构建方法、装置及系统 | |
CN102779167A (zh) | 在移动终端中显示网页的方法及系统 | |
US9672197B2 (en) | Universal rebranding engine | |
CN105574092A (zh) | 信息挖掘方法和装置 | |
CN109033282A (zh) | 一种基于抽取模板的网页正文抽取方法及装置 | |
CN113360106B (zh) | 一种网页打印方法和装置 | |
CN110647371A (zh) | 一种基于业务配置的多语言资源文件解析方法和系统 | |
CN113076165A (zh) | 一种页面校验方法和装置 | |
CN112632333A (zh) | 查询语句生成方法、装置、设备及计算机可读存储介质 | |
CN115618144B (zh) | 基于网页的动态布局方法、系统、设备及介质 | |
CN114756228A (zh) | 页面处理方法、装置、设备及存储介质 | |
CN110647327A (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
CN117032666A (zh) | 基于编辑器的页面编辑方法、装置、终端设备及存储介质 | |
US20190042549A1 (en) | Method and apparatus for building pages, apparatus and non-volatile computer storage medium | |
CN108664511B (zh) | 获取网页信息方法和装置 | |
CN111435300A (zh) | web系统开发方法、装置、设备及存储介质 | |
CN115758016A (zh) | 网页内容静态化处理方法及系统 | |
CN115408627A (zh) | 一种菜单显示方法、装置、设备及介质 | |
CN114356291A (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 |