CN103678347B - 用于将web站点转换为目标web app站点的方法和装置 - Google Patents

用于将web站点转换为目标web app站点的方法和装置 Download PDF

Info

Publication number
CN103678347B
CN103678347B CN201210331555.5A CN201210331555A CN103678347B CN 103678347 B CN103678347 B CN 103678347B CN 201210331555 A CN201210331555 A CN 201210331555A CN 103678347 B CN103678347 B CN 103678347B
Authority
CN
China
Prior art keywords
web
component
web app
page
module
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
CN201210331555.5A
Other languages
English (en)
Other versions
CN103678347A (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.)
Beijing Baidu Netcom Science and Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and Technology 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 Beijing Baidu Netcom Science and Technology Co Ltd filed Critical Beijing Baidu Netcom Science and Technology Co Ltd
Priority to CN201210331555.5A priority Critical patent/CN103678347B/zh
Priority to PCT/CN2012/085676 priority patent/WO2014036794A1/zh
Publication of CN103678347A publication Critical patent/CN103678347A/zh
Application granted granted Critical
Publication of CN103678347B publication Critical patent/CN103678347B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/106Display of layout of documents; Previewing
    • 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/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Abstract

本发明提出一种用于将web站点转换为目标web app站点的方法和装置,其中方法包括:对web站点的web页面上的元素进行标注;将标注的元素应用到组件;在web app页面预览所述组件;对所述web app页面上预览的所述组件进行编辑;保存所述web app页面。根据本发明用于将web站点转换为目标web app站点的方法,通过对web站点的web页面上的元素进行标注和应用组件后,在web app页面预览效果,然后在web app页面进行标注来创建web app页面,使得web站点转换到web app的效果更加良好。

Description

