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

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

Info

Publication number
CN103678347A
CN103678347A CN201210331555.5A CN201210331555A CN103678347A CN 103678347 A CN103678347 A CN 103678347A CN 201210331555 A CN201210331555 A CN 201210331555A CN 103678347 A CN103678347 A CN 103678347A
Authority
CN
China
Prior art keywords
page
web
assembly
web app
website
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
Application number
CN201210331555.5A
Other languages
English (en)
Other versions
CN103678347B (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

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/103—Formatting, i.e. changing of presentation of documents
    • G06F40/106—Display of layout of documents; Previewing
    • 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

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Information Transfer Between Computers (AREA)

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页的效果的体验类似native app（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页面预览组件；对web app页面上预览的组件进行编辑；以及保存并创建目标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页面上预览的组件进行编辑；以及创建模块，创建模块用于保存并创建目标web app页面。 
图5为本发明一个实施例的用于将web站点转换为目标web app站点的装置的结构示意图。 
如图5所示，根据本发明实施例的用于将web站点转换为目标web app站点的装置，包括：标注模块110、第一应用模块120、预览模块130、编辑模块140和创建模块150。 
具体地，标注模块110用于对web站点的web页面上的元素进行标注。更具体地，标注模块110首先选择web页面上的页面元素或元素集合；然后对页面元素或元素集合进行设置；接着对页面元素或元素集合进行模块化、命名和排序；以及最后将页面元素或元素集合在web app页面进行预览。例如，首先可以通过鼠标对web站点的web页面的上的页面元素或元素集合进行选择，然后可以根据喜好根据标注时提供操作选项的对选择的页面元素或元素集合进行行为设置，然后可以对已选择的页面元素或元素集合进行内容模块化，然后可以对这些模块进行命名和排序，最后可以将这些设置过后的页面元素或元素集合在web app页面进行预览。其中，可以通过点选、拖拽选择、缩放选择、层级缩放来选择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页面添加高端机高级接口元素。其中，在目标web app页面可以添加上一些应用程序的高端机高级接口元素，如：地图插件、电话按钮、分享按钮。 
根据本发明实施例的用于将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页面保存的模板应用于web app页面设置的结构内，形成一个新的产品形态，创建web app站点。 
在本发明的一个实施例中，结构包括web app站点的首页、列表、文章、登录页、注册页、图片列表、视频查看等页面类型。 
根据本发明实施例的用于将web站点转换为目标web app站点的装置，计算预览组件的web app页面的url模式，并将其应用在web app页面的结构内，提高了web页面转化的效率。 
在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。 
尽管已经示出和描述了本发明的实施例，对于本领域的普通技术人员而言，可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型，本发明的范围由所附权利要求及其等同限定。 

Claims (16)

1.一种用于将web站点转换为目标web app站点的方法，其特征在于，包括以下步骤：
对所述web站点的web页面上的元素进行标注；
将标注的所述元素应用到组件；
在web app页面预览所述组件；
对所述web app页面上预览的所述组件进行编辑；以及
保存并创建所述目标web app页面。
2.根据权利要求1所述的方法，其特征在于，进一步包括步骤：
为所述目标web app页面添加高端机高级接口元素。
3.根据权利要求1所述的方法，其特征在于，进一步包括步骤：
将预览所述组件的所述web app页面保存为模板。
4.根据权利要求3所述的方法，其特征在于，进一步包括步骤：
设置所述目标web app站点的结构；
计算所述模板的url模式；以及
将所述模板和所述url模式应用于所述结构以创建所述web app站点。
5.根据权利要求4所述的方法，其特征在于，所述结构包括所述web app站点的首页、列表、文章、登录页、注册页、图片列表、视频查看等页面类型。
6.根据权利要求1至5中任一项所述的方法，其特征在于，将标注的所述元素应用到组件的步骤包括：
选择所述web页面上的页面元素或元素集合以设置成不同组件，所述不同组件包括站点导航组件、频道导航组件和栏目组件。
7.根据权利要求1至5中任一项所述的方法，其特征在于，对所述web app页面上预览的所述组件进行编辑的步骤包括：
对所述web app页面内的所述组件进行分块；
通过点选、拖拽选择、缩放选择、层级缩放来选择所述web app页面上的组件；以及
对选择的所述组件进行可视化编辑。
8.根据权利要求7所述的方法，其特征在于，进一步包括步骤：
通过所见即所得模式的修改所述组件或直接编辑所述组件的html、css或js代码。
9.一种用于将web站点转换为目标web app站点的装置，其特征在于，包括：
标注模块，所述标注模块用于对所述web站点的web页面上的元素进行标注；
第一应用模块，所述第一应用模块用于将标注的所述元素应用到组件；
预览模块，所述预览模块用于在web app页面预览所述组件；
编辑模块，所述编辑模块用于对所述web app页面上预览的所述组件进行编辑；以及
创建模块，所述创建模块用于保存并创建所述目标web app页面。
10.根据权利要求9所述的装置，其特征在于，进一步包括：
添加模块，所述添加模块用于为所述目标web app页面添加高端机高级接口元素。
11.根据权利要求10所述的装置，其特征在于，进一步包括：
保存模块，所述保存模块用于将预览所述组件的所述web app页面保存为模板。
12.根据权利要求11所述的装置，其特征在于，进一步包括：
设置模块，所述设置模块用于设置所述目标web app站点的结构；
计算模块，所述计算模块用于计算所述模板的url模式；以及
第二应用模块，所述第二应用模块用于将所述模板和所述url模式应用于所述结构以创建所述web app站点。
13.根据权利要求12所述的装置，其特征在于，所述结构包括所述web app站点的首页、列表、文章、登录页、注册页、图片列表、视频查看等页面类型。
14.根据权利要求9至13中任一项所述的装置，其特征在于，所述应用模块用于：
选择所述web页面上的页面元素或元素集合以设置成不同组件，所述不同组件包括站点导航组件、频道导航组件和栏目组件。
15.根据权利要求9至13中任一项所述的装置，其特征在于，所述编辑模块用于：
对所述web app页面内的所述组件进行分块；
通过点选、拖拽选择、缩放选择、层级缩放来选择所述web app页面上的组件；以及
对选择的所述组件进行可视化编辑。
16.根据权利要求15所述的装置，其特征在于，所述编辑模块进一步用于：
通过所见即所得模式的修改所述页面元素或直接编辑所述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 true CN103678347A (zh) 2014-03-26
CN103678347B 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)

