CN109933322A - 一种页面编辑方法、装置及计算机可读存储介质 - Google Patents
一种页面编辑方法、装置及计算机可读存储介质 Download PDFInfo
- Publication number
- CN109933322A CN109933322A CN201910081170.XA CN201910081170A CN109933322A CN 109933322 A CN109933322 A CN 109933322A CN 201910081170 A CN201910081170 A CN 201910081170A CN 109933322 A CN109933322 A CN 109933322A
- Authority
- CN
- China
- Prior art keywords
- module
- page
- instruction
- component
- template
- 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
- 238000000034 method Methods 0.000 title claims abstract description 43
- 238000012790 confirmation Methods 0.000 claims abstract description 12
- 230000006870 function Effects 0.000 claims description 31
- 230000008859 change Effects 0.000 claims description 7
- 230000008901 benefit Effects 0.000 claims description 5
- 238000012986 modification Methods 0.000 claims description 5
- 230000004048 modification Effects 0.000 claims description 5
- 238000013507 mapping Methods 0.000 claims description 4
- 238000004321 preservation Methods 0.000 claims description 2
- 238000013461 design Methods 0.000 abstract description 8
- 230000000694 effects Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 238000012217 deletion Methods 0.000 description 4
- 230000037430 deletion Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 3
- 230000000712 assembly Effects 0.000 description 2
- 238000000429 assembly Methods 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 230000010365 information processing Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提出一种页面编辑方法、装置、计算机及可读存储介质,该方法包括:接收模板预览指令,显示预存的页面模板预览图以供用户选择调用;接收模板调用指令,调用用户选择的页面模板;接收模块替换指令,根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块,并将所述模块替换为空白模块;接收编辑操作指令,根据所述编辑操作指令对所述空白模块进行编辑;接收确认指令并将所述空白模块生成HTML文件,保存至指定位置,并返回访问地址,所述访问地址与所述指定位置对应。采用本发明,通过将预存的页面模板中的被用户选中的模块替换为可编辑的空白模块,满足了用户对页面设计的个性的需求。
Description
技术领域
本发明涉及UI设计中的网页配置技术领域,尤其涉及一种页面编辑方法、装置及计算机可读存储介质。
背景技术
现有技术中,用户在制作网页页面时大多是按照供应商提供的页面模板进行,在选择了模板之后,只需要往模板中不同模块内填入对应的内容即可,比如在文字模块部分填入文字,在图像模块填入图片等等。这种页面生成模板为用户提供了制作页面的快捷方式,但是由于页面生成模板对页面中各模块的布局、样式都是固定的,因此页面样式比较单一,可编辑范围较小,不能满足用户对页面设计上的个性化需求。
发明内容
本发明提供一种页面编辑方法、装置、计算机及可读存储介质,其主要目的在于通过将预存页面模板的模块替换成可编辑的空白模块,为用户提供个性化的编辑需求。
为实现上述目的,本发明第一方面提供一种页面编辑方法,所述方法包括:
接收模板预览指令,显示预存的页面模板预览图以供用户选择调用;
接收模板调用指令,调用用户选择的页面模板;
接收模块替换指令,根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块,并将所述模块替换为空白模块;
接收编辑操作指令,根据所述编辑操作指令对所述空白模块进行编辑;
接收确认指令并将所述空白模块生成HTML文件,保存至指定位置,并返回访问地址,所述访问地址与所述指定位置对应。
优选的,所述模块参数包括模块标识及模块尺寸信息,所述根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块,包括:
根据所述模块标识确定需替换的模块;
将所述模块尺寸信息写入所述空白模块,使所述空白模块的尺寸与所述需替换的模块相同;
将所述空白模块的数据参数覆盖所述需替换的模块的数据参数。
优选的,所述根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块之后,所述方法还包括:
为所述空白模块配置页面编辑元素,并将配置的页面编辑元素显示在所述空白模块中;
所述页面编辑元素包括功能菜单、组件预览功能菜单以及编辑区域,其中,所述功能菜单包括保存按钮、预览按钮、文字编辑按钮、图片编辑按钮中的至少一个功能按钮,所述组件预览菜单包括供用户选择的组件和/或图元。
优选的,所述收编辑操作指令,根据所述编辑操作指令对所述空白模块进行编辑,包括:
根据接收的增加组件/图元指令,将被选择的组件/图元添加到所述编辑区域;或者
根据接收的删除组件/图元指令,将被选择的组件/图元从所述编辑区域中删除;或者
根据接收的排版指令,对所述编辑区域的组件/图元进行版面排序;或者
根据接收的组件参数修改指令,对所述编辑区域的组件/图元进行的参数进行修改;或者
根据接收的组件/图元编辑指令,创建SQL命令并将所述SQL命令与指定的组件/图元建立映射关系,所述SQL命令包括增加命令、删除命令、查找命令或更改命令。
优选的,所述为所述空白模块配置页面编辑元素,包括:
为每个组件/图元定义一套拖拽功能,使用户能够通过对组件/图元拖拽,实现组件/图元的增加或删除。
优选的,所述接收模块替换指令,根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块,并将所述模块替换为空白模块之后,所述方法还包括:
用户输入的对空白模块的边框的拖动指令改变空白模块的尺寸和/或形状;
根据所述空白模块改变后的尺寸和/或形状对与其相邻的模块进行缩放。
优选的,所述方法还包括:
接收预览指令;
显示所述页面模板编辑后的预览页面。
为实现上述目的,本发明第二方面提供一种页面编辑装置,所述装置包括:显示单元、模板调用单元、模板替换单元、编辑单元及存储单元:
所述显示单元,用于在接收到模板预览指令时,显示预存的页面模板预览图以供用户选择调用;
所述模板调用单元,用于在收到模板调用指令后,调用用户选择的页面模板;
所述模块替换单元,用于在接收模块替换指令后,根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块,并将所述模块替换为空白模块;
所述编辑单元,用于在接收编辑操作指令后,根据所述编辑操作指令对所述空白模块进行编辑;
存储单元,用于在接收确认指令后,将所述空白模块生成HTML文件,保存至指定位置,并返回访问地址,所述访问地址与所述指定位置对应。
为实现上述目的,本发明第三方面提供一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述计算机可读指令被所述处理器执行时,使得所述处理器执行如第一方面所述的页面编辑方法的步骤。
为实现上述目的,本发明第四方面提供计算机可读存储介质,所述计算机可读存储介质中包括页面编辑程序,所述页面编辑程序被处理器执行时,实现如第一方面所述的页面编辑方法的步骤。
本发明提出的页面编辑方法、装置及计算机可读存储介质,将预存的页面模板中的被用户选中的模块替换为空白模块,并为该空白模块配置页面编辑元素,使用户能够根据页面编辑元素输入编辑操作指令,实现对空白模块的编辑,满足了用户对页面设计的个性的需求。
附图说明
图1为本发明实施例一提供的一种页面编辑方法的流程图;
图2为本发明实施例二提供的一种页面编辑装置的模块结构示意图;
图3为本发明实施例三提供的一种计算机设备。
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
在本申请使用的术语仅仅是出于描述特定实施例的目的,而非限制本申请。本申请和权利要求书中所使用的单数形式的“一种”、、所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其它含义。还应当理解,本文中使用的术语“和/或”是指包含一个或多个相关联的列出项目的任何或所有可能组合。在后续的描述中,使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本发明的说明,其本身没有特定的意义。因此,“模块”、“部件”或“单元”可以混合地使用。
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例一提供了一种页面编辑方法,请参阅图1,方法流程包括:
步骤S201、接收模板预览指令,显示预存的页面模板预览图。
实际应用中,网页页面通常都是整体式的设计。针对不同类型的页面,可以预先设置不同的页面模板。例如:新闻网站中网站首页按照新闻类型划分包括社会新闻、国际新闻、军事新闻、娱乐新闻、科技新闻等,每一种类型构成首页的一个版块,则每一个版块可以对应一个模块,这些模块共同构成页面模板。其中每个模块的排版、组件/图元等都是预先配置好的,用户只需要在对应的组件/图元中填入需要显示的内容即可。
实际应用中,可以预先存储设计好的页面模板,当用户进入后台创建新建网页时,可以直接提示用户是否选择预存的页面模板,并在用户确认时显示各页面模板的预览图。
步骤S202、接收在页面模板预览图所选择的模板调用指令,调用指定页面模板。
实际应用各种,用户可以通过双击或勾选的方式来选择需要的页面模板,发送模板调用指令。
该调用指令中携带用户选择的页面模板的id。
步骤S203、接收模块替换指令,根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块,并将该模块替换为空白模块。
实际应用中,可以将空白模块的边框填充不同样式的线条或者在可编辑区域显示“可编辑”的字样等,以提示用户可该区域中进行操作。
具体的,还可以设置当用户右键点击该模块时,弹出提示框,询问用户是否将该模块替换为空白模块,如果用户选择将该模块替换为可编辑的空白模块,则将预存的可编辑的空白模块覆盖原模版,该预存的空白模块可以为用户提供自由编辑的编辑区。
在一个可行的方案中,当接收到模块替换指令时,可以提取需替换的模块的模块参数,该参数可以包括模块标识及模块尺寸信息,则步骤S203,根据模块替换指令的模块参数确定需要替换的模块,包括:
根据该模块标识确定需替换的模块;
将该模块尺寸信息写入该空白模块,使该空白模块的尺寸与该需替换的模块相同;
将该空白模块的数据参数覆盖该需替换的模块的数据参数。
这样操作的一个优点是,可以保证空白模块与需替换的模块两者尺寸相同,这样就不会对当前页面模板终端其他模块造成干扰。
实际应用中,也可以在调出空白模块之后,根据用户输入的对空白模块的边框的拖动指令改变空白模块的尺寸和/或形状。
该空白模块的尺寸和/或形状也可以不与需替换的模块相同,此时,可以根据空白模块的尺寸和/或形状对与其相邻的模块进行缩放。
步骤S204、为该空白模块配置页面编辑元素,并将配置的页面编辑元素显示在该空白模块中。
在一个可行的方案中,为空白模块配置页面编辑元素,包括:
为该空白模块配置功能菜单、组件预览功能菜单以及编辑区域。
步骤S205、接收并执行对该空白模块进行编辑的编辑操作指令。
在一个可行的方案中,编辑操作指令包括如下一种或多种操作指令中:增加组件/图元指令、删除组件/图元指令、排版指令、组件参数修改指令或组件/图元编辑指令。
接收并执行对该空白模块进行编辑的编辑操作指令,包括:
根据接收的增加组件/图元指令,将被选择的组件/图元添加到该编辑区域;或者
根据接收的删除组件/图元指令,将被选择的组件/图元从该编辑区域中删除;或者
根据接收的排版指令,对该编辑区域的组件/图元进行版面排序,包括组件/图元的移动、旋转等;或者
根据接收的组件参数修改指令,对该编辑区域的组件/图元进行的参数进行修改,其中,组件参数包括组件的形状、颜色、颜色属性、线条、描边等属性参数;或者
根据组件/图元编辑指令,创建SQL命令并将该SQL命令与指定的组件/图元建立映射关系,该SQL命令包括增加命令、删除命令、查找命令或更改命令。
实际应用中,可以对每个组件/图元定义一套拖拽功能(即可以在指定的编辑区域将组件拖拽到指定位置),用户可以通过将选择的组件/图元拖拽到编辑区域实现组件/图元的增加,通过将编辑区已有的组件/图元拖出编辑区域实现组件/图元的删除。
实际应用中,也可以设置多种对组件的编辑方式,具体地,可以在将页面组件拖拽到编辑区域后,弹出用于编辑页面组件的组件参数的编辑界面,用户可以在编辑界面中对页面组件进行编辑操作,即在该编辑界面中对页面组件的组件参数进行编辑。其中,编辑界面可以是空白界面,用户可以在编辑界面中填写所需的组件参数;编辑界面也可以是显示有一定数据的界面,组件参数可以是通过键盘输入的或是通过下拉菜单选择的,此种参数编辑方式较为方便,用户仅需在编辑界面的相应位置输入少量字符或选择相应选项即可。
实际应用中,当组件为图片/文字类型时,用户在对图片进行编辑时,可以直接利用功能菜单区的图片/文字编辑按钮直接进行编辑,也可以在选择图片/文字后,通过点击右键弹出图片/文字编辑按钮进行编辑。
实际应用中,可以根据预设规则,将图元绑定SQL命令,在页面加载时可以将预设规则及绑定关系统一发送到后台,后台执行SQL语句,将结果返回到页面。
步骤S206、显示页面效果。
实际应用中,可以在用户点击当接收到编辑完成指令或保存按钮时,向用户发送提示信息(例如弹出对话框),该提示信息用于指示是否预览页面,并在接收到确认指令时显示预览页面;也可以直接在功能菜单区设置预览按钮,并在接收到预览指令时,显示预览页面。
步骤S207、接收确认指令并将该可编辑区生成HTML文件,保存至指定位置,并返回访问地址,该访问地址与该指定位置对应。
本实施例的页面编辑方法,将预存的页面模板中的被用户选中的模块替换为空白模块,并为该空白模块配置页面编辑元素,使用户能够根据页面编辑元素输入编辑操作指令,实现对空白模块的编辑,满足了用户对页面设计的个性的需求。
在前述实施例的基础上,本发明实施例二提供了一种页面编辑装置,请参阅图2,该装置包括接收单元301、显示单元302、模板调用单元303、模块替换单元304、配置单元305、编辑单元306和存储单元307。
接收单元301,用于接收用户输入的指令。
实际应用中,用户输入的指令包括:模板预览指令、模板调用指令、模块替换指令、编辑操作指令等。
显示单元302,用于在该接收单元301接收到模板预览指令时,显示预存的页面模板预览图。
模板调用单元303,用于在该接收单元301接收到模板调用指令时,调用指定页面模板;
模块替换单元304,用于在该接收单元301接收到模块替换指令时,根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块,并将该模块替换为空白模块;
编辑单元306,用于在该接收单元301接收到编辑操作指令时,根据该编辑操作指令对该空白模块进行编辑;
存储单元307,用于在该接收单元301接收到确认指令时将该可编辑区生成HTML文件,保存至指定位置,并返回访问地址,该访问地址与该指定位置对应。
实际应用中,网页页面通常都是整体式的设计。针对不同类型的页面,可以预先设置不同的页面模板。例如:新闻网站中网站首页按照新闻类型划分包括社会新闻、国际新闻、军事新闻、娱乐新闻、科技新闻等,每一种类型构成首页的一个版块,则每一个版块可以对应一个模块,这些模块共同构成页面模板。其中每个模块的排版、组件/图元等都是预先配置好的,用户只需要在对应的组件/图元中填入需要显示的内容即可。
实际应用中,可以预先存储设计好的页面模板,当用户进入后台创建新建网页时,可以直接提示用户是否选择预存的页面模板,并在用户确认时由显示单元302显示各页面模板的预览图。
在一个可行的方案中,该模块参数包括模块标识及模块尺寸信息,模块替换单元304,还用于根据该模块标识确定需替换的模块,将该模块尺寸信息写入该空白模块以使该空白模块的尺寸与该需替换的模块相同,并将该空白模块的数据参数覆盖该需替换的模块的数据参数。
这样可以保证空白模块与需替换的模块两者尺寸相同,就不会对当前页面模板终端其他模块造成干扰。
实际应用中,也可以在调出空白模块之后,根据用户输入的对空白模块的边框的拖动指令改变空白模块的尺寸和/或形状。
该空白模块的尺寸和/或形状也可以不与需替换的模块相同,此时,可以根据空白模块的尺寸和/或形状对与其相邻的模块进行缩放。
在一个可行的方案中,配置单元305,用于在模块替换单元304根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块之后,为该空白模块配置页面编辑元素,并将配置的页面编辑元素显示在该空白模块中,所述页面编辑元素包括功能菜单、组件预览功能菜单以及编辑区域,其中,所述功能菜单包括保存按钮、预览按钮、文字编辑按钮、图片编辑按钮中的至少一个功能按钮,所述组件预览菜单包括供用户选择的组件和/或图元。
页面编辑元素包括:功能菜单、元素预览功能菜单和编辑区等。
其中功能菜单包括但不限于如下功能按钮:
保存按钮,用于保存当前编辑的内容;
预览按钮,用于预览当前编辑的显示效果;
文字编辑按钮,用于在编辑区添加/删除文字或编辑编辑区已有的文字;
图片编辑按钮,用于在编辑区添加/删除文字或编辑编辑区已有的文字。
元素预览功能菜单包括了供用户选择的各种组件、图元等,为方便浏览和查找,可以将组件、图元以缩略图标的方式进行显示。
实际应用中,可以预先设置多个页面组件供该空白模块进行配置。每个页面组件对应不同的类型,例如:图片类型、文本类型、链接类型和多媒体类型等等,因此,将页面组件成功添加至页面模块的编辑区域后,在对页面组件进行编辑时,需要根据页面组件的类型对组件进行编辑,添加对应的组件参数。实际应用中,页面组件也可以是easyui组件或者其他ui组件。
实际应用中,该配置单元305,还用于为每个组件/图元定义拖拽功能,使用户能够通过对组件/图元拖拽实现组件/图元的增加或删除。
在一个可行的方案中,该编辑单元306,还用于根据接收的增加组件/图元指令,将被选择的组件/图元添加到该编辑区域;或者还用于根据接收的删除组件/图元指令,将被选择的组件/图元从该编辑区域中删除;或者还用于根据接收的排版指令,对该编辑区域的组件/图元进行版面排序;或者还用于根据组件参数修改指令,对该编辑区域的组件/图元进行的参数进行修改;或者还用于根据组件/图元编辑指令,创建SQL命令并将该SQL命令与指定的组件/图元建立映射关系,该SQL命令包括增加命令、删除命令、查找命令或更改命令。
实际应用中,可以对每个组件/图元定义一套拖拽功能(即可以在指定的编辑区域将组件拖拽到指定位置),用户可以通过将选择的组件/图元拖拽到编辑区域实现组件/图元的增加,通过将编辑区已有的组件/图元拖出编辑区域实现组件/图元的删除。
也可以设置多种对组件的编辑方式,具体地,可以在将页面组件拖拽到编辑区域后,弹出用于编辑页面组件的组件参数的编辑界面,用户可以在编辑界面中对页面组件进行编辑操作,即在该编辑界面中对页面组件的组件参数进行编辑。其中,编辑界面可以是空白界面,用户可以在编辑界面中填写所需的组件参数;编辑界面也可以是显示有一定数据的界面,组件参数可以是通过键盘输入的或是通过下拉菜单选择的,此种参数编辑方式较为方便,用户仅需在编辑界面的相应位置输入少量字符或选择相应选项即可。
当组件为图片/文字类型时,用户在对图片进行编辑时,可以直接利用功能菜单区的图片/文字编辑按钮直接进行编辑,也可以在选择图片/文字后,通过点击右键弹出图片/文字编辑按钮进行编辑。
实际应用中,可以根据预设规则,将图元绑定SQL命令,在页面加载时可以将预设规则及绑定关系统一发送到后台,后台执行SQL语句,将结果返回到页面。
在一个可行的方案中,该显示单元302,还用于显示页面效果。
实际应用中,在显示单元302显示页面效果之前,可以在用户点击当接收到编辑完成指令或保存按钮时,向用户发送提示信息(例如弹出对话框),该提示信息用于指示是否预览页面,并在接收到确认指令时显示预览页面;也可以直接在功能菜单区设置预览按钮,并在接收到预览指令时,直接显示预览页面。
本实施例的页面编辑装置,将预存的页面模板中的被用户选中的模块替换为空白模块,并为该空白模块配置页面编辑元素,使用户能够根据页面编辑元素输入编辑操作指令,实现对空白模块的编辑,满足了用户对页面设计的个性的需求。
本发明实施例三提供了一种计算机设备,具体请参阅图3,图3为本实施例计算机设备基本结构框图。
所述计算机设备4包括通过系统总线相互通信连接存储器41、处理器42、网络接口43。需要指出的是,图中仅示出了具有组件41-43的计算机设备4,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。其中,本技术领域技术人员可以理解,这里的计算机设备是一种能够按照事先设定或存储的指令,自动进行数值计算和/或信息处理的设备,其硬件包括但不限于微处理器、专用集成电路(ApplicationSpecific Integrated Circuit,ASIC)、可编程门阵列(Field-Programmable GateArray,FPGA)、数字处理器(Digital Signal Processor,DSP)、嵌入式设备等。
所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。
所述存储器41至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,所述存储器41可以是所述计算机设备4的内部存储单元,例如该计算机设备4的硬盘或内存。在另一些实施例中,所述存储器41也可以是所述计算机设备4的外部存储设备,例如该计算机设备4上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(FlashCard)等。当然,所述存储器41还可以既包括所述计算机设备4的内部存储单元也包括其外部存储设备。本实施例中,所述存储器41通常用于存储安装于所述计算机设备4的操作系统和各类应用软件,例如页面编辑方法的程序代码等。此外,所述存储器41还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器42在一些实施例中可以是中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器42通常用于控制所述计算机设备4的总体操作。本实施例中,所述处理器42用于运行所述存储器41中存储的程序代码或者处理数据,例如运行所述页面编辑方法的程序代码。
所述网络接口43可包括无线网络接口或有线网络接口,该网络接口43通常用于在所述计算机设备4与其他电子设备之间建立通信连接。
本发明实施例四,提出了计算机可读存储介质,其特征在于,该计算机可读存储介质中包括页面编辑程序,该页面编辑程序被处理器执行时,实现如下步骤:
接收模板预览指令,显示预存的页面模板预览图;
接收模板调用指令,调用指定页面模板;
接收模块替换指令,根据模块替换指令的模块参数确定需要替换的模块,并将该模块替换为空白模块;
为该空白模块配置页面编辑元素,并将配置的页面编辑元素显示在该空白模块中;
接收并执行对该空白模块进行编辑的编辑操作指令;
显示页面效果;
接收确认指令并将该可编辑区生成HTML文件,保存至指定位置,并返回访问地址,该访问地址与该指定位置对应。
在一个可行的方案中,该模块参数包括模块标识及模块尺寸信息,当执行该根据模块替换指令的模块参数确定需要替换的模块的步骤时,该页面编辑程序被处理器执行时,还用于实现如下步骤:
根据该模块标识确定需替换的模块;
将该模块尺寸信息写入该空白模块,使该空白模块的尺寸与该需替换的模块相同;
将该空白模块的数据参数覆盖该需替换的模块的数据参数。
在一个可行的方案中,当执行该为该空白模块配置页面编辑元素的步骤时,该页面编辑程序被处理器执行时,还用于实现如下步骤:
为该空白模块配置功能菜单、组件预览功能菜单以及编辑区域;
其中,该功能菜单包括保存按钮、预览按钮、文字编辑按钮、图片编辑按钮中的至少一个功能按钮,该组件预览菜单包括供用户选择的组件和/或图元。
在一个可行的方案中,当执行该接收并执行对该空白模块进行编辑的编辑操作指令的步骤时,该页面编辑程序被处理器执行时,还用于实现如下步骤:
根据接收的增加组件/图元指令,将被选择的组件/图元添加到该编辑区域;或者
根据接收的删除组件/图元指令,将被选择的组件/图元从该编辑区域中删除;或者
根据接收的排版指令,对该编辑区域的组件/图元进行版面排序;或者
根据接收的组件参数修改指令,对该编辑区域的组件/图元进行的参数进行修改;或者
根据接收的组件/图元编辑指令,创建SQL命令并将该SQL命令与指定的组件/图元建立映射关系,该SQL命令包括增加命令、删除命令、查找命令或更改命令。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、装置、物品或者方法所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种页面编辑方法,其特征在于,所述方法包括:
接收模板预览指令,显示预存的页面模板预览图以供用户选择调用;
接收模板调用指令,调用用户选择的页面模板;
接收模块替换指令,根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块,并将所述模块替换为空白模块;
接收编辑操作指令,根据所述编辑操作指令对所述空白模块进行编辑;
接收确认指令并将编辑后的空白模块生成HTML文件,保存至指定位置,并返回访问地址,所述访问地址与所述指定位置对应。
2.根据权利要求1所述的页面编辑方法,其特征在于,所述模块参数包括模块标识及模块尺寸信息,所述根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块,包括:
根据所述模块标识确定需替换的模块;
将所述模块尺寸信息写入所述空白模块,使所述空白模块的尺寸与所述需替换的模块相同;
将所述空白模块的数据参数覆盖所述需替换的模块的数据参数。
3.根据权利要求1所述的页面编辑方法,其特征在于,所述根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块之后,所述方法还包括:
为所述空白模块配置页面编辑元素,并将配置的页面编辑元素显示在所述空白模块中;
所述页面编辑元素包括功能菜单、组件预览功能菜单以及编辑区域,其中,所述功能菜单包括保存按钮、预览按钮、文字编辑按钮、图片编辑按钮中的至少一个功能按钮,所述组件预览菜单包括供用户选择的组件和/或图元。
4.根据权利要求3所述的页面编辑方法,其特征在于,所述接收编辑操作指令,根据所述编辑操作指令对所述空白模块进行编辑,包括:
根据接收的增加组件/图元指令,将被选择的组件/图元添加到所述编辑区域;或者
根据接收的删除组件/图元指令,将被选择的组件/图元从所述编辑区域中删除;或者
根据接收的排版指令,对所述编辑区域的组件/图元进行版面排序;或者
根据接收的组件参数修改指令,对所述编辑区域的组件/图元进行的参数进行修改;或者
根据接收的组件/图元编辑指令,创建SQL命令并将所述SQL命令与指定的组件/图元建立映射关系,所述SQL命令包括增加命令、删除命令、查找命令或更改命令。
5.根据权利要求3所述的页面编辑方法,其特征在于,所述为所述空白模块配置页面编辑元素,包括:
为每个组件/图元定义拖拽功能,使用户能够通过对组件/图元拖拽实现组件/图元的增加或删除。
6.根据权利要求1所述的页面编辑方法,其特征在于,所述接收模块替换指令,根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块,并将所述模块替换为空白模块之后,所述方法还包括:
根据用户输入的对空白模块的边框的拖动指令改变空白模块的尺寸和/或形状;
根据所述空白模块改变后的尺寸和/或形状对与其相邻的模块进行缩放。
7.根据权利要求1所述的页面编辑方法,其特征在于,所述接收编辑操作指令,根据所述编辑操作指令对所述空白模块进行编辑之后,所述方法还包括:
接收预览指令;
显示所述页面模板编辑后的预览页面。
8.一种页面编辑装置,其特征在于,所述装置包括显示单元、模板调用单元、模板替换单元、编辑单元及存储单元:
所述显示单元,用于在接收到模板预览指令时,显示预存的页面模板预览图以供用户选择调用;
所述模板调用单元,用于在收到模板调用指令后,调用用户选择的页面模板;
所述模块替换单元,用于在接收模块替换指令后,根据模块替换指令的模块参数确定被调用的页面模板中需要替换的模块,并将所述模块替换为空白模块;
所述编辑单元,用于在接收编辑操作指令后,根据所述编辑操作指令对所述空白模块进行编辑;
存储单元,用于在接收确认指令后,将所述空白模块生成HTML文件,保存至指定位置,并返回访问地址,所述访问地址与所述指定位置对应。
9.一种计算机设备,其特征在于,所述计算机包括存储器和处理器,所述存储器中存储有计算机可读指令,所述计算机可读指令被所述处理器执行时,使得所述处理器执行如权利要求1至7中任一项权利要求所述页面编辑方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中包括页面编辑程序,所述页面编辑程序被处理器执行时,实现如权利要求1至7中任一项所述的页面编辑方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910081170.XA CN109933322B (zh) | 2019-01-28 | 2019-01-28 | 一种页面编辑方法、装置及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910081170.XA CN109933322B (zh) | 2019-01-28 | 2019-01-28 | 一种页面编辑方法、装置及计算机可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109933322A true CN109933322A (zh) | 2019-06-25 |
CN109933322B CN109933322B (zh) | 2024-05-24 |
Family
ID=66985251
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910081170.XA Active CN109933322B (zh) | 2019-01-28 | 2019-01-28 | 一种页面编辑方法、装置及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109933322B (zh) |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111045653A (zh) * | 2019-12-16 | 2020-04-21 | 京东数字科技控股有限公司 | 系统生成方法、装置、计算机可读介质及电子设备 |
CN111580808A (zh) * | 2020-04-27 | 2020-08-25 | 平安医疗健康管理股份有限公司 | 页面生成方法、装置、计算机设备及存储介质 |
CN111679824A (zh) * | 2020-04-16 | 2020-09-18 | 上海淇玥信息技术有限公司 | 活动页面制作方法及其装置、电子设备和存储介质 |
CN112068824A (zh) * | 2020-09-16 | 2020-12-11 | 杭州海康威视数字技术股份有限公司 | 一种网页开发预览方法、装置及电子设备 |
CN112580124A (zh) * | 2020-12-25 | 2021-03-30 | 南方电网深圳数字电网研究院有限公司 | 图形建模方法、装置、浏览器和计算机可读存储介质 |
CN113129100A (zh) * | 2021-04-12 | 2021-07-16 | 杭州祖米科技有限公司 | 一种web端服饰个性化设计系统及方法 |
CN113238749A (zh) * | 2021-03-19 | 2021-08-10 | 南京仁谷系统集成有限公司 | 一种可视化人机交互设计平台的工作方法 |
CN113268226A (zh) * | 2021-06-24 | 2021-08-17 | 中国平安人寿保险股份有限公司 | 页面数据生成方法、装置、存储介质及设备 |
CN113672833A (zh) * | 2020-05-13 | 2021-11-19 | 华为技术有限公司 | 一种生成网页模板的方法及相关设备 |
CN113760314A (zh) * | 2020-07-17 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | 页面模块的控制方法、装置、电子设备和存储介质 |
CN113779465A (zh) * | 2021-09-27 | 2021-12-10 | 腾讯科技(深圳)有限公司 | 一种页面预览的方法、相关装置及设备 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20010052910A1 (en) * | 1999-11-29 | 2001-12-20 | Parekh Dilip J. | Method and system for generating display screen templates |
US20040153992A1 (en) * | 2000-04-04 | 2004-08-05 | Pedro Juan Molina-Moreno | Method and apparatus for automatic generation of information system user interfaces |
CN106156306A (zh) * | 2016-06-30 | 2016-11-23 | 乐视控股(北京)有限公司 | 一种模板渲染方法和装置 |
CN108415706A (zh) * | 2018-03-14 | 2018-08-17 | 上海携程商务有限公司 | 可视化网页生成的方法、系统、设备及存储介质 |
CN108495192A (zh) * | 2018-03-13 | 2018-09-04 | 武汉斗鱼网络科技有限公司 | 页面编辑处理方法及装置 |
CN108614692A (zh) * | 2017-07-24 | 2018-10-02 | 深圳壹账通智能科技有限公司 | 模板编辑方法、装置、服务器和介质 |
CN114357350A (zh) * | 2022-01-10 | 2022-04-15 | 土巴兔集团股份有限公司 | 网页可视化编辑方法及相关装置 |
-
2019
- 2019-01-28 CN CN201910081170.XA patent/CN109933322B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20010052910A1 (en) * | 1999-11-29 | 2001-12-20 | Parekh Dilip J. | Method and system for generating display screen templates |
US20040153992A1 (en) * | 2000-04-04 | 2004-08-05 | Pedro Juan Molina-Moreno | Method and apparatus for automatic generation of information system user interfaces |
CN106156306A (zh) * | 2016-06-30 | 2016-11-23 | 乐视控股(北京)有限公司 | 一种模板渲染方法和装置 |
CN108614692A (zh) * | 2017-07-24 | 2018-10-02 | 深圳壹账通智能科技有限公司 | 模板编辑方法、装置、服务器和介质 |
CN108495192A (zh) * | 2018-03-13 | 2018-09-04 | 武汉斗鱼网络科技有限公司 | 页面编辑处理方法及装置 |
CN108415706A (zh) * | 2018-03-14 | 2018-08-17 | 上海携程商务有限公司 | 可视化网页生成的方法、系统、设备及存储介质 |
CN114357350A (zh) * | 2022-01-10 | 2022-04-15 | 土巴兔集团股份有限公司 | 网页可视化编辑方法及相关装置 |
Cited By (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111045653A (zh) * | 2019-12-16 | 2020-04-21 | 京东数字科技控股有限公司 | 系统生成方法、装置、计算机可读介质及电子设备 |
CN111045653B (zh) * | 2019-12-16 | 2022-01-07 | 京东科技控股股份有限公司 | 系统生成方法、装置、计算机可读介质及电子设备 |
CN111679824A (zh) * | 2020-04-16 | 2020-09-18 | 上海淇玥信息技术有限公司 | 活动页面制作方法及其装置、电子设备和存储介质 |
CN111679824B (zh) * | 2020-04-16 | 2023-12-26 | 上海淇玥信息技术有限公司 | 活动页面制作方法及其装置、电子设备和存储介质 |
CN111580808A (zh) * | 2020-04-27 | 2020-08-25 | 平安医疗健康管理股份有限公司 | 页面生成方法、装置、计算机设备及存储介质 |
CN113672833A (zh) * | 2020-05-13 | 2021-11-19 | 华为技术有限公司 | 一种生成网页模板的方法及相关设备 |
CN113760314A (zh) * | 2020-07-17 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | 页面模块的控制方法、装置、电子设备和存储介质 |
CN112068824A (zh) * | 2020-09-16 | 2020-12-11 | 杭州海康威视数字技术股份有限公司 | 一种网页开发预览方法、装置及电子设备 |
CN112580124A (zh) * | 2020-12-25 | 2021-03-30 | 南方电网深圳数字电网研究院有限公司 | 图形建模方法、装置、浏览器和计算机可读存储介质 |
CN112580124B (zh) * | 2020-12-25 | 2024-05-14 | 南方电网数字平台科技(广东)有限公司 | 图形建模方法、装置、浏览器和计算机可读存储介质 |
CN113238749A (zh) * | 2021-03-19 | 2021-08-10 | 南京仁谷系统集成有限公司 | 一种可视化人机交互设计平台的工作方法 |
CN113129100A (zh) * | 2021-04-12 | 2021-07-16 | 杭州祖米科技有限公司 | 一种web端服饰个性化设计系统及方法 |
CN113268226A (zh) * | 2021-06-24 | 2021-08-17 | 中国平安人寿保险股份有限公司 | 页面数据生成方法、装置、存储介质及设备 |
CN113779465A (zh) * | 2021-09-27 | 2021-12-10 | 腾讯科技(深圳)有限公司 | 一种页面预览的方法、相关装置及设备 |
CN113779465B (zh) * | 2021-09-27 | 2024-01-30 | 腾讯科技(深圳)有限公司 | 一种页面预览的方法、相关装置及设备 |
Also Published As
Publication number | Publication date |
---|---|
CN109933322B (zh) | 2024-05-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109933322A (zh) | 一种页面编辑方法、装置及计算机可读存储介质 | |
US20210034336A1 (en) | Executing a process-based software application in a first computing environment and a second computing environment | |
CN108279964B (zh) | 蒙层渲染的实现方法、装置、智能设备及存储介质 | |
CN114035773B (zh) | 一种基于配置的低代码开发表单方法、系统及装置 | |
CN102722364B (zh) | 用于用户界面的基于标记的可扩展性 | |
CN109445657A (zh) | 文档编辑方法和装置 | |
CN103324731A (zh) | 将电子表格文件转换为网页格式文件的方法和装置 | |
CN103051652B (zh) | 一种移动终端云计算发布平台 | |
CN104704468A (zh) | Web应用程序的跨系统安装 | |
CN108334385A (zh) | 一种应用的用户界面皮肤管理方法及装置 | |
CN102122245A (zh) | 一种配置项设置界面的生成方法及系统 | |
WO2013109858A1 (en) | Design canvas | |
CN111507057B (zh) | Pads图纸的输出方法、装置及计算机可读存储介质 | |
CN113407168A (zh) | 页面元素的编辑方法、装置、存储介质及终端 | |
CN109446503A (zh) | 文档内容导出方法和装置 | |
CN102024077B (zh) | 一种工程图纸处理方法 | |
CN111506306B (zh) | 一种Ansible剧本编写方法、装置和电子设备 | |
CN112528608B (zh) | 页面编辑方法、装置、电子设备和存储介质 | |
US11663199B1 (en) | Application development based on stored data | |
US9075891B2 (en) | Method and device for editing an object represented in a web page | |
JP2017097686A (ja) | 情報処理装置、その制御方法及びプログラム | |
CN116610394A (zh) | 基于模板和模块的数据可视化页面配置方法、系统和装置 | |
CN110532526A (zh) | 数据转化方法、电子装置及计算机可读存储介质 | |
CN115617441A (zh) | 绑定模型和图元的方法、装置、存储介质及计算机设备 | |
CN111984113B (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 |