用于将web站点转换为目标web app站点的方法和装置
技术领域
本发明涉及web app化技术领域,特别涉及一种用于将web站点转换为目标webapp站点的方法和装置。
背景技术
现如今,随着web2.0技术的普及,web app(web application,通过使用Web和Web浏览器技术,跨越网络完成一个或多个任务的应用程序,通常需要使用Web浏览器)化技术也越来越常见,该技术能让用户在高端机只能设备上浏览web页的效果的体验类似nativeapp(native application,本地应用程序)展现效果。
现有的技术将web站点转换为目标web app站点主要是采用修改部分代码来将转换web站点转换为目标web app站点,因此至少存在以下几个问题:
(1)无法可视化转换不能即时了解转换效果;
(2)修改代码过于复杂麻烦,具有一定的专业性,不方便优化转换的效果。
发明内容
本发明旨在至少解决上述技术问题之一。
为此,本发明的第一个目的在于提出一种用于将web站点转换为目标web app站点的方法。
本发明的第二个目的在于提出一种用于将web站点转换为目标web app站点的装置。
为了实现上述目的,根据本发明的第一方面实施例的用于将web站点转换为目标web app站点的方法包括以下步骤:对所述web站点的web页面上的元素进行标注;将标注的所述元素应用到组件;在web app页面预览所述组件;对所述web app页面上预览的所述组件进行编辑;以及保存并创建所述目标web app页面。
根据本发明实施例的用于将web站点转换为目标web app站点的方法,通过对web站点的web页面进行标注和应用组件后,在web app页面预览效果,然后再对web app页面进行编辑来创建web app页面,例如拖拽组件进行排序、合并等,使得web站点转换到web app的效果更加良好,提高了用户的体验感,同时方便用户的对页面的标注。
为实现上述目的,本发明第二方面的实施例的用于将web站点转换为目标web app站点的装置包括:标注模块,所述标注模块用于对所述web站点的web页面上的元素 进行标注;第一应用模块,所述第一应用模块用于将标注的所述元素应用到组件;预览模块,所述预览模块用于在web app页面预览所述组件;编辑模块,所述编辑模块用于对所述web app页面上预览的所述组件进行编辑;以及创建模块,所述创建模块用于保存并创建所述目标web app页面。
根据本发明实施例的用于将web站点转换为目标web app站点的装置,通过对web站点的web页面进行标注和应用组件后,在web app页面预览效果,然后再对web app页面进行编辑来创建web app页面,例如拖拽组件进行排序、合并等,使得web站点转换到web app的效果更加良好,提高了用户的体验感。
本发明的附加方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本发明的实践了解到。
附图说明
本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:
图1为根据本发明一个实施例的一种用于将web站点转换为目标web app站点的方法的流程图;
图2为根据本发明一个实施例的一种用于将web站点转换为目标web app站点的方法的流程图;
图3为根据本发明一个实施例的一种用于将web站点转换为目标web app站点的方法的流程图;
图4为根据本发明一个实施例的一种用于将web站点转换为目标web app站点的方法的流程图;
图5为根据本发明一个实施例的用于将web站点转换为目标web app站点的装置的结构示意图;
图6为根据本发明一个实施例的用于将web站点转换为目标web app站点的装置的结构示意图;
图7为根据本发明一个实施例的用于将web站点转换为目标web app站点的装置的结构示意图;以及
图8为根据本发明一个实施例的用于将web站点转换为目标web app站点的装置的结构示意图。
具体实施方式
下面详细描述本发明的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本发明,而不能解释为对本发明的限制。
参照下面的描述和附图,将清楚本发明的实施例的这些和其他方面。在这些描述和附图中,具体公开了本发明的实施例中的一些特定实施方式,来表示实施本发明的实施例的原理的一些方式,但是应当理解,本发明的实施例的范围不受此限制。相反,本发明的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。
下面参考说明书附图描述根据本发明实施例的用于将web站点转换为目标webapp站点的方法
一种用于将web站点转换为目标web app站点的方法,包括以下步骤:对web站点的web页面上的元素进行标注;将标注的元素应用到组件;在web app页面预览组件;对webapp页面上预览的组件进行编辑;以及保存并创建目标web app页面。
图1为本发明一个实施例的用于将web站点转换为目标web app站点的方法的流程图。
如图1所示,根据本发明实施例的用于将web站点转换为目标web app站点的方法包括下述步骤。
步骤S101:对web站点的web页面上的元素进行标注。
具体地,首先选择web页面上的页面元素或元素集合;然后对页面元素或元素集合进行设置;接着对页面元素或元素集合进行模块化、命名和排序;以及最后将页面元素或元素集合在web app页面进行预览。
更具体地,首先可以通过鼠标对web站点的web页面的上的页面元素或元素集合进行选择,然后可以根据喜好根据标注时提供操作选项的对选择的页面元素或元素集合进行行为设置,然后可以对已选择的页面元素或元素集合进行内容模块化,然后可以对这些模块进行命名和排序,最后可以将这些设置过后的页面元素或元素集合在webapp页面进行预览。其中,可以通过点选、拖拽选择、缩放选择、层级缩放来选择web页面上的页面元素或元素集合。
步骤S102:将标注的元素应用到组件。
具体地,选择web页面上的页面元素或元素集合以设置成不同组件,不同组件包括站点导航组件、频道导航组件和栏目组件。
步骤S103:在web app页面预览组件。
步骤S104:对web app页面上预览的组件进行编辑。
具体地,首先对web app页面内的组件进行分块;然后通过点选、拖拽选择、缩放选择、层级缩放来选择web app页面上的组件;最后对选择的组件进行可视化编辑。
在本发明的一个实施例中,通过所见即所得模式的修改组件或直接编辑组件的html、css或js代码。
步骤S105:保存并创建目标web app页面。
根据本发明实施例的用于将web站点转换为目标web app站点的方法,通过对web站点的web页面进行标注和应用组件后,在web app页面预览效果,然后再对web app页面进行编辑来创建web app页面,例如拖拽组件进行排序、合并等,使得web站点 转换到web app的效果更加良好,提高了用户的体验感,同时方便用户的对页面的标注。
图2为本发明又一个实施例的用于将web站点转换为目标web app站点的方法的流程图。
如图2所示,根据本发明实施例的用于将web站点转换为目标web app站点的方法包括下述步骤。
步骤S201:对web站点的web页面进行标注。
具体地,首先选择web页面上的页面元素或元素集合;然后对页面元素或元素集合进行设置;接着对页面元素或元素集合进行模块化、命名和排序;以及最后将页面元素或元素集合在web app页面进行预览。
更具体地,首先可以通过鼠标对web站点的web页面的上的页面元素或元素集合进行选择,然后可以根据喜好根据标注时提供操作选项的对选择的页面元素或元素集合进行行为设置,然后可以对已选择的页面元素或元素集合进行内容模块化,然后可以对这些模块进行命名和排序,最后可以将这些设置过后的页面元素或元素集合在webapp页面进行预览。其中,可以通过点选、拖拽选择、缩放选择、层级缩放来选择web页面上的页面元素或元素集合。
步骤S202:将标注的元素应用到组件。
具体地,选择web页面上的页面元素或元素集合以设置成不同组件,不同组件包括站点导航组件、频道导航组件和栏目组件。
步骤S203:在web app页面预览组件。
步骤S204:对web app页面上预览的组件进行编辑。
具体地,首先对web app页面内的组件进行分块;然后通过点选、拖拽选择、缩放选择、层级缩放来选择web app页面上的组件;最后对选择的组件进行可视化编辑以创建目标web app页面。
在本发明的一个实施例中,通过所见即所得模式的修改组件或直接编辑组件的html、css或js代码。
步骤S205:保存并创建目标web app页面。
步骤S206:为目标web app页面添加高端机高级接口元素。
具体地,在目标web app页面可以添加上一些应用程序的高端机高级接口元素,如:地图插件、电话按钮、分享按钮。
根据本发明实施例的用于将web站点转换为目标web app站点的方法,在目标webapp页面填加了其他接口元素,使得转换得到的目标web app页面更加多元化,丰富了目标web app页面的内容,提高了用户的体验感。
图3为本发明又一个实施例的用于将web站点转换为目标web app站点的方法的流程图。
如图3所示,根据本发明实施例的用于将web站点转换为目标web app站点的方 法包括下述步骤。
步骤S301:对web站点的web页面进行标注。
具体地,首先选择web页面上的页面元素或元素集合;然后对页面元素或元素集合进行设置;接着对页面元素或元素集合进行模块化、命名和排序;以及最后将页面元素或元素集合在web app页面进行预览。
更具体地,首先可以通过鼠标对web站点的web页面的上的页面元素或元素集合进行选择,然后可以根据喜好根据标注时提供操作选项的对选择的页面元素或元素集合进行行为设置,然后可以对已选择的页面元素或元素集合进行内容模块化,然后可以对这些模块进行命名和排序,最后可以将这些设置过后的页面元素或元素集合在webapp页面进行预览。其中,可以通过点选、拖拽选择、缩放选择、层级缩放来选择web页面上的页面元素或元素集合。
步骤S302:将标注的元素应用到组件。
具体地,选择web页面上的页面元素或元素集合以设置成不同组件,不同组件包括站点导航组件、频道导航组件和栏目组件。
步骤S303:在web app页面预览组件。
步骤S304:对web app页面上预览的组件进行编辑。
具体地,首先对web app页面内的组件进行分块;然后通过点选、拖拽选择、缩放选择、层级缩放来选择web app页面上的组件;最后对选择的组件进行可视化编辑以创建目标web app页面。
在本发明的一个实施例中,通过所见即所得模式的修改组件或直接编辑组件的html、css或js代码。
步骤S305:保存并创建目标web app页面。
步骤S306:为目标web app页面添加高端机高级接口元素。
具体地,在目标web app页面可以添加上一些应用程序的高端机高级接口元素,如:地图插件、电话按钮、分享按钮。
步骤S307:将预览组件的web app页面保存为模板。
具体地,保存为模板可以允许将这个模板运用到其他页面上。
在本发明的一个实施例中,步骤S306是可选的。
根据本发明实施例的用于将web站点转换为目标web app站点的方法,将预览组件的web app页面保存为模板可以重用,提高了web页面转化的效率。
图4为本发明又一个实施例的用于将web站点转换为目标web app站点的方法的流程图。
如图4所示,根据本发明实施例的用于将web站点转换为目标web app站点的方法包括下述步骤。
步骤S401:对web站点的web页面进行标注。
具体地,首先选择web页面上的页面元素或元素集合;然后对页面元素或元素集合进行设置;接着对页面元素或元素集合进行模块化、命名和排序;以及最后将页面元素或元素集合在web app页面进行预览。
更具体地,首先可以通过鼠标对web站点的web页面的上的页面元素或元素集合进行选择,然后可以根据喜好根据标注时提供操作选项的对选择的页面元素或元素集合进行行为设置,然后可以对已选择的页面元素或元素集合进行内容模块化,然后可以对这些模块进行命名和排序,最后可以将这些设置过后的页面元素或元素集合在webapp页面进行预览。其中,可以通过点选、拖拽选择、缩放选择、层级缩放来选择web页面上的页面元素或元素集合。
步骤S402:将标注的元素应用到组件。
具体地,选择web页面上的页面元素或元素集合以设置成不同组件,不同组件包括站点导航组件、频道导航组件和栏目组件。
步骤S403:在web app页面预览组件。
步骤S404:对web app页面上预览的组件进行编辑。
具体地,首先对web app页面内的组件进行分块;然后通过点选、拖拽选择、缩放选择、层级缩放来选择web app页面上的组件;最后对选择的组件进行可视化编辑以创建目标web app页面。
在本发明的一个实施例中,通过所见即所得模式的修改组件或直接编辑组件的html、css或js代码。
步骤S405:保存并创建目标web app页面。
步骤S406:为目标web app页面添加高端机高级接口元素。
具体地,在目标web app页面可以添加上一些应用程序的高端机高级接口元素,如:地图插件、电话按钮、分享按钮。
步骤S407:将预览组件的web app页面保存为模板。
具体地,保存为模板可以允许将这个模板运用到其他页面上。
步骤S408:设置目标web app站点的结构。
具体地,将目标web app站点的功能、内容结构进行设置。例如,给web app页面设置一个大结构,具有三个功能:首页、列表和文章。
步骤S409:计算模板的url模式。
具体地,系统根据用户标注页面的url来自动计算url模式并推荐用户将计算出的url模式应用于类似的页面上。
步骤S410:将模板和url模式应用于结构以创建web app站点。
具体地,将可视化标注页面计算出的url模式和根据该web app页面保存的模板应用于web app页面设置的结构内,形成一个新的产品形态,创建web app站点。
在本发明的一个实施例中,结构包括web app站点的首页、列表、文章、登录页、注册页、图片列表、视频查看等页面类型。
在本发明的一个实施例中,步骤S406是可选的。
在本发明的一个实施例中,步骤S407是可选的。
根据本发明实施例的用于将web站点转换为目标web app站点的方法,计算预览组件的web app页面的url模式,并将其应用在web app页面的结构内,提高了web页面转化的效率。
下面参考说明书附图描述根据本发明实施例的用于将web站点转换为目标webapp站点的装置。
一种用于将web站点转换为目标web app站点的装置,包括:标注模块,标注模块用于对web站点的web页面上的元素进行标注;第一应用模块,第一应用模块用于将标注的元素应用到组件;预览模块,预览模块用于在web app页面预览组件;编辑模块,编辑模块用于对web app页面上预览的组件进行编辑;以及创建模块,创建模块用于保存并创建目标webapp页面。
图5为本发明一个实施例的用于将web站点转换为目标web app站点的装置的结构示意图。
如图5所示,根据本发明实施例的用于将web站点转换为目标web app站点的装置,包括:标注模块110、第一应用模块120、预览模块130、编辑模块140和创建模块150。
具体地,标注模块110用于对web站点的web页面上的元素进行标注。更具体地,标注模块110首先选择web页面上的页面元素或元素集合;然后对页面元素或元素集合进行设置;接着对页面元素或元素集合进行模块化、命名和排序;以及最后将页面元素或元素集合在web app页面进行预览。例如,首先可以通过鼠标对web站点的web页面的上的页面元素或元素集合进行选择,然后可以根据喜好根据标注时提供操作选项的对选择的页面元素或元素集合进行行为设置,然后可以对已选择的页面元素或元素集合进行内容模块化,然后可以对这些模块进行命名和排序,最后可以将这些设置过后的页面元素或元素集合在webapp页面进行预览。其中,可以通过点选、拖拽选择、缩放选择、层级缩放来选择web页面上的页面元素或元素集合。
第一应用模块120将标注的元素应用到组件。更具体地,第一应用模块120可以选择web页面上的页面元素或元素集合以设置成不同组件,不同组件包括站点导航组件、频道导航组件和栏目组件。
预览模块130用于在web app页面预览组件。
编辑模块140用于对web app页面上预览的组件进行编辑。更具体地,编辑模块140首先对web app页面内的组件进行分块;然后通过点选、拖拽选择、缩放选择、层级缩放来选择web app页面上的组件;最后对选择的组件进行可视化编辑。
在本发明的一个实施例中,通过所见即所得模式的修改组件或直接编辑组件的html、css或js代码。
创建模块150用于保存并创建目标web app页面。
根据本发明实施例的用于将web站点转换为目标web app站点的装置,通过对web站点的web页面进行标注和应用组件后,在web app页面预览效果,然后再对web app页面进行编辑来创建web app页面,例如拖拽组件进行排序、合并等,使得web站点转换到web app的效果更加良好,提高了用户的体验感。
图6为本发明另一个实施例的用于将web站点转换为目标web app站点的装置的结构示意图。
如图6所示,根据本发明实施例的用于将web站点转换为目标web app站点的装置,包括:标注模块110、第一应用模块120、预览模块130、编辑模块140、创建模块150和添加模块160。
具体地,标注模块110用于对web站点的web页面上的元素进行标注。第一应用模块120将标注的元素应用到组件。预览模块130用于在web app页面预览组件。编辑模块140用于对web app页面上预览的组件进行编辑,其中可以通过所见即所得模式的修改组件或直接编辑组件的html、css或js代码。创建模块150用于保存并创建目标web app页面。
添加模块160用于为目标web app页面添加高端机高级接口元素。其中,在目标webapp页面可以添加上一些应用程序的高端机高级接口元素,如:地图插件、电话按钮、分享按钮。
根据本发明实施例的用于将web站点转换为目标web app站点的装置,通过添加模块在目标web app页面填加了其他接口元素,使得转换得到的目标web app页面更加多元化,丰富了目标web app页面的内容,提高了用户的体验感。
图7为本发明另一个实施例的用于将web站点转换为目标web app站点的装置的结构示意图。
如图7所示,根据本发明实施例的用于将web站点转换为目标web app站点的装置,包括:标注模块110、第一应用模块120、预览模块130、编辑模块140、创建模块150、添加模块160和保存模块170。
具体地,标注模块110用于对web站点的web页面上的元素进行标注。第一应用模块120将标注的元素应用到组件。预览模块130用于在web app页面预览组件。编辑模块140用于对web app页面上预览的组件进行编辑,其中可以通过所见即所得模式的修改组件或直接编辑组件的html、css或js代码。创建模块150用于保存并创建目标web app页面。添加模块160用于为目标web app页面添加高端机高级接口元素。
保存模块170用于将预览组件的web app页面保存为模板,通过保存模块170保存为模板可以允许将这个模板运用到其他页面上。
根据本发明实施例的用于将web站点转换为目标web app站点的装置,通过保存模块将预览组件的web app页面保存为模板可以重用,提高了web页面转化的效率。
图8为本发明另一个实施例的用于将web站点转换为目标web app站点的装置的结构示意图。
如图8所示,根据本发明实施例的用于将web站点转换为目标web app站点的装置,包括:标注模块110、第一应用模块120、预览模块130、编辑模块140、创建模块150、添加模块160、保存模块170、设置模块180、计算模块190和第二应用模块1100。
具体地,标注模块110用于对web站点的web页面上的元素进行标注。第一应用模块120将标注的元素应用到组件。预览模块130用于在web app页面预览组件。编辑模块140用于对web app页面上预览的组件进行编辑,其中可以通过所见即所得模式的修改组件或直接编辑组件的html、css或js代码。创建模块150用于保存并创建目标web app页面。添加模块160用于为目标web app页面添加高端机高级接口元素。保存模块170用于将预览组件的web app页面保存为模板。
设置模块180用于设置目标web app站点的结构。更具体地,将目标web app站点的功能、内容结构进行设置。例如,给web app页面设置一个大结构,具有三个功能:首页、列表和文章。
计算模块190用于计算模板的url模式,其中,系统根据用户标注页面的url来自动计算url模式并推荐用户将计算出的url模式应用于类似的页面上。
第二应用模块1100用于将模板和url模式应用于所述结构以创建所述web app站点。其中,将可视化标注页面计算出的url模式和根据该web app页面保存的模板应用于webapp页面设置的结构内,形成一个新的产品形态,创建web app站点。
在本发明的一个实施例中,结构包括web app站点的首页、列表、文章、登录页、注册页、图片列表、视频查看等页面类型。
根据本发明实施例的用于将web站点转换为目标web app站点的装置,计算预览组件的web app页面的url模式,并将其应用在web app页面的结构内,提高了web页面转化的效率。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
尽管已经示出和描述了本发明的实施例,对于本领域的普通技术人员而言,可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型,本发明的范围由所附权利要求及其等同限定。

