页面可视化生成方法和装置的制造方法_4

文档序号:9217030阅读:来源:国知局
[0179] 在本发明实施例中,第一个操作页面设置为顶部,禁止向上执行翻页操作。当然也 可以不设置上述限制,那么此时,向上翻页时,由于第一个操作页面上面没有操作页面,则 在所述页面操作框架中添加一个新的操作页面,该新的操作页面变为第一个操作页面,原 来的第一个操作页面变为第二个操作页面。
[0180] 步骤360,在用户完成各种操作之后,根据页面操作框架,操作页面,操作页面中的 各个页面元素,以及各个页面元素在操作页面中的位置信息,生成页面文档。
[0181] 在用户对操作页面中的页面元素的各种操作之后,如不再插入页面元素,也不再 对页面元素进行编辑。在实际应用中可点击保存按钮,进入根据页面操作框架,操作页面, 操作页面中的各个页面元素,以及各个页面元素在操作页面中的位置信息,生成页面文档。
[0182]当然,也可在操作的同时,逐步生成所述页面文档,并实时根据用户的后续操作修 改页面文档。
[0183] 本发明实施例与实施例一类似的步骤原理类似,在此不再赘叙。
[0184] 本发明实施例针对应用页面,由于应用页面的内容和结构简单,能够简化为扁平 化的DOM树结构,因此本发明构建了页面操作框架、操作页面和页面元素三级结构,其中操 作页面和页面元素对用户来说是可视化的,用户能够以可视化的状态构建应用页面,应用 页面的构建过程简单,不用编辑源代码,节省人力成本;并且可以在可视化状态下,一次性 的将用户需求的结构进行编辑,避免了通过编辑源代码的情况下,靠想象去确定页面元素 结构和位置,而导致的页面元素结构和位置的不精确性,提高了应用页面的编辑效率。
[0185] 实施例四
[0186] 参照图4,其示出了本发明一种页面可视化生成装置的结构示意图,具体可以包 括:
[0187] 页面操作框架启动模块410,适于启动页面操作框架;所述页面操作框架中包括 至少一个操作页面;
[0188] 页面元素插入模块420,适于在各个操作页面中,接收用户插入的页面元素,并确 定所述页面元素在所述操作页面中的位置信息;
[0189] 页面生成模块430,适于根据页面操作框架,操作页面,操作页面中的各个页面元 素,以及各个页面元素在操作页面中的位置信息,生成页面文档。
[0190] 优选的,在页面元素插入模块之后,还包括
[0191] 编辑模块,适于接收对所述页面元素的编辑操作,并确定编辑操作后的页面元素 在操作页面中的位置信息。
[0192] 优选的,所述编辑模块包括:
[0193] 元素拖拽模块,适于接收用户对所述操作页面中的页面元素的拖拽操作,并根据 所述拖拽操作重新确定所述页面元素在所述页面操作框架中的位置信息。
[0194] 优选的,所述页面元素插入模块包括:
[0195] 第一翻页模块,适于如果所述页面操作框架包括多个操作页面,接收对操作页面 的翻页操作,在进入所述翻页操作指示的操作页面之后,在所述操作页面中接收用户插入 的页面元素。
[0196] 优选的,所述页面元素插入模块包括:
[0197] 第二翻页模块,适于接收对操作页面的翻页操作,当所述翻页操作指示的操作页 面不存在,则在所述页面操作框架中添加一个新的操作页面,在所述新的操作页面中接收 用户插入的页面元素。
[0198] 优选的,所述页面生成模块包括:
[0199] 标签转换模块,适于标签转换模块针对页面操作框架对生成body标签,针对每个 操作页面生成一个父div标签,针对操作页面中的每个页面元素生成该操作页面的父div 标签的子div标签;
[0200]内容转换模块,适于在每个子div标签中,针对相应的页面元素内容,生成相应的 元素标签以及元素内容代码;
[0201] CSS位置信息确定模块,适于根据各个页面元素在操作页面中的位置信息,各操作 页面在页面操作框架中的位置信息,确定每个父div标签和每个子div标签的CSS位置信 息;
[0202] 文档转换模块,适于根据所述body标签、所述父div标签、所述子div标签、每个 父div标签和每个子div标签的CSS位置信息,生成页面文档。
[0203] 优选的,在页面生成模块之后,还包括:
[0204] 文档导出模块,适于接收对所述页面文档的导出操作;
[0205] 或者,线上发布模块,适于针对所述页面文档生成对应的访问网址。
[0206] 优选的,所述页面元素包括文本类页面元素、图片类页面元素、多媒体类页面元 素。
[0207] 优选的,当所述页面元素包括图片类页面元素和/或多媒体类页面元素时,所述 页面元素插入模块包括:
[0208] 上传模块,适于在操作页面中上传本地存储的图片或者多媒体,获得在所述操作 页面中的相应类型的页面元素。
[0209] 优选的,所述页面生成模块包括:
[0210] 元素上传模块,适于将所述图片或者多媒体上传到指定服务器,并获取指定服务 器中的图片或者多媒体的网址;
[0211] 元素转换模块,适于基于所述图片或者多媒体的网址,转换得到网页文档中相应 页面元素代码。
[0212] 实施例五
[0213] 参照图5,其示出了本发明一种页面可视化生成装置的结构示意图,具体可以包 括:
[0214] 页面操作框架启动模块510,适于启动页面操作框架;所述页面操作框架中包括 至少一个操作页面;
[0215] 页面元素插入模块520,适于在各个操作页面中,接收用户插入的页面元素,并确 定所述页面元素在所述操作页面中的位置信息;
[0216] 编辑模块530,适于接收对所述页面元素的编辑操作,并确定编辑操作后的页面元 素在操作页面中的位置信息;
[0217] 第二翻页模块540,适于接收对操作页面的翻页操作,当所述翻页操作指示的操作 页面不存在,则在所述页面操作框架中添加一个新的操作页面,在所述新的操作页面中接 收用户插入的页面元素。
[0218] 页面生成模块550,适于根据页面操作框架,操作页面,操作页面中的各个页面元 素,以及各个页面元素在操作页面中的位置信息,生成页面文档。
[0219] 实施例六
[0220] 参照图6,其示出了本发明一种页面可视化生成装置的结构示意图,具体可以包 括:
[0221] 页面操作框架启动模块610,适于启动页面操作框架;
[0222] 页面元素插入模块620,适于在一操作页面中,接收用户插入的页面元素;
[0223] 编辑模块630,适于在所述操作页面中,接收对所述页面元素的编辑操作,并确定 所述页面元素在所述操作页面中的位置信息;
[0224] 第二翻页模块640,适于接收对操作页面的翻页操作,判断翻页操作指示的操作页 面是否存在;如果翻页操作指示的操作页面存在,进入所述翻页操作指示的操作页面之后, 进入页面元素插入模块620 ;如果翻页操作指示的操作页面不存在,则进入页面新建模块 650 ;
[0225] 页面新建模块650,适于在所述页面操作框架中添加一个新的操作页面,进入页面 元素插入模块620 ;。
[0226] 页面生成模块660,适于根据页面操作框架,操作页面,操作页面中的各个页面元 素,以及各个页面元素在操作页面中的位置信息,生成页面文档。
[0227] 在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。 各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求 的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种 编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发 明的最佳实施方式。
[0228] 在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施 例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构 和技术,以便不模糊对本说明书的理解。
[0229] 类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在 上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施 例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保 护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面 的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此, 遵循【具体实施方式】的权利要求书由此明确地并入该【具体实施方式】,其中每个权利要求本身 都作为本发明的单独实施例。
[0230] 本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地 改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单 元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或 子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任 何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开 的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴 随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代 特征来代替。
[0231] 此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例 中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的 范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任 意之一都可以以任意的组合方式来使用。
[0232] 本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行 的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用 微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的页面可视化牛成设备中 的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方 法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样 的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形 式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形 式提供。
[0233] 应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领 域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中, 不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词"包含"不排除存在 未列在权利要求中的元件或步骤。位于元件之前的单词"一"或"一个"不排除存在多个这 样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来 实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件 项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为 名称。
[0234] 本发明公开了A1、一种页面可视化生成方法,包括:
[0235] 启动页面操作框架;所述页面操作框架中包括至少一个操作页面;
[0236] 在各个操作页面中,接收用户插入的页面元素,并确定所述页面元素在所述操作 页面中的位置信息;
[0237] 根据页面操作框架,操作页面,操作页面中的各
当前第4页1 2 3 4 5 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1