CN102479224A - 一种编辑应用网页的方法及应用网页编辑装置 - Google Patents
一种编辑应用网页的方法及应用网页编辑装置 Download PDFInfo
- Publication number
- CN102479224A CN102479224A CN2010105677091A CN201010567709A CN102479224A CN 102479224 A CN102479224 A CN 102479224A CN 2010105677091 A CN2010105677091 A CN 2010105677091A CN 201010567709 A CN201010567709 A CN 201010567709A CN 102479224 A CN102479224 A CN 102479224A
- Authority
- CN
- China
- Prior art keywords
- hot
- zone
- function
- page
- information
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
- G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Abstract
本发明公开了一种编辑应用网页的方法及应用网页编辑装置。预先存储功能信息以及功能对应的配置数据;生成页面设计,监测用户触发热区编辑,获取用户输入的热区信息,根据热区信息获取热区的大小及对应的位置信息;接收用户根据选择的功能对应的预先设置的配置数据输入的功能数据,将功能数据以及热区的大小及对应的位置信息封装处理为数据文件;加载数据文件运行环境,根据数据文件包含的热区大小及对应的位置信息创建页面热区;提取数据文件中的功能数据,生成功能对应的页面功能代码,填充至功能对应的页面热区,形成应用网页并进行展示。应用本发明,可以满足专题类应用快速更新的需求,提高应用网页编辑效率。
Description
技术领域
本发明涉及网页编辑技术,特别涉及一种编辑应用网页的方法及应用网页编辑装置。
背景技术
随着计算机网络及通信技术的发展,通过互联网络获取相关信息已成为用户日常生活以及工作必不可少的一部分,而且,用户(产品运营商、服务运营商)也可以将自身共享的信息或需求,通过网页相关技术人员的应用网页编辑,发布到互联网上,不仅极大地增进了互联网用户彼此之间的信息交流,也有效促进了应用的推广及使用。
现有技术中,网页相关技术人员进行应用网页编辑以及网页发布一般采用以下两种技术方案,下面进行简要说明。
技术方案一涉及应用的页面设计、页面重构、页面开发、页面测试及页面发布等流程,其中,网页设计人员(页面重构工程师)根据运营商或用户需要,例如,对于一些购物或旅游网站的功能固定、模式单一,需要长期运营并快速更新的一类应用(专题类应用),如赠送、视频播放等应用的功能,进行应用网页页面样式开发,举例来说,分析用户提供的设计稿、切图、编写超文本标记语言(HTML,Hyper Text Mark-up Language)脚本程序,在该流程中,对于一个专题,加上联调时间大约耗时1.5天/人;然后,WEB前端开发工程师根据具体的专题功能以及开发的页面样式进行页面开发,编写页面开发中获取的功能数据相应的代码并进行填充,生成应用网页,每个专题大约耗时1.5天/人;最后,WEB测试工程师设计和执行测试用例,对应用网页的专题功能进行测试、验证及发布,每个专题大约耗时1天/人。
由上可见,技术方案一实现应用网页编辑和发布的流程需要涉及产品人员、工程师等,沟通、联调成本较高,耗时较长,因而,基于上述缺陷,提出了一种改进的模板技术方案,由开发人员预先针对一些结构固定的页面进行页面样式开发,通过固定每个页面上功能的数量,以及每个功能出现的位置,从而设置较为标准的页面模板,后续中,可以在每个功能出现的位置通过动态加载相应的背景图片,并设置该背景图片对应功能的功能数据,自动生成功能数据相应的代码等来表现应用网页页面,这样,大大降低了成本以及耗时。但由于在页面模板中,每个功能的数量及其相应出现的位置是固定的,例如,只允许有若干个“赠送”功能按钮,且功能按钮的位置是固定的,因而,实际应用中,只能改变赠送的物品标识(ID)号,而无法增加赠送的功能按钮数量,也无法改变功能按钮的位置,更无法对页面结构进行动态调整,使得页面结构固定,设计格局较为单一,无法满足专题类应用多样化以及快速更新的需求,不利于设计人员的创新及多元化设计风格,应用网页编辑效率较低;进一步地,当功能的数量改变时,需要重新设置页面模板,使得页面模板方案代码冗余、复用率较低。
发明内容
有鉴于此,本发明的主要目的在于提出一种编辑应用网页的方法,满足专题类应用快速更新的需求,提高应用网页编辑效率。
本发明的另一目的在于提出一种应用网页编辑装置,满足专题类应用快速更新的需求,提高应用网页编辑效率。
为达到上述目的,本发明提供了一种编辑应用网页的方法,该方法包括:
预先存储功能信息以及功能对应的配置数据;
生成页面设计,监测到触发热区编辑,获取用户输入的热区信息,根据热区信息获取热区的大小及对应的位置信息;
接收用户根据预先设置的功能对应的配置数据输入的功能数据,将功能数据以及热区的大小及对应的位置信息封装处理为数据文件;
加载数据文件运行环境,根据数据文件包含的热区大小及对应的位置信息创建页面热区;
提取数据文件中的功能数据,生成功能对应的页面功能代码,填充至功能对应的页面热区,形成应用网页并进行展示。
所述功能包括但不限于赠送以及视频播放。
所述赠送功能对应的配置数据包括设置物品标识信息,所述视频播放功能对应的配置数据包括设置视频标识信息、是否自动播放信息以及视频封面图片统一资源路径信息。
进一步包括:
当监测到用户鼠标驻留于应用网页中创建的热区时,触发设置的功能。
一种应用网页编辑装置,该装置包括:页面内容编辑单元以及页面内容解析单元,其中,
页面内容编辑单元,用于在生成页面设计及监测到触发热区编辑后,获取用户输入的热区信息,根据热区信息计算热区的大小及对应的位置信息,接收用户根据选择的功能对应的预先设置的配置数据输入的功能数据,将功能数据以及热区的大小及对应的位置信息封装处理为数据文件,输出至页面内容解析单元;
页面内容解析单元,用于接收数据文件并加载数据文件运行环境,根据数据文件包含的热区信息创建页面热区,提取数据文件中的功能数据,生成功能对应的页面功能代码,填充至功能对应的页面热区,形成应用网页并进行展示。
所述页面内容编辑单元包括:功能编辑模块、热区编辑模块、热区展示模块、封装处理模块以及存储模块,其中,
功能编辑模块,用于预先存储功能信息以及功能对应的配置数据,接收热区编辑模块输出的触发信号,将存储的功能信息以及功能对应的配置数据输出至热区展示模块;
热区编辑模块,用于在触发热区编辑后,监测用户输入的热区信息,并根据热区信息计算热区的大小及对应的位置信息,向功能编辑模块输出触发信号,接收热区展示模块输出的功能数据,与热区大小及对应的位置信息一起输出至存储模块;
热区展示模块,用于接收功能编辑模块输出的功能信息,向用户展示,接收用户根据选择的功能对应的配置数据输入的功能数据,输出至热区编辑模块;
存储模块,用于接收热区编辑模块输出的信息,进行存储;
封装处理模块,用于将存储模块存储的信息封装为数据文件,输出至页面内容解析单元。
所述热区编辑模块进一步用于将计算得到的热区大小及对应的位置信息输出至热区展示模块,接收热区展示模块返回的热区大小及对应的位置信息,更新计算得到的热区大小及对应的位置信息;
热区展示模块进一步将接收的热区大小及对应的位置信息向用户进行展示,并将用户最终确定的热区大小及对应的位置信息输出至热区编辑模块。
所述页面内容解析单元包括:功能填充模块、热区填充模块以及容器页面模块,其中,
容器页面模块,用于接收数据文件并加载数据文件运行环境;
功能填充模块,用于接收数据文件,提取数据文件中的功能数据,生成功能对应的页面功能代码,输出至热区填充模块;
热区填充模块,用于根据数据文件包含的热区信息创建页面热区,将功能填充模块输出的页面功能代码填充至功能对应的页面热区,形成应用网页。
由上述的技术方案可见,本发明提供的一种编辑应用网页的方法及应用网页编辑装置,预先存储功能信息以及功能对应的配置数据;生成页面设计,监测用户触发热区编辑,获取用户输入的热区信息,根据热区信息获取热区的大小及对应的位置信息;接收用户根据选择的功能对应的预先设置的配置数据输入的功能数据,将功能数据以及热区的大小及对应的位置信息封装处理为数据文件;加载数据文件运行环境,根据数据文件包含的热区大小及对应的位置信息创建页面热区;提取数据文件中的功能数据,生成功能对应的页面功能代码,填充至功能对应的页面热区,形成应用网页并进行展示。这样,可以动态设置功能数量和调整位置,从而实现页面结构的动态调整,满足了专题类应用快速更新的需求,提高了应用网页编辑效率。
附图说明
图1为本发明实施例编辑应用网页的方法流程示意图。
图2为本发明实施例应用网页编辑装置结构示意图。
图3为本发明实施例页面内容解析单元另一结构示意图。
图4为本发明实施例编辑应用网页的方法具体流程示意图。
图5为本发明实施例的应用网页编辑平台界面示意图。
图6为本发明实施例选择背景图片的界面示意图。
图7为本发明实施例上传背景图片后的界面示意图。
图8为本发明实施例载入背景图片后的界面示意图。
图9为本发明实施例触发网页编辑的界面示意图。
图10为本发明实施例热区编辑的第一界面示意图。
图11为本发明实施例热区编辑的第二界面示意图。
图12为本发明实施例热区编辑的第三界面示意图。
图13为本发明实施例生成应用网页的界面示意图。
图14为本发明实施例切换至详情页面的界面示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图及具体实施例对本发明作进一步地详细描述。
本发明通过预先存储功能信息以及功能对应的配置数据,采用用户自定义页面结构,获取用户自定义页面中各热区的大小及对应的位置信息,根据热区功能编辑对应的配置数据,获取相应功能数据,生成功能对应的页面功能代码,并填充至根据热区的大小及对应的位置信息创建的页面热区,从而完成相应的专题策划。
图1为本发明实施例编辑应用网页的方法流程示意图。参见图1,该流程包括:
步骤101,预先存储功能信息以及功能对应的配置数据;
本步骤中,功能对应的配置数据包含功能所需的数据配置信息。即与具体的功能相关联的配置信息,功能包括赠送、视频播放等,可根据实际需要确定。举例来说,对于赠送功能,预先设置的配置数据包括设置物品标识(ID)信息;对于视频播放功能,配置数据包括设置视频ID信息、是否自动播放信息、视频封面图片统一资源路径(URL,Uniform Resource Locator)信息等。
步骤102,生成页面设计,监测到触发热区编辑,获取用户输入的热区信息,根据热区信息获取热区的大小及对应的位置信息;
本步骤中,生成页面设计即用户在当前页面编辑应用网页需要展示的背景图片,用户输入热区信息可以通过捕获鼠标事件实现,热区大小可以以热区的宽度和高度表示,对应的位置信息可以以坐标信息表示,热区用于后续中在展示应用网页页面时,当监测到用户鼠标驻留于该编辑的热区时,触发设置的功能。
实际应用中,用户通过鼠标选取的热区大小可以与背景图片大小相同,也可以小于背景图片。
步骤103,接收用户根据选择的功能对应的预先设置的配置数据输入的功能数据,将功能数据以及热区的大小及对应的位置信息封装处理为数据文件;
本步骤中,根据各网页浏览器支持的数据格式,将功能数据以及热区的大小及对应的位置信息封装处理为网页浏览器支持的数据文件。
步骤104,加载数据文件运行环境,根据数据文件包含的热区大小及对应的位置信息创建页面热区;
本步骤中,创建的页面热区用于在应用网页编辑页面发布后,当监测到用户鼠标驻留于该编辑的热区时,触发设置的功能。
步骤105,提取数据文件中的功能数据,生成功能对应的页面功能代码,填充至功能对应的页面热区,形成应用网页并进行展示。
本步骤中,数据文件中可以包括多个专题或功能对应的热区功能数据,根据数据文件包含的功能数据,生成对应的页面功能代码。页面功能代码泛指一切与特定功能相关的HTML和JS(Javascript)代码,例如,对于赠送功能,页面功能代码包括赠送按钮HTML代码以及该赠送按钮对象点击(onclick)事件的JS代码。这样,在将对应的页面功能代码填充至功能对应的页面热区以及发布应用网页后,当监测到用户鼠标驻留于该编辑的热区时,就可以触发设置的功能。例如,当应用网页发布后,如果用户鼠标驻留于或点击赠送功能所在的热区,则提示相关赠送信息,并在用户点击该热区后,触发进入链接的赠送功能页面。
由上述可见,本发明实施例的编辑应用网页的方法,预先存储功能信息以及功能对应的配置数据;生成页面设计,监测用户触发热区编辑,获取用户输入的热区信息,根据热区信息获取热区的大小及对应的位置信息;接收用户根据选择的功能对应的预先设置的配置数据输入的功能数据,将功能数据以及热区的大小及对应的位置信息封装处理为数据文件;加载数据文件运行环境,根据数据文件包含的热区大小及对应的位置信息创建页面热区;提取数据文件中的功能数据,生成功能对应的页面功能代码,填充至功能对应的页面热区,形成应用网页并进行展示。这样,通过自定义应用网页页面结构,按照实际需要对页面结构中的热区功能按钮进行编辑及更新,可以动态设置功能数量和调整位置,从而实现页面结构的动态调整,支持设计人员的创新及多元化设计风格,设计格局多样化,满足了专题类应用快速更新的需求,提高了应用网页编辑效率;进一步地,当功能的数量或位置改变时,可以复用页面功能代码,使得页面结构代码复用率高。
图2为本发明实施例应用网页编辑装置结构示意图。参见图2,该装置包括:页面内容编辑单元以及页面内容解析单元,其中,
页面内容编辑单元,用于在生成页面设计及监测到触发热区编辑后,获取用户输入的热区信息,根据热区信息计算热区的大小及对应的位置信息,接收用户根据选择的功能对应的预先设置的配置数据输入的功能数据,将功能数据以及热区的大小及对应的位置信息封装处理为数据文件,输出至页面内容解析单元;
页面内容解析单元,用于接收数据文件并加载数据文件运行环境,根据数据文件包含的热区信息创建页面热区,提取数据文件中的功能数据,生成功能对应的页面功能代码,填充至功能对应的页面热区,形成应用网页并进行展示。
实际应用中,页面内容编辑单元与页面内容解析单元可以集成于同一物理设备,也可以设置在不同的物理设备中,例如,将页面内容编辑单元设置于客户端,而将页面内容解析单元设置于网络侧的服务器。
本发明实施例中,页面内容编辑单元包括:功能编辑模块、热区编辑模块、热区展示模块、封装处理模块以及存储模块,其中,
功能编辑模块,用于预先存储功能信息以及功能对应的配置数据,接收热区编辑模块输出的触发信号,将存储的功能信息以及功能对应的配置数据输出至热区展示模块;
本实施例中,配置数据包含预先设置的功能所需的数据配置信息。即与具体的功能相关联的配置信息,功能包括赠送、视频播放等,可根据实际需要确定,例如,对于赠送功能,预先设置的配置数据包括设置物品ID信息;对于视频播放功能,配置数据包括设置视频ID信息、是否自动播放信息、视频封面图片URL信息等。
热区编辑模块,用于在触发热区编辑后,监测用户输入的热区信息,并根据热区信息计算热区的大小及对应的位置信息,向功能编辑模块输出触发信号,接收热区展示模块输出的功能数据,与热区大小及对应的位置信息一起输出至存储模块;
本发明实施例中,可以通过用户点击显示界面的热区编辑模块控件按钮,触发热区编辑,用户将预先编辑好的页面设计(编辑的背景图片)导入热区编辑模块,以页面层(div)元素的方式表示热区,通过捕捉鼠标事件,即监测用户通过鼠标选择编辑的热区,例如,用户在某一区域(背景图片区域)按下鼠标左键时,将该鼠标左键在区域的位置作为热区的初始位置,在监测到用户松开鼠标左键时,将该鼠标左键在区域的相应位置作为热区的终止位置,或者,在监测到用户松开鼠标左键时,通过热区展示模块向用户展示确认或取消信息,在接收到热区展示模块返回的用户选择的确认信息后,将该鼠标左键在区域的相应位置作为热区的终止位置,否则,结束该操作。通过终止位置以及初始位置信息可以计算所编辑热区的大小。关于捕捉鼠标事件,获取终止位置以及初始位置信息,属于现有技术,具体可参见相关技术文献,在此不再赘述。
实际应用中,热区大小可以以热区的宽度和高度表示,对应的位置信息可以以坐标信息表示。
进一步地,热区编辑模块可以将计算得到的热区大小及对应的位置信息输出至热区展示模块,接收热区展示模块返回的热区大小及对应的位置信息,更新计算得到的热区大小及对应的位置信息,即将功能数据与热区展示模块返回的热区大小及对应的位置信息一起输出至存储模块。
热区展示模块,用于接收功能编辑模块输出的功能信息,向用户展示,接收用户根据选择的功能对应的配置数据输入的功能数据,输出至热区编辑模块;
本发明实施例中,功能信息可以以级联菜单的方式进行展示,即用户可以根据实际需要对每一功能进行细化,并以子菜单的方式展示。当用户选择某一子功能后,向用户展示该子功能对应的配置数据,要求用户输入相应的功能数据,例如,对于视频播放功能,配置数据要求用户设置并输入视频ID信息、是否要求自动播放、视频封面图片URL信息等。
如前所述,如果热区编辑模块将计算得到的热区大小及对应的位置信息输出至热区展示模块,热区展示模块向用户进行展示,并将用户最终确定的热区大小及对应的位置信息输出至热区编辑模块。这样,用户可以对选取的热区进行修改确认。
存储模块,用于接收热区编辑模块输出的信息,进行存储;
本发明实施例中,热区编辑模块输出的信息称作为热区数据,包括功能数据以及热区信息,其中,热区信息为热区大小及对应的位置信息。
封装处理模块,用于将存储模块存储的信息封装为数据文件,输出至页面内容解析单元。
本发明实施例中,可以根据各网页浏览器支持的数据格式,将存储的信息封装处理为网页浏览器支持的数据文件,具体可参见相关技术文献,在此不再赘述。
页面内容解析单元包括:功能填充模块、热区填充模块以及容器页面模块,其中,
容器页面模块,用于接收数据文件并加载数据文件运行环境;
本发明实施例中,容器页面模块用于提供展示所有配置热区数据的环境。
功能填充模块,用于接收数据文件,提取数据文件中的功能数据,生成功能对应的页面功能代码,输出至热区填充模块;
本发明实施例中,数据文件可以包括多个专题或功能对应的热区数据,功能填充模块根据数据文件包含的功能数据,生成对应的页面功能代码。页面功能代码泛指一切与特定功能相关的HTML和JS(Javascript)代码,例如,对于赠送功能,页面功能代码包括赠送按钮HTML代码以及该赠送按钮对象点击(onclick)事件的JS代码。
实际应用中,根据功能数据生成功能对应的页面功能代码,可利用现有技术实现,例如,通过HTML脚本程序生成相应代码,具体可参见相关技术文献,在此不再赘述。
热区填充模块,用于根据数据文件包含的热区信息创建页面热区,将功能填充模块输出的页面功能代码填充至功能对应的页面热区,形成应用网页。
本发明实施例中,热区填充模块以页面div元素形式,动态生成热区,再调用功能填充模块,在动态生成的热区内填充热区功能对应的页面功能代码。
热区填充模块可以进一步将形成的应用网页输出至网页服务器进行发布;或者,将数据文件、容器页面在网页服务器发布,整个应用网页在客户端动态解析展示。将功能填充模块输出的页面功能代码填充至功能对应的页面热区也属于现有技术,在此不再赘述。
实际应用中,页面内容解析单元包括的功能填充模块、热区填充模块以及容器页面模块之间的结构也可以如图3所示。
图3为本发明实施例页面内容解析单元另一结构示意图。图3中,热区填充模块分别与功能填充模块、容器页面模块相连,还接收网页内容编辑单元的数据文件,最终形成应用网页。
下面举一具体实施例,对本发明的编辑应用网页的方法再作详细说明。
图4为本发明实施例编辑应用网页的方法具体流程示意图。参见图4,该流程包括:
步骤401,进入本发明实施例的应用网页编辑平台,触发设置背景图片;
图5为本发明实施例的应用网页编辑平台界面示意图。参见图5,该界面包括一个操作菜单,操作菜单包括:操作指引、设置为编辑状态、上一未配置热区、下一未配置热区、上一热区、下一热区、从模板复制内容、设置背景图片、打开预览页面、同步到测试环境以及同步到外网等选项,并以控件按钮方式展示。
步骤402,选择应用网页页面所需的背景图片;
图6为本发明实施例选择背景图片的界面示意图。参见图6,通过点击图5中的设置背景图片选项,进入图6所示界面,可以配置专题的应用ID、应用描述以及背景图片,并将预先准备的背景图片上传至当前界面,以便于在背景图片上进行热区的配置。
图7为本发明实施例上传背景图片后的界面示意图。参见图7,界面根据上传的图片数进行分割并以列表形式展示,例如,上传的背景图片数为五张,则将当前界面划分为6x5的表格,第一行的五列分别是索引(Index)、操作、图片(背景图片)、图片链接以及修改,第一列的五行分别是背景图片对应的索引号,各上传的图片插入对应的图片列中,操作列中,包括删除、上移、下移等选项,并以控件按钮方式展示,例如,用户点击删除控件按钮,则将该行中的图片删除,修改包括重新上传选项,也以控件按钮方式展示。
在插入一张图片后,通过界面上方的增加图片控件按钮进行新的背景图片的添加,在将背景图片调整完成后,再点击界面上方的返回模板编辑控件按钮进入下一流程。
步骤403,载入选择的背景图片;
图8为本发明实施例载入背景图片后的界面示意图。参见图8(部分截图),在点击图7的返回模板编辑控件按钮后,返回图5所示界面,与图5不同的是,该界面还包括载入的背景图片,即将图7调整完成的背景图片进行展示。
步骤404,触发应用网页编辑;
图9为本发明实施例触发网页编辑的界面示意图。参见图9,在图8所示的界面中点击设置为编辑状态控件按钮,触发应用网页编辑。
步骤405,选取待编辑的背景图片,进行热区编辑;
图10为本发明实施例热区编辑的第一界面示意图。参见图10,根据操作指引选取待编辑的背景图片区域(选取热区),应用网页编辑平台自动计算选取的热区的大小及对应的位置信息,点击鼠标右键,弹出热区菜单,包括:编辑、复制、删除、设置坐标等控件按钮。本发明实施例中,选择编辑控件按钮,应用网页编辑平台从存储的信息中,读取预先设置的功能信息,进入热区编辑的第二界面。
图11为本发明实施例热区编辑的第二界面示意图。参见图11,从下拉的菜单中选取所需的功能,本发明实施例中,选取精品库详情,并点击精品库详情控件按钮,触发应用网页编辑平台从存储的信息中查询获取精品库详情对应的配置数据,进入热区编辑的第三界面。
图12为本发明实施例热区编辑的第三界面示意图。参见图12,应用网页编辑平台根据用户选取的精品库详情信息,从存储的信息中查询获取该功能对应的配置数据,进行功能数据配置,当然,实际应用中,也可以对功能对应的配置数据不进行设置,将该配置数据直接作为功能数据,例如,对于链接类的网页应用,实际应用中,链接类的网页应用可以通过用户配置链接地址实现,也可以通过链接地址预先设置在配置数据内实现。
步骤406,获取热区编辑的相关信息,生成数据文件;
本步骤中,在完成所有热区编辑后,获取编辑的每个热区的大小及对应的位置信息、功能数据,点击同步到测试环境控件按钮,触发应用网页编辑平台调用相关程序,生成数据文件,即将功能数据以及热区的大小及对应的位置信息封装处理为网页浏览器支持的数据文件。
在数据文件生成成功后,弹出同步成功信息并提示下一步的操作。
步骤407,根据数据文件生成应用网页编辑页面并展示。
本步骤中,在数据文件生成成功后,可以进行专题预览,即点击打开预览页面控件按钮。
图13为本发明实施例生成应用网页的界面示意图。参见图13,在打开预览页面控件按钮展示的界面后,当鼠标驻留在图中设置的热区时,向用户显示“点击查看详情”的提示,用户点击图中设置的热区,即进入热区对应链接的详情页面,切换至详情页面。
图14为本发明实施例切换至详情页面的界面示意图。参见图14,用户可在详情页面进行相应操作并进行功能验证,在功能验证成功后,通过点击同步到外网控件按钮,可以将生成的应用网页信息同步到正式环境,一旦同步到正式环境,即完成了整个专题的发布。
至此,该流程结束。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内,所作的任何修改、等同替换以及改进等,均应包含在本发明的保护范围之内。
Claims (8)
1.一种编辑应用网页的方法,其特征在于,该方法包括:
预先存储功能信息以及功能对应的配置数据;
生成页面设计,监测到触发热区编辑,获取用户输入的热区信息,根据热区信息获取热区的大小及对应的位置信息;
接收用户根据预先设置的功能对应的配置数据输入的功能数据,将功能数据以及热区的大小及对应的位置信息封装处理为数据文件;
加载数据文件运行环境,根据数据文件包含的热区大小及对应的位置信息创建页面热区;
提取数据文件中的功能数据,生成功能对应的页面功能代码,填充至功能对应的页面热区,形成应用网页并进行展示。
2.如权利要求1所述的方法,其特征在于,所述功能包括但不限于赠送以及视频播放。
3.如权利要求2所述的方法,其特征在于,所述赠送功能对应的配置数据包括设置物品标识信息,所述视频播放功能对应的配置数据包括设置视频标识信息、是否自动播放信息以及视频封面图片统一资源路径信息。
4.如权利要求1至3任一项所述的方法,其特征在于,进一步包括:
当监测到用户鼠标驻留于应用网页中创建的热区时,触发设置的功能。
5.一种应用网页编辑装置,其特征在于,该装置包括:页面内容编辑单元以及页面内容解析单元,其中,
页面内容编辑单元,用于在生成页面设计及监测到触发热区编辑后,获取用户输入的热区信息,根据热区信息计算热区的大小及对应的位置信息,接收用户根据选择的功能对应的预先设置的配置数据输入的功能数据,将功能数据以及热区的大小及对应的位置信息封装处理为数据文件,输出至页面内容解析单元;
页面内容解析单元,用于接收数据文件并加载数据文件运行环境,根据数据文件包含的热区信息创建页面热区,提取数据文件中的功能数据,生成功能对应的页面功能代码,填充至功能对应的页面热区,形成应用网页并进行展示。
6.如权利要求5所述的装置,其特征在于,所述页面内容编辑单元包括:功能编辑模块、热区编辑模块、热区展示模块、封装处理模块以及存储模块,其中,
功能编辑模块,用于预先存储功能信息以及功能对应的配置数据,接收热区编辑模块输出的触发信号,将存储的功能信息以及功能对应的配置数据输出至热区展示模块;
热区编辑模块,用于在触发热区编辑后,监测用户输入的热区信息,并根据热区信息计算热区的大小及对应的位置信息,向功能编辑模块输出触发信号,接收热区展示模块输出的功能数据,与热区大小及对应的位置信息一起输出至存储模块;
热区展示模块,用于接收功能编辑模块输出的功能信息,向用户展示,接收用户根据选择的功能对应的配置数据输入的功能数据,输出至热区编辑模块;
存储模块,用于接收热区编辑模块输出的信息,进行存储;
封装处理模块,用于将存储模块存储的信息封装为数据文件,输出至页面内容解析单元。
7.如权利要求6所述的装置,其特征在于,所述热区编辑模块进一步用于将计算得到的热区大小及对应的位置信息输出至热区展示模块,接收热区展示模块返回的热区大小及对应的位置信息,更新计算得到的热区大小及对应的位置信息;
热区展示模块进一步将接收的热区大小及对应的位置信息向用户进行展示,并将用户最终确定的热区大小及对应的位置信息输出至热区编辑模块。
8.如权利要求5所述的装置,其特征在于,所述页面内容解析单元包括:功能填充模块、热区填充模块以及容器页面模块,其中,
容器页面模块,用于接收数据文件并加载数据文件运行环境;
功能填充模块,用于接收数据文件,提取数据文件中的功能数据,生成功能对应的页面功能代码,输出至热区填充模块;
热区填充模块,用于根据数据文件包含的热区信息创建页面热区,将功能填充模块输出的页面功能代码填充至功能对应的页面热区,形成应用网页。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010105677091A CN102479224A (zh) | 2010-11-23 | 2010-11-23 | 一种编辑应用网页的方法及应用网页编辑装置 |
PCT/CN2011/077156 WO2012068885A1 (zh) | 2010-11-23 | 2011-07-14 | 一种编辑应用网页的方法及应用网页编辑装置 |
US13/885,432 US20130238982A1 (en) | 2010-11-23 | 2011-07-14 | Methods and apparatus for editing an application webpage |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010105677091A CN102479224A (zh) | 2010-11-23 | 2010-11-23 | 一种编辑应用网页的方法及应用网页编辑装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102479224A true CN102479224A (zh) | 2012-05-30 |
Family
ID=46091872
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2010105677091A Pending CN102479224A (zh) | 2010-11-23 | 2010-11-23 | 一种编辑应用网页的方法及应用网页编辑装置 |
Country Status (3)
Country | Link |
---|---|
US (1) | US20130238982A1 (zh) |
CN (1) | CN102479224A (zh) |
WO (1) | WO2012068885A1 (zh) |
Cited By (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103870496A (zh) * | 2012-12-11 | 2014-06-18 | 财团法人资讯工业策进会 | 互动页面样板的编辑系统及方法 |
CN104239334A (zh) * | 2013-06-19 | 2014-12-24 | 腾讯科技(北京)有限公司 | 交互页面配置方法、服务器、客户端及系统 |
CN104657451A (zh) * | 2015-02-05 | 2015-05-27 | 百度在线网络技术(北京)有限公司 | 页面的处理方法及装置 |
CN104809240A (zh) * | 2015-05-13 | 2015-07-29 | 广州华多网络科技有限公司 | 一种页面处理方法及其设备 |
CN106371731A (zh) * | 2016-09-26 | 2017-02-01 | 宇龙计算机通信科技(深圳)有限公司 | 一种页面编辑功能的实现方法及终端 |
CN106970801A (zh) * | 2017-04-18 | 2017-07-21 | 北京思特奇信息技术股份有限公司 | 一种快速构建应用系统的方法及装置 |
CN107766106A (zh) * | 2017-12-05 | 2018-03-06 | 北京百度网讯科技有限公司 | 生成配置文件的方法和装置 |
CN109343915A (zh) * | 2018-08-01 | 2019-02-15 | 平安科技(深圳)有限公司 | 图片列表展现方法、装置、终端设备及存储介质 |
CN103970773B (zh) * | 2013-01-30 | 2019-03-15 | 腾讯科技(深圳)有限公司 | 一种网页的页面更新方法及装置 |
CN109656651A (zh) * | 2018-11-13 | 2019-04-19 | 麒麟合盛网络技术股份有限公司 | 网页自定义方法及装置 |
WO2019076117A1 (zh) * | 2017-10-20 | 2019-04-25 | 阿里巴巴集团控股有限公司 | 热区调整方法和装置、客户端 |
CN110471727A (zh) * | 2019-07-10 | 2019-11-19 | 成都摹客科技有限公司 | 基于web端创建交互热区的方法、装置、系统及存储介质 |
CN112507268A (zh) * | 2020-12-08 | 2021-03-16 | 政采云有限公司 | 一种网页图片热区配置方法、装置、设备及可读存储介质 |
CN113741877A (zh) * | 2021-08-02 | 2021-12-03 | 紫金诚征信有限公司 | 一种基于web前端的可视化工作流编辑方法及装置 |
CN113873312A (zh) * | 2021-09-22 | 2021-12-31 | 北京达佳互联信息技术有限公司 | 一种视频编辑方法及装置 |
CN113946267A (zh) * | 2021-10-20 | 2022-01-18 | 百融至信(北京)征信有限公司 | 一种基于移动端的返回操作方法及系统 |
CN114760532A (zh) * | 2022-04-18 | 2022-07-15 | 贵阳朗玛视讯科技有限公司 | 一种基于iptv的视频专辑编辑系统 |
WO2024051414A1 (zh) * | 2022-09-05 | 2024-03-14 | 腾讯科技(深圳)有限公司 | 热区的调整方法、装置、设备、存储介质及程序产品 |
Families Citing this family (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105022616B (zh) * | 2014-04-23 | 2019-12-03 | 腾讯科技(北京)有限公司 | 一种生成网页页面的方法及装置 |
CN105740304B (zh) * | 2014-12-12 | 2019-12-24 | 阿里巴巴集团控股有限公司 | 可视化页面编辑方法、装置及a/b测试方法、装置 |
CN105094558A (zh) * | 2015-08-07 | 2015-11-25 | 北京思特奇信息技术股份有限公司 | 一种多级联动数据人机交互方法及系统 |
CN105607799B (zh) * | 2015-12-15 | 2019-09-13 | 深圳市永兴元科技股份有限公司 | 数据处理方法及装置 |
US11030207B1 (en) | 2016-04-12 | 2021-06-08 | Tableau Software, Inc. | Updating displayed data visualizations according to identified conversation centers in natural language commands |
US10515121B1 (en) * | 2016-04-12 | 2019-12-24 | Tableau Software, Inc. | Systems and methods of using natural language processing for visual analysis of a data set |
CN109947522B (zh) * | 2019-03-28 | 2022-09-02 | 北京小米移动软件有限公司 | 信息展示方法、装置、终端、服务器和存储介质 |
CN110457028B (zh) * | 2019-08-06 | 2023-09-01 | 软通智慧信息技术有限公司 | 一种页面可视化编程方法、装置、服务器和存储介质 |
CN112416339A (zh) * | 2020-02-17 | 2021-02-26 | 上海哔哩哔哩科技有限公司 | 页面开发方法、装置、计算机设备 |
CN112363711A (zh) * | 2020-11-03 | 2021-02-12 | 深圳市大富网络技术有限公司 | 一种代码提示方法、装置及计算机可读存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101071361A (zh) * | 2007-05-31 | 2007-11-14 | 腾讯科技(深圳)有限公司 | 一种自定义右键菜单的方法及系统 |
US20090204883A1 (en) * | 2004-07-30 | 2009-08-13 | Thomas Talanis | Method, Program and System for the Dynamic, Template-Based Generation of Internet Pages |
CN101526942A (zh) * | 2008-03-05 | 2009-09-09 | 徐邦勇 | 在线、实时及自动生成动态网页的组件实现技术 |
CN101593207A (zh) * | 2009-07-06 | 2009-12-02 | 孟智平 | 一种构造和生成网页的方法及系统 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7370076B2 (en) * | 1999-10-18 | 2008-05-06 | 4Yoursoul.Com | Method and apparatus for creation, personalization, and fulfillment of greeting cards with gift cards |
US6546397B1 (en) * | 1999-12-02 | 2003-04-08 | Steven H. Rempell | Browser based web site generation tool and run time engine |
CN1487446A (zh) * | 2003-06-24 | 2004-04-07 | 深圳市华磊网络技术有限公司 | 服务器端应用为浏览器客户端提供用户界面的方法 |
CN101025738B (zh) * | 2006-02-21 | 2013-02-13 | 广州天懋数码电子商务有限公司 | 一种免模板动态网站生成方法 |
KR100932847B1 (ko) * | 2007-06-26 | 2009-12-21 | 엔에이치엔(주) | 복제 방지 방법 및 그 시스템 |
CN101118493A (zh) * | 2007-09-17 | 2008-02-06 | 张威 | 一种在网页浏览器中制作动态网站的方法 |
-
2010
- 2010-11-23 CN CN2010105677091A patent/CN102479224A/zh active Pending
-
2011
- 2011-07-14 US US13/885,432 patent/US20130238982A1/en not_active Abandoned
- 2011-07-14 WO PCT/CN2011/077156 patent/WO2012068885A1/zh active Application Filing
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090204883A1 (en) * | 2004-07-30 | 2009-08-13 | Thomas Talanis | Method, Program and System for the Dynamic, Template-Based Generation of Internet Pages |
CN101071361A (zh) * | 2007-05-31 | 2007-11-14 | 腾讯科技(深圳)有限公司 | 一种自定义右键菜单的方法及系统 |
CN101526942A (zh) * | 2008-03-05 | 2009-09-09 | 徐邦勇 | 在线、实时及自动生成动态网页的组件实现技术 |
CN101593207A (zh) * | 2009-07-06 | 2009-12-02 | 孟智平 | 一种构造和生成网页的方法及系统 |
Cited By (22)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103870496B (zh) * | 2012-12-11 | 2017-03-01 | 财团法人资讯工业策进会 | 互动页面样板的编辑系统及方法 |
CN103870496A (zh) * | 2012-12-11 | 2014-06-18 | 财团法人资讯工业策进会 | 互动页面样板的编辑系统及方法 |
CN103970773B (zh) * | 2013-01-30 | 2019-03-15 | 腾讯科技(深圳)有限公司 | 一种网页的页面更新方法及装置 |
CN104239334A (zh) * | 2013-06-19 | 2014-12-24 | 腾讯科技(北京)有限公司 | 交互页面配置方法、服务器、客户端及系统 |
CN104657451A (zh) * | 2015-02-05 | 2015-05-27 | 百度在线网络技术(北京)有限公司 | 页面的处理方法及装置 |
CN104657451B (zh) * | 2015-02-05 | 2019-01-15 | 百度在线网络技术(北京)有限公司 | 页面的处理方法及装置 |
CN104809240A (zh) * | 2015-05-13 | 2015-07-29 | 广州华多网络科技有限公司 | 一种页面处理方法及其设备 |
CN104809240B (zh) * | 2015-05-13 | 2018-06-19 | 广州华多网络科技有限公司 | 一种页面处理方法及其设备 |
CN106371731A (zh) * | 2016-09-26 | 2017-02-01 | 宇龙计算机通信科技(深圳)有限公司 | 一种页面编辑功能的实现方法及终端 |
CN106970801A (zh) * | 2017-04-18 | 2017-07-21 | 北京思特奇信息技术股份有限公司 | 一种快速构建应用系统的方法及装置 |
WO2019076117A1 (zh) * | 2017-10-20 | 2019-04-25 | 阿里巴巴集团控股有限公司 | 热区调整方法和装置、客户端 |
CN107766106A (zh) * | 2017-12-05 | 2018-03-06 | 北京百度网讯科技有限公司 | 生成配置文件的方法和装置 |
CN109343915A (zh) * | 2018-08-01 | 2019-02-15 | 平安科技(深圳)有限公司 | 图片列表展现方法、装置、终端设备及存储介质 |
CN109656651A (zh) * | 2018-11-13 | 2019-04-19 | 麒麟合盛网络技术股份有限公司 | 网页自定义方法及装置 |
CN110471727A (zh) * | 2019-07-10 | 2019-11-19 | 成都摹客科技有限公司 | 基于web端创建交互热区的方法、装置、系统及存储介质 |
CN112507268A (zh) * | 2020-12-08 | 2021-03-16 | 政采云有限公司 | 一种网页图片热区配置方法、装置、设备及可读存储介质 |
CN113741877A (zh) * | 2021-08-02 | 2021-12-03 | 紫金诚征信有限公司 | 一种基于web前端的可视化工作流编辑方法及装置 |
CN113873312A (zh) * | 2021-09-22 | 2021-12-31 | 北京达佳互联信息技术有限公司 | 一种视频编辑方法及装置 |
CN113873312B (zh) * | 2021-09-22 | 2023-12-01 | 北京达佳互联信息技术有限公司 | 一种视频编辑方法及装置 |
CN113946267A (zh) * | 2021-10-20 | 2022-01-18 | 百融至信(北京)征信有限公司 | 一种基于移动端的返回操作方法及系统 |
CN114760532A (zh) * | 2022-04-18 | 2022-07-15 | 贵阳朗玛视讯科技有限公司 | 一种基于iptv的视频专辑编辑系统 |
WO2024051414A1 (zh) * | 2022-09-05 | 2024-03-14 | 腾讯科技(深圳)有限公司 | 热区的调整方法、装置、设备、存储介质及程序产品 |
Also Published As
Publication number | Publication date |
---|---|
US20130238982A1 (en) | 2013-09-12 |
WO2012068885A1 (zh) | 2012-05-31 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102479224A (zh) | 一种编辑应用网页的方法及应用网页编辑装置 | |
US20040215719A1 (en) | Method and system for designing, editing and publishing web page content in a live internet session | |
CN109918607B (zh) | 页面搭建方法及装置、介质和计算设备 | |
CN101976235B (zh) | 基于动态网页的可扩展的Word报告自动生成方法 | |
CN112632942B (zh) | 一种文档处理方法、装置、设备及介质 | |
CN101526942A (zh) | 在线、实时及自动生成动态网页的组件实现技术 | |
CN102929599B (zh) | 移动终端浏览器界面的修改方法及装置、移动终端 | |
CN102880664B (zh) | 一种页面编辑方法、装置及系统 | |
CN105183475A (zh) | 一种用户自定制门户网站个性化页面的方法和系统 | |
CN102360296A (zh) | 一种基于web的在线表单开发工具 | |
CN102065114A (zh) | 一种移动终端访问网页的方法及装置 | |
CN102637184A (zh) | 用于定制网页的方法和系统 | |
CA2817554A1 (en) | Mobile content management system | |
CN107231415B (zh) | 图片的网络存储方法和装置 | |
CN106445983A (zh) | 一种构造和生成网页的方法及系统 | |
CN102508843A (zh) | 具有微博发布功能的截图方法及系统 | |
CN111488148B (zh) | 网页源代码的生成方法及装置 | |
CN110941428B (zh) | 一种网站创建方法和装置 | |
CN108259620A (zh) | 一种广告编辑和预览方法、智能终端、系统及存储装置 | |
CN109284488B (zh) | 基于本地存储修改前端表格列数据的方法、装置及介质 | |
CN105653755A (zh) | 一种基于sge图形库开发的汽车导航界面设计工具 | |
CN103176778A (zh) | 网页开发方法和装置 | |
CN104951311A (zh) | 一种页面制作方法及装置 | |
CN101587437A (zh) | 树型控件设计及生成系统及方法 | |
US20070283251A1 (en) | Web-based experience editor in a recursive browser system and uses thereof |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20120530 |