Claims (8)

1.一种用于将web站点转换为目标web app站点的方法,其特征在于,包括以下步骤:
对所述web站点的web页面上的元素进行标注,其中,选择所述web页面上的页面元素或元素集合,并对所述页面元素或元素集合进行设置,并对所述页面元素或元素集合进行模块化、命名和排序;
将标注的所述元素应用到组件,其中,将标注的所述元素应用到组件的步骤包括:选择所述web页面上的页面元素或元素集合以设置成不同组件,所述不同组件包括站点导航组件、频道导航组件和栏目组件;
在web app页面预览所述组件;
对所述web app页面上预览的所述组件进行编辑,其中,对所述web app页面上预览的所述组件进行编辑的步骤包括:对所述web app页面内的所述组件进行分块;通过点选、拖拽选择、缩放选择、层级缩放来选择所述web app页面上的组件;以及对选择的所述组件进行可视化编辑;
保存并创建所述目标web app页面;
将预览所述组件的所述web app页面保存为模板,计算所述模板的url模式;
设置所述目标web app站点的结构;
将所述模板和所述url模式应用于所述结构内,以创建所述目标web app站点。
2.根据权利要求1所述的方法,其特征在于,进一步包括步骤:
为所述目标web app页面添加高端机高级接口元素。
3.根据权利要求1所述的方法,其特征在于,所述结构包括所述web app站点的页面类型,所述页面类型包括:首页、列表、文章、登录页、注册页、图片列表、视频查看。
4.根据权利要求1所述的方法,其特征在于,进一步包括步骤:
通过所见即所得模式的修改所述组件或直接编辑所述组件的html、css或js代码。
5.一种用于将web站点转换为目标web app站点的装置,其特征在于,包括:
标注模块,所述标注模块用于对所述web站点的web页面上的元素进行标注,其中,所述标注模块选择所述web页面上的页面元素或元素集合,并对所述页面元素或元素集合进行设置,并对所述页面元素或元素集合进行模块化、命名和排序;
应用模块,所述应用模块用于将标注的所述元素应用到组件,其中,所述应用模块用于:选择所述web页面上的页面元素或元素集合以设置成不同组件,所述不同组件包括站点导航组件、频道导航组件和栏目组件;
预览模块,所述预览模块用于在web app页面预览所述组件;
编辑模块,所述编辑模块用于对所述web app页面上预览的所述组件进行编辑,其中,所述编辑模块用于:对所述web app页面内的所述组件进行分块;通过点选、拖拽选择、缩放选择、层级缩放来选择所述web app页面上的组件;以及对选择的所述组件进行可视化编辑;
创建模块,所述创建模块用于保存并创建所述目标web app页面;
保存模块,所述保存模块用于将预览所述组件的所述web app页面保存为模板;
设置模块,所述设置模块用于设置所述目标web app站点的结构;
计算模块,所述计算模块用于计算所述模板的url模式;以及
第二应用模块,所述第二应用模块用于将所述模板和所述url模式应用于所述结构以创建所述目标web app站点。
6.根据权利要求5所述的装置,其特征在于,进一步包括:
添加模块,所述添加模块用于为所述目标web app页面添加高端机高级接口元素。
7.根据权利要求5所述的装置,其特征在于,所述结构包括所述web app站点的页面类型,所述页面类型包括:首页、列表、文章、登录页、注册页、图片列表、视频查看。
8.根据权利要求5所述的装置,其特征在于,所述编辑模块进一步用于:
通过所见即所得模式的修改所述页面元素或直接编辑所述web app页面的html、css或js代码。
CN201210331555.5A 2012-09-07 2012-09-07 用于将web站点转换为目标web app站点的方法和装置 Active CN103678347B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201210331555.5A CN103678347B (zh) 2012-09-07 2012-09-07 用于将web站点转换为目标web app站点的方法和装置
PCT/CN2012/085676 WO2014036794A1 (zh) 2012-09-07 2012-11-30 用于将web站点转换为目标web app站点的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201210331555.5A CN103678347B (zh) 2012-09-07 2012-09-07 用于将web站点转换为目标web app站点的方法和装置