Cited By (3)

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

Citations (7)

* 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
US20080288475A1 (en) * 2007-05-17 2008-11-20 Sang-Heun Kim Method and system for automatically generating web page transcoding instructions
CN101526953A (zh) * 2009-01-19 2009-09-09 北京跳网无限科技发展有限公司 Www转换技术
CN101593207A (zh) * 2009-07-06 2009-12-02 孟智平 一种构造和生成网页的方法及***
CN102184266A (zh) * 2011-06-27 2011-09-14 武汉大学 一种页面与数据分离的动态wap网站自动生成方法
CN102360380A (zh) * 2011-10-12 2012-02-22 熊健辉 提供网页的方法、***、装置及终端
CN102497478A (zh) * 2011-12-13 2012-06-13 深圳市路友网络科技有限公司 一种手机用户快速访问互联网的方法

Patent Citations (7)

* 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
US20080288475A1 (en) * 2007-05-17 2008-11-20 Sang-Heun Kim Method and system for automatically generating web page transcoding instructions
CN101526953A (zh) * 2009-01-19 2009-09-09 北京跳网无限科技发展有限公司 Www转换技术
CN101593207A (zh) * 2009-07-06 2009-12-02 孟智平 一种构造和生成网页的方法及***
CN102184266A (zh) * 2011-06-27 2011-09-14 武汉大学 一种页面与数据分离的动态wap网站自动生成方法
CN102360380A (zh) * 2011-10-12 2012-02-22 熊健辉 提供网页的方法、***、装置及终端
CN102497478A (zh) * 2011-12-13 2012-06-13 深圳市路友网络科技有限公司 一种手机用户快速访问互联网的方法

Cited By (5)

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

Also Published As

Publication number Publication date
WO2014036794A1 (zh) 2014-03-13
CN103678347B (zh) 2018-05-04

Similar Documents

Publication Publication Date Title
CN107798084A (zh) 一种web前端页面的可视化编辑生成***及装置
CN102810105B (zh) 一种移动终端所访问网页的编辑方法及网页编辑器
CN103136184B (zh) 一种自动排版的方法及其装置
CN101526942A (zh) 在线、实时及自动生成动态网页的组件实现技术
CN105528418B (zh) 一种设计文档生成方法及装置
CN104239305A (zh) 生成及展现电子文档的方法及装置
CN103942314A (zh) 一种html文件图文混排显示方法
CN103984818A (zh) 基于Flex技术的AUV设计流程可视化建模方法
CN103631964A (zh) 一种内嵌pdf的html文件混排方法
CN103389895A (zh) 一种前端页面的生成方法及***
CN105183759A (zh) 一种评论图片的方法及装置
CN104182494A (zh) 一种pc端和移动终端实现cms建设网站的方法与***
CN103678347A (zh) 用于将web站点转换为目标web app站点的方法和装置
CN108268260A (zh) 一种基于一体化支撑技术的快速微应用组装方法
CN103294463A (zh) 一种编辑***及方法
CN102929636B (zh) 一种人机交互界面创建方法和装置
CN104598133A (zh) 对象的说明书生成方法和装置
CN102982088A (zh) 一种用于提供用户在目标页面上的反馈信息的方法
CN102483814A (zh) 用于支持技术设施的规划的方法
CN105094671A (zh) 一种用于对输入区域的内容进行编辑的方法和装置
CN104281575A (zh) 一种网页数据获取方法及模版引擎
CN103365866B (zh) 一种模块化所见即所得管理网页模板的装置及管理方法
CN104461487A (zh) 生成交互式多媒体发布***模板的方法及装置
CN103414749A (zh) Web可视化编辑iOS的客户端应用的***及方法
CN103268383A (zh) 基于iec61850变电站的智能装置关系的图形生成方法

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