Publications (2)

Publication Number Publication Date
CN103678347A CN103678347A (zh) 2014-03-26
CN103678347B true CN103678347B (zh) 2018-05-04

Family

ID=50236488

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201210331555.5A Active CN103678347B (zh) 2012-09-07 2012-09-07 用于将web站点转换为目标web app站点的方法和装置

Country Status (2)

Country Link
CN (1) CN103678347B (zh)
WO (1) WO2014036794A1 (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105446986B (zh) 2014-06-30 2018-12-14 国际商业机器公司 用于处理web页面的方法和装置
CN105988778A (zh) * 2015-01-28 2016-10-05 阿里巴巴集团控股有限公司 一种页面设置方法及装置
CN106227517B (zh) * 2016-07-13 2019-09-06 北京智网易联科技有限公司 原生移动app软件自动生成方法和设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101526953A (zh) * 2009-01-19 2009-09-09 北京跳网无限科技发展有限公司 Www转换技术
CN101593207A (zh) * 2009-07-06 2009-12-02 孟智平 一种构造和生成网页的方法及系统
CN102360380A (zh) * 2011-10-12 2012-02-22 熊健辉 提供网页的方法、系统、装置及终端
CN102497478A (zh) * 2011-12-13 2012-06-13 深圳市路友网络科技有限公司 一种手机用户快速访问互联网的方法

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050240869A1 (en) * 2004-04-23 2005-10-27 Kalev Leetaru Method and system for editable web browsing
WO2008141424A1 (en) * 2007-05-17 2008-11-27 Research In Motion Limited System and method for content navigation
CN102184266B (zh) * 2011-06-27 2012-08-29 武汉大学 一种页面与数据分离的动态wap网站自动生成方法

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101526953A (zh) * 2009-01-19 2009-09-09 北京跳网无限科技发展有限公司 Www转换技术
CN101593207A (zh) * 2009-07-06 2009-12-02 孟智平 一种构造和生成网页的方法及系统
CN102360380A (zh) * 2011-10-12 2012-02-22 熊健辉 提供网页的方法、系统、装置及终端
CN102497478A (zh) * 2011-12-13 2012-06-13 深圳市路友网络科技有限公司 一种手机用户快速访问互联网的方法

Also Published As

Publication number Publication date
CN103678347A (zh) 2014-03-26
WO2014036794A1 (zh) 2014-03-13

Similar Documents

Publication Publication Date Title
CN103942314B (zh) 一种html文件图文混排显示方法
CN107798084A (zh) 一种web前端页面的可视化编辑生成系统及装置
DE102014006318A1 (de) Detektion eines physikalischen Gegenstands und Berührungsschirm-Interaktion
CN103678347B (zh) 用于将web站点转换为目标web app站点的方法和装置
CN103793178B (zh) 一种移动设备触摸屏中矢量图形编辑方法
CN104391786A (zh) 网页自动化测试系统及其方法
CN104102636B (zh) 一种页面数据的统计、呈现方法及装置
CN107766042A (zh) 一种基于csar的模型文件的可视化设计方法及装置
CN105159674A (zh) 一种图文应用制作方法、装置及终端
CN104881448A (zh) 一种地图路径标注方法和装置
CN105635464A (zh) 一种消息处理方法及装置
CN108134698A (zh) 一种工业多协议物联网关的图形化配置平台
CN108268260A (zh) 一种基于一体化支撑技术的快速微应用组装方法
CN104408273A (zh) 一种快速更改pcb上过孔电气属性的设计方法
CN105045948B (zh) 一种变送器保护箱配置图自动批量生成方法
CN106033387A (zh) 测试flash内部控件的方法和装置
CN103294463A (zh) 一种编辑系统及方法
CN107085641A (zh) 一种Allegro软件中快速定位铜皮void的方法
CN102054053A (zh) 电路板布线方法
CN103605521A (zh) 一种实现界面对位的方法及装置
CN104346174B (zh) 一种在线矢量图建模过程的描述与重现方法
CN106126800A (zh) 一种Allegro软件中自动复制属性铜到其他层面的方法
CN104407853A (zh) 一种实现table多行同时编辑的方法
CN104111823A (zh) 一种在线交互块式编辑方法及编辑器
CN110472171A (zh) 基于插件上传图片的方法、插件系统、设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant