CN104636146A - 一种可视化在线定制方法及系统 - Google Patents
一种可视化在线定制方法及系统 Download PDFInfo
- Publication number
- CN104636146A CN104636146A CN201510098004.2A CN201510098004A CN104636146A CN 104636146 A CN104636146 A CN 104636146A CN 201510098004 A CN201510098004 A CN 201510098004A CN 104636146 A CN104636146 A CN 104636146A
- Authority
- CN
- China
- Prior art keywords
- page
- webpage
- section
- data
- slice
- 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
- 230000000007 visual effect Effects 0.000 title claims abstract description 106
- 238000000034 method Methods 0.000 title claims abstract description 70
- 238000011161 development Methods 0.000 claims abstract description 29
- 238000007726 management method Methods 0.000 claims description 62
- 238000005520 cutting process Methods 0.000 claims description 39
- 238000004458 analytical method Methods 0.000 claims description 37
- 230000006870 function Effects 0.000 claims description 36
- 230000000694 effects Effects 0.000 claims description 18
- 230000008569 process Effects 0.000 claims description 17
- 230000003044 adaptive effect Effects 0.000 claims description 16
- 238000012544 monitoring process Methods 0.000 claims description 15
- 238000005516 engineering process Methods 0.000 claims description 13
- 238000012545 processing Methods 0.000 claims description 13
- 230000005540 biological transmission Effects 0.000 claims description 9
- 230000004044 response Effects 0.000 claims description 9
- 239000012634 fragment Substances 0.000 claims description 8
- 238000003860 storage Methods 0.000 claims description 6
- 238000012546 transfer Methods 0.000 claims description 5
- 238000013481 data capture Methods 0.000 claims description 3
- 238000013500 data storage Methods 0.000 claims description 3
- 230000003993 interaction Effects 0.000 claims description 3
- 230000009471 action Effects 0.000 claims description 2
- 238000004454 trace mineral analysis Methods 0.000 claims description 2
- 238000010586 diagram Methods 0.000 description 13
- 238000013461 design Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 238000004321 preservation Methods 0.000 description 3
- 238000012797 qualification Methods 0.000 description 3
- 238000013523 data management Methods 0.000 description 2
- 238000009432 framing Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000008520 organization Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000012549 training Methods 0.000 description 2
- 101000911390 Homo sapiens Coagulation factor VIII Proteins 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 235000014510 cooky Nutrition 0.000 description 1
- 238000012937 correction Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 102000057593 human F8 Human genes 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 238000006116 polymerization reaction Methods 0.000 description 1
- 229940047431 recombinate Drugs 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明提供一种可视化在线定制方法及系统，所述方法包括：接收在线定制指令，显示在线定制页面；接收页面切取指令，根据页面切取指令对网络页面进行切取，得到网页切片；将网页切片数据发送至服务端；接收应用编辑指令，根据应用编辑指令连接服务端获取网页切片数据；根据网页切片数据生成网页切片，对网页切片进行可视化编辑，得到应用页面。该方法能够提供可视化的编辑环境，降低了开发难度，适合多种类型的用户使用，用户可以简单的将页面直接在页面经行拖拽就能组合成一个新的网络应用，大大节省了开发成本和时间，简化了流程，让生成网络应用更简单快捷，从而满足不同终端网络页面显示的需求，提高用户体验。
Description
技术领域
本发明涉及网络通讯技术领域，特别是指一种可视化在线定制方法及系统。
背景技术
网页浏览器是万维网(Web)服务的客户端浏览程序，可向Web服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。与工作站、PC机相比，移动终端资源相对有限，因此移动终端网页浏览器较工作站、PC机上运行的网页浏览器在开发时更为困难，在功能上有更多限制。正是由于这一原因，目前绝大多数的移动终端内置网页浏览器不能解析执行包含复杂JS(JavaScript，一种基于对象和事件驱动并具有相对安全性的客户端脚本语言)的Web页面，这导致移动终端内置网页浏览器不能正常浏览包含复杂JS的Web页面。
为了解决移动终端内置浏览器不能正常浏览包含复杂JS的Web页面的问题，现有技术中所采用的方法是通过对Web应用进行拆分重组技术，在不修改原页面的情况下，将一个或多个页面中指定的内容裁制出来，形成一个新的页面。但现有技术存在以下缺陷：该技术需要一定的JavaScript、HTML、CSS等知识基础，适用于具有较高专业化培训过的用户使用，而对于新接触的用户或者不具备专业化的Web应用移动化技术的大众客户则无法立即上手，即使裁制一个简单的页面也需要首先花费大量的时间进行培训、学习。
因此，需要提供一种新的解决方案，其能够降低开发难度，适合多种类型的用户使用，特别是能适合非专业的普通大众用户使用，具有简单的操作页面，使得用户直接在操作页面上通过直观的拖拽操作就能组合成一个新的Web应用，从而大大节省了开发成本和时间，简化了流程，让生成Web应用更简单，快捷。
发明内容
本发明提供一种新型的可视化在线定制方法及系统，能够简化定制操作，实现可视化操作，快速生成网络应用。
为解决上述技术问题，本发明的实施例提供一种可视化在线定制方法，所述方法包括：
接收在线定制指令，显示在线定制页面；
接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片；
将网页切片数据发送至服务端；
接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据；
根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。
优选的，所述接收在线定制指令，显示在线定制页面，包括：
接收在线定制指令，获取所述在线定制指令中的身份认证信息；
利用所述身份认证信息进行身份认证，当所述身份认证通过时，显示在线定制页面。
优选的，所述在线定制页面包括原网页编辑区和切片管理区。
优选的，所述页面切取指令包括：页面区域划分指令、页面内容切取指令和页面切片编辑指令。
优选的，接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片，包括：
接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分；
根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片；
根据所述页面切片编辑指令，对所述页面切片进行编辑得到所述网页切片。
优选的，接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分，根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片，包括：
接收用户发出的拖拽操作信息，对原网页进行切取区域划分，对划分的切取区域的页面内容进行切取，得到页面切片，对所述页面切片进行编辑得到所述网页切片。
优选的，所述将网页切片数据发送至服务端，包括：
将网页切片转换为网页切片数据，以JSON字符串形式发送至服务端。
优选的，所述接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据，包括：
接收应用编辑指令，获取所述应用编辑指令中的身份认证信息；
利用所述身份认证信息进行身份认证，当所述身份认证通过时，根据所述应用编辑指令连接所述服务端获取网页切片数据。
优选的，所述根据所述应用编辑指令连接所述服务端获取网页切片数据，包括：
根据所述应用编辑指令向服务端发送网页切片数据获取请求；
接收服务端发送的网页切片数据。
优选的，所述根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面之前，还包括：
根据应用编辑指令显示应用编辑页面，所述应用编辑页面包括页面列表区、页面编辑预览区和网页切片区。
优选的，所述根据所述网页切片数据生成网页切片，包括：
根据所述网页切片数据生成网页切片，并将所述网页切片显示在所述应用编辑页面中的网页切片区；
根据所述应用编辑指令在应用编辑页面的页面编辑预览区进行应用页面编辑预览，并将生成的应用页面显示在页面列表区。
优选的，所述接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据之前，还包括：
接收应用创建指令，根据所述应用创建指令建立应用。
本发明还提供一种可视化在线定制方法，所述方法包括：
接收网页切片数据，将所述网页切片数据保存至数据库中；
接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据。
优选的，所述接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据，包括：
根据所述网页切片数据获取请求，获取所述网页切片数据获取请求中的身份认证信息；
利用所述身份认证信息进行身份认证，当所述身份认证通过时，发送网页切片数据。
本发明还提供一种可视化在线定制系统，所述系统包括：
定制页面显示模块，用于接收在线定制指令，显示在线定制页面；
页面切取模块，用于接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片；
数据发送模块，用于将网页切片数据发送至服务端；
数据获取模块，用于接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据；
应用编辑模块，用于根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。
优选的，所述定制页面显示模块包括：
第一身份认证单元，用于接收在线定制指令，获取所述在线定制指令中的身份认证信息；
定制页面显示单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，显示在线定制页面。
优选的，所述页面切取模块包括：
区域划分单元，用于接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分；
页面切取单元，用于根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片；
切片编辑单元，用于根据所述页面切片编辑指令，对所述页面切片进行编辑得到所述网页切片。
优选的所述区域划分单元包括：
区域划分子单元，用于接收用户发出的拖拽操作信息，根据所述页面区域划分指令对原网页进行切取区域划分；
所述页面切取子单元，用于接收用户发出的拖拽操作信息，对划分的切取区域的页面内容进行切取，得到页面切片；
切片编辑子单元，用于接收用户发出的拖拽操作信息，对所述页面切片进行编辑得到所述网页切片。
优选的，所述数据发送模块包括:
数据发送单元，用于将网页切片转换为网页切片数据，以JSON字符串形式发送至服务端。
优选的，所述数据获取模块包括：
第二身份认证单元，用于接收应用编辑指令，获取所述应用编辑指令中的身份认证信息；
数据获取单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，根据所述应用编辑指令连接所述服务端获取网页切片数据。
优选的，所述数据获取模块包括：
请求发送单元，用于根据所述应用编辑指令向服务端发送网页切片数据获取请求；
数据接收单元，用于接收服务端发送的网页切片数据。
优选的，所述系统还包括：
应用编辑显示模块，用于根据应用编辑指令显示应用编辑页面，所述应用编辑页面包括页面列表区、页面编辑预览区和网页切片区。
优选的，所述应用编辑模块包括：
切片生成单元，用于根据所述网页切片数据生成网页切片，并将所述网页切片显示在所述应用编辑页面中的网页切片区；
应用编辑单元，用于根据所述应用编辑指令在应用编辑页面的页面编辑预览区进行应用页面编辑预览，并将生成的应用页面显示在页面列表区。
优选的，所述系统还包括
应用创建模块，用于接收应用创建指令，根据所述应用创建指令建立应用。
本发明还提供一种可视化在线定制系统，所述系统包括：
数据存储模块，用于接收网页切片数据，将所述网页切片数据保存至数据库中；
数据响应发送模块，用于接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据。
优选的，所述数据响应发送模块包括：
第三身份认证单元，用于根据所述网页切片数据获取请求，获取所述网页切片数据获取请求中的身份认证信息；
数据响应发送子单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，发送网页切片数据。
本发明还提供了一种应用于基于云架构的自适应系统的可视化在线定制模块，所述自适应系统包括以下功能模块：
接入控制模块TailorForwarder:负责HTTP的负载均衡处理，接收移动终端请求，向当前负荷小的TailorWorkHorse节点转发移动终端请求，接收TailorWorkHorse节点处理结果，转发结果信息给移动终端；
可视化定制单元模块VisualTailor:可视化在线定制模块实现可视化地捕获和收集页面中的页面业务功能片段，用户在浏览器上可视化地、方便快捷和直观地实现原Web系统的页面上功能二次重组生成新的Web应用；
集成开发模块TailorIDE:提供Tailor工程集成开发环境，实现工程创建、管理WebApp工程及相关资源，拥有支持JS、HTML、CSS、JSON和这几种的混合代码进行着色显示的功能；Tailor IDE还实现WebApp工程和TailorServer集成调试器在IDE中的启动、暂停和停止；
Web页面动态解析引擎/动态解析服务器模块TailorWorkHorse：TailorWorkHorse提供Web页面动态解析服务，可以无限扩展的TailorWorkHorse运行节点构成；
工程存储节点模块StoreWorkHorse：负责数据分布式数据存储和检索，可以由无限扩展的StoreWorkHorse存储节点构成，负责存储Tailor工程信息、Web模块库和工程授权等管理信息；
工程空间模块TailorWorkspace：负责Tailor工程的存储和检索；
用户自助服务管理模块：实现用户自助的业务监控和系统监控，以及业务管理和系统管理服务；
运营管理平台模块：实现企业注册管理和整个平台业务和系统运行状态监控和管理。
进一步的，所述TailorForwarder承担两项功能，一是完成用户与web页面动态解析服务引擎TailorWorkHorse之间用户请求与请求结果的信息交互，二是平衡多个web页面动态解析服务引擎的压力，实现负载均衡。
进一步的，在平衡多个web页面动态解析引擎的压力过程中，TailorForwarder会定时轮询云架构中所有web页面动态解析引擎的状态，判断每个web页面动态解析引擎的负荷大小，并将新的用户请求发送给负荷小的web页面动态解析引擎，从而实现负载均衡。
进一步的，所述可视化在线定制模块主要由TailorIDEPlug和TailorIDEService构成，通过TailorIDEPlug和TailorIDEService相互协作完成可视化在线定制页面，其中：
TailorIDEPlug主要负责实现可视化地实现Web切片的切取、加工、组合等处理活动；
TailorIDEService主要负责Web切片的存储和管理。
本发明同时还提供了一种可视化在线定制方法，其通过上述自适应系统中的可视化在线定制模块实现，该方法包括以下步骤：
步骤1：在TailorIDEPlug中输入需要裁制的原网站地址；
步骤2：TailorIDEPlug利用浏览器插件技术对网页可视化地捕获和收集页面中的页面业务功能片段，形成一个个Web切片；
步骤3：对Web切片提供模板支持，布局、样式等具体设置过程，具体包括：
通过TairlorWorkSpace调取WebApp云储存结构中的Web模板库，为TailorIDEPlug提取的Web切片提供模板支持；
通过TailorIDEPlug提供的集成设置环境，对感兴趣的Web切片通过选择Web模板，设置Web切片的布局、样式等；
步骤4：将设置好的Web切片通过TairlorIDEService调取TairlorWorkHorse引擎进行调试，查看Web切片手机端运行效果，如果不满意，还可以通过返回步骤3进行重新设置；如果满意Web切片效果，执行步骤5保存切片。
步骤5：将设置好的Web切片发送给TairlorWorkHorse进行保存，具体包括：
TairlorWorkHorse接收需要保存的Web切片信息，并将其保存在WebApp云储存结构中的Web切片库中；存于Web切片库的Web切片，可以用做WebApp工程的部件进行装配、集成和运行，但是不能单独作为应用通过外网被用户访问和使用；
步骤6：用户可以在WebApp工程对已经设置好的Web切片进行装配、集成，形成工程中的应用，所述应用为一个网页或者其他应用，所述WebApp工程是可以直接被用户通过外网访问的应用；
步骤7：将设置好的WebApp工程通过TairlorIDEService调取TairlorWorkHorse引擎进行调试，查看WebApp工程手机端运行效果，如果不满意，还可以通过返回步骤6进行重新设置；如果满意WebApp工程效果，执行步骤8保存工程；
步骤8：将设置好的WebApp工程发送给TairlorWorkHorse进行保存；TairlorWorkHorse接收需要保存的Web工程信息，并将其保存在WebApp云储存结构中的StoreWorkHorse工程节点库中。
本发明的上述技术方案至少实现了以下有益效果：
通过根据所述页面切取指令对网络页面进行切取，得到网页切片并根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。能够提供可视化的编辑环境，降低了开发难度，适合多种类型的用户使用，特别是能适合非专业的普通大众用户使用，用户可以简单的将页面直接在页面经行拖拽就能组合成一个新的网络应用，大大节省了开发成本和时间，简化了流程，让生成网络应用更简单快捷，从而满足不同终端网络页面显示的需求，提高用户体验。
附图说明
图1A为本发明实施例1的可视化在线定制方法流程图；
图1B-1D为本发明实施例1的可视化在线定制方法各子步骤逻辑流程图；
图2为本发明实施例2的可视化在线定制方法流程图；
图3为本发明实施例3的可视化在线定制系统结构框图；
图4为本发明实施例4的可视化在线定制系统结构框图；
图5为本发明实施例4的可视化在线定制系统的另一结构框架图；
图6为本发明的可视化原型设计切片页的示意图；
图7为本发明的可视化原型设计应用管理页的示意图；
图8为本发明的可视化原型设计组装页的示意图；
图9为本发明实施例4的基于云架构的自适应系统的结构框图。
图10为本发明实施例4的基于云架构的自适应系统的方法流程图。
图11为本发明实施例4的基于云架构的自适应系统的可视化在线定制模块的工作原理示意图。
图12为本发明实施例4的基于云架构的自适应系统的集成开发模块的工作原理示意图。
图13为本发明实施例4的基于云架构的自适应系统的集成开发模块的工程调试工作原理示意图。
图14为本发明实施例4的基于云架构的自适应系统的动态解析服务器模块的工作原理示意图。
具体实施方式
为使本发明要解决的技术问题、技术方案和优点更加清楚，下面将结合附图及具体实施例进行详细描述。需要声明的是，下述的具体实施例仅仅是示意性说明，除非有特别说明，本申请的不同实施例以及各个实施例中的不同优化手段、即便没有在同一实施例中阐述，也应该被理解成能够被应用于在这里描述的任何其它方面、实施例或者例子，除非与之不相容或在本文中被明确地排除在外，否则本申请所有没有穷尽的实施方式之间的组合或子组合都是在本发明的记载及保护范围内。以下将结合说明书及附图详细阐述本发明主旨及其优选实施方式。
实施例1
如图1A-1D所示，本发明实施例的一种可视化在线定制方法，所述方法包括：
步骤101：接收在线定制指令，显示在线定制页面。
其中，所述在线定制页面可以包括原网页编辑区和切片管理区。所述接收在线定制指令，显示在线定制页面，可以包括：
接收在线定制指令，获取所述在线定制指令中的身份认证信息；
利用所述身份认证信息进行身份认证，当所述身份认证通过时，显示在线定制页面。
本实施例中，通过显示在线定制页面提高了在线定制的直观性，用户可以直接在在线定制页面上进行定制操作，通过对在线定制指令中的身份认证信息进行认证能够有效提高再行定制的安全性。
步骤102：接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片。
其中，所述页面切取指令可以包括：页面区域划分指令、页面内容切取指令和页面切片编辑指令。接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片，包括：
接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分；根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片；根据所述页面切片编辑指令，对所述页面切片进行编辑得到所述网页切片。优选的，可以接收用户发出的拖拽操作信息，对原网页进行切取区域划分，对划分的切取区域的页面内容进行切取，得到页面切片，对所述页面切片进行编辑得到所述网页切片。
本实施例中，用户可以方便直观的通过拖拽等操作快速选取原网络页面内容并进行网络截取，获得网络切片。
步骤103：将网页切片数据发送至服务端。
其中，可以将网页切片转换为网页切片数据，以JSON字符串形式发送至服务端。
进一步的，通过在浏览器的页面中进行拖曳操作，将页面内容拖曳到切片区域后，该网页切片在切片区域经过行处理后转化为网页切片数据，并以JSON字符串形式发送至服务端。
本实施例中，通过将网页切片转换为网页切片数据并发送给服务器，能够有效减小浏览器的数据存储量，并保证网页切片数据的完整性和安全性。
步骤104：接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据。
其中，可以接收应用编辑指令，获取所述应用编辑指令中的身份认证信息；利用所述身份认证信息进行身份认证，当所述身份认证通过时，根据所述应用编辑指令连接所述服务端获取网页切片数据。具体的，根据所述应用编辑指令向服务端发送网页切片数据获取请求；接收服务端发送的网页切片数据。
本实施例中，通过连接服务端获取网页切片数据，能够保证用户随时随地的进行应用编辑，提高了再行定制的移动性。
优选的，所述根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面之前，还包括：根据应用编辑指令显示应用编辑页面，所述应用编辑页面包括页面列表区、页面编辑预览区和网页切片区。
步骤105：根据获得的所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。
其中，可以根据获得的所述网页切片数据生成网页切片，并将所述网页切片显示在所述应用编辑页面中的网页切片区；根据所述应用编辑指令在应用编辑页面的页面编辑预览区进行应用页面编辑预览，并将生成的应用页面显示在页面列表区。
优选的还可以对生成的网络切片进行分析、跟踪捕获和定位，从而提高应用编辑的效率。
本实施例中，可以在浏览器中安装可视化在线定制插件来实现可视化在线定制方法，当可视化在线定制插件启动和激活时，可视化在线定制插件对浏览器显示区域实现重新划分区域。
优选的，所述接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据之前，还包括：
接收应用创建指令，根据所述应用创建指令建立应用。
具体的，步骤102的逻辑流程图如图1B所示，接收页面切取指令后进入步骤1101，输入用户名、密码进行身份认证：若验证通过，则执行步骤1102开始在页面选择切片，完成后执行步骤1103对切片进行编辑加工，再执行步骤1104输入切片信息，接着执行步骤1105保存切片信息，最后结束；若验证失败，则执行步骤1106给出错误提示，用户自行决定是否再次验证，如果是，则回到步骤1101，如果否则直接结束。
步骤105的逻辑流程图如图1C所示，接收应用编辑指令后进入步骤1201，输入用户名、密码进行身份认证：若验证通过，则执行步骤1202选择需要编辑的应用，然后执行步骤1203对该应用中的某页面进行编辑，之后执行步骤1204将切片拖拽到页面上，接着执行步骤1205输入该页面数据相关信息，之后执行步骤1206将页面数据进行保存，最后结束；若验证失败，则执行步骤1207给出错误提示，用户自行决定是否再次验证，如果是，则回到步骤1201，如果否则直接结束。
步骤接收应用创建指令，根据所述应用创建指令建立应用的逻辑流程图如图1D所示，接收应用创建指令后进入步骤1301，输入用户名、密码进行身份认证：若验证通过，则执行步骤1302输入应用信息，然后执行1303保存应用数据，最后结束；若验证失败，则执行步骤1304给出错误提示，用户自行决定是否再次验证，如果是，则回到步骤1301，如果否则直接结束。
本发明实施例的可视化在线定制方法，通过根据所述页面切取指令对网络页面进行切取，得到网页切片并根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。参见图6-8所示，即示意图了一个简单的PC端的普通Web网页如何通过该可视化在线定制方法生成的手机端的App应用。
本发明实施例的可视化在线定制方法，能够提供可视化的编辑环境，降低了开发难度，适合多种类型的用户使用，特别是能适合非专业的普通大众用户使用，用户可以简单的将页面直接在页面经行拖拽就能组合成一个新的网络应用，大大节省了开发成本和时间，简化了流程，让生成网络应用更简单快捷，从而满足不同终端网络页面显示的需求，提高用户体验。
实施例2
如图2所示，本发明实施例的一种可视化在线定制方法，所述方法包括：
步骤201：接收网页切片数据，将所述网页切片数据保存至数据库中。
步骤202：接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据。
其中，所述接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据，包括：
根据所述网页切片数据获取请求，获取所述网页切片数据获取请求中的身份认证信息；
利用所述身份认证信息进行身份认证，当所述身份认证通过时，发送网页切片数据。
本实施例中，通过接收网页切片数据，并保存在数据库中能够有效保证网页切片数据的完整性和安全性，根据所述网页切片数据获取请求发送网页切片数据，能够有效提高移动性，方便用户的使用。
实施例3
如图3所示，本发明实施例的一种可视化在线定制系统，所述系统包括：
定制页面显示模块301，用于接收在线定制指令，显示在线定制页面；
页面切取模块302，用于接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片；
数据发送模块303，用于将网页切片数据发送至服务端；
数据获取模块304，用于接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据；
应用编辑模块305，用于根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。
优选的，所述定制页面显示模块包括：
第一身份认证单元，用于接收在线定制指令，获取所述在线定制指令中的身份认证信息；
定制页面显示单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，显示在线定制页面。
优选的，所述页面切取模块包括：
区域划分单元，用于接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分；
页面切取单元，用于根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片；
切片编辑单元，用于根据所述页面切片编辑指令，对所述页面切片进行编辑得到所述网页切片。
优选的所述区域划分单元包括：
区域划分子单元，用于接收用户发出的拖拽操作信息，根据所述页面区域划分指令对原网页进行切取区域划分；
所述页面切取子单元，用于接收用户发出的拖拽操作信息，对划分的切取区域的页面内容进行切取，得到页面切片；
切片编辑子单元，用于接收用户发出的拖拽操作信息，对所述页面切片进行编辑得到所述网页切片。
优选的，所述数据发送模块包括:
数据发送单元，用于将网页切片转换为网页切片数据，以JSON字符串形式发送至服务端。
优选的，所述数据获取模块包括：
第二身份认证单元，用于接收应用编辑指令，获取所述应用编辑指令中的身份认证信息；
数据获取单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，根据所述应用编辑指令连接所述服务端获取网页切片数据。
优选的，所述数据获取模块包括：
请求发送单元，用于根据所述应用编辑指令向服务端发送网页切片数据获取请求；
数据接收单元，用于接收服务端发送的网页切片数据。
优选的，所述系统还包括：
应用编辑显示模块，用于根据应用编辑指令显示应用编辑页面，所述应用编辑页面包括页面列表区、页面编辑预览区和网页切片区。
优选的，所述应用编辑模块包括：
切片生成单元，用于根据所述网页切片数据生成网页切片，并将所述网页切片显示在所述应用编辑页面中的网页切片区；
应用编辑单元，用于根据所述应用编辑指令在应用编辑页面的页面编辑预览区进行应用页面编辑预览，并将生成的应用页面显示在页面列表区。
优选的，所述系统还包括
应用创建模块，用于接收应用创建指令，根据所述应用创建指令建立应用。
如图4所示，本发明实施例的一种可视化在线定制系统，所述系统包括：
数据存储模块401，用于接收网页切片数据，将所述网页切片数据保存至数据库中；
数据响应发送模块402，用于接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据。
优选的，所述数据响应发送模块包括：
第三身份认证单元，用于根据所述网页切片数据获取请求，获取所述网页切片数据获取请求中的身份认证信息；
数据响应发送子单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，发送网页切片数据。
实施例4
优选的，本发明实施例的可视化在线定制系统，其定制框架结构还可以如图5所示，本领域技术人员可以根据需要进行设置。
本发明实施例中的可视化在线定制(TailorIDEPlug)系统可以作为浏览器中的插件形式存在，当可视化在线定制插件(TailorIDEPlug)启动和激活时，可视化在线定制插件对浏览器显示区域实现重新划分区域，该系统包括以下功能模块并实现以下功能：
1、裁制页面设置模块：根据用户的可视化操作实现页面的自由裁制，具体包括：
1.1工具条区设置模块：用于放置切片操作选项按钮；
1.2原页面显示区设置模块：用于显示原页面内容和跟踪分析原页面结构；
1.3切片加工区设置模块：将裁制的切片进行加工、处理；
2、应用管理页面设置模块：用于管理应用页面、实现应用预览和应用编辑，具体包括：
2.1应用预览区设置模块：用于预览应用在手机上的大致效果；
2.2应用操作工具条：用于放置对应用进行编辑的操作按钮；
3、应用组装页面设置模块：用于组装应用页面，具体包括：
3.1页面列表区设置模块：用于显示当前应用所有的页面；
3.2页面编辑/预览区设置模块：用于显示对指定页面经行编辑、预览；
3.3切片列表区设置模块：用于显示当前账户所有的切片。
优选的，本发明实施例的可视化在线定制系统，可以作为一种子系统(或可视化在线定制模块)应用在一个基于云架构的自适应系统中，所述自适应系统结构如图9所示，所述的基于云架构的自适应系统为该图9中的Tailor平台云服务，其包括以下功能模块：
TailorForwarder，VisualTailor,TailorIDE,TailorWorkspace，TailorWorkHorse，StoreWorkHorse以及服务管理和运营管理平台。
其中各功能模块的功能如下：
TailorForwarder(接入控制模块):负责HTTP的负载均衡处理，接收移动终端请求，向当前负荷小的TailorWorkHorse节点转发移动终端请求，接收TailorWorkHorse节点处理结果，转发结果信息给移动终端。
TailorForwarder承担两项功能，一是完成用户与TailorWorkHorse(web页面动态解析引擎)之间用户请求与请求结果的信息交互，二是平衡多个web页面动态解析服务的压力，实现负载均衡。
在平衡多个web页面动态解析引擎的压力过程中，TailorForwarder会定时轮询云架构中所有web页面动态解析引擎的状态，判断每个web页面动态解析引擎的负荷大小，并将新的用户请求发送给负荷小的web页面动态解析引擎，从而实现负载均衡。
VisualTailor(可视化定制单元模块):可视化在线定制是采用浏览器插件技术实现可视化地捕获和收集页面中的页面业务功能片段，用户在浏览器上可视化地、方便快捷和直观地实现原Web系统的页面上功能二次重组生成新的Web应用。
TailorIDE(集成开发模块):是一个基于TailorServer和eclipse构建的JavaScript程序开发EclipsePlugin集成开发环境,设计支持Eclipse3.5及以上版本。TailorIDE是一个Tailor工程集成开发环境，能够创建、管理WebApp工程及相关资源，拥有支持JS、HTML、CSS、JSON和这几种的混合代码进行着色显示；TailorIDE还为WebApp工程和TailorServer集成调试器可以在IDE中启动、暂停和停止。能够在云计算环境中测试和部署你的代码，它还可以连到远程工作台。使用对象群体为Tailor工程开发人员。
TailorWorkHorse(Web页面动态解析引擎/动态解析服务器模块)：TailorWorkHorse提供Web页面动态解析服务，可以无限扩展的TailorWorkHorse运行节点构成。
StoreWorkHorse(工程存储节点模块)：负责数据分布式数据存储和检索，可以由无限扩展的StoreWorkHorse存储节点构成，负责存储Tailor工程信息、Web模块库和工程授权等管理信息。
TailorWorkspace(工程空间模块)：负责Tailor工程的存储和检索。
用户自助服务管理：用户应用Tailor的自助的业务监控和系统监控，以及业务管理和系统管理服务。
运营管理平台模块：实现企业注册管理和整个平台业务和系统运行状态监控和管理。
图9所示的Tailor平台云服务框架是满足未来超大规模的Tailor服务群业务需求发展需要而设计的架构，包括能支持企业客户业务需要和大众用户日常生活活动需要，能很好地运行、发布和管理企业客户和大众用户的WebApp。企业客户和大众用户在利用Tailor平台云服务框架使用自己的WebAPP时，需要经过注册、审批、授权、工程定制、工程保存、工程运行、工程管理等多个步骤，具体流程参见图10，此处不再一一赘述。
作为可视化在线定制模块的另外一实施例而言，所述VisualTailor(可视化在线定制模块)是采用浏览器插件技术实现可视化地捕获和收集页面中的页面业务功能片段，用户在浏览器上可视化地、方便快捷和直观地实现原Web系统的页面上功能二次重组生成新的Web应用。
按照WEB页面中是否含有浏览器执行脚本，WEB页面可分为静态页面和动态页面。浏览器插件技术采用HTML标记识别方法读取静态页面中的主体内容及其内部包含的超链接网络地址，采用动态解析技术读取动态页面中的浏览器执行脚本(比如JavaScript脚本等)，再通过代码抽取和重组，从而实现捕获和收集页面中的页面业务功能片段。
VisualTailor可视化在线定制的工作原理如图11所示，可视化在线定制主要由TailorIDEPlug和TailorIDEService构成。通过TailorIDEPlug和TailorIDEService相互协作完成可视化在线定制页面。
TailorIDEPlug主要负责实现可视化地实现Web切片的切取、加工、组合等处理活动。
TailorIDEService主要负责Web切片的存储和管理。
参见VisualTailor可视化在线定制模块的处理流程图12所示，该在线定制模块的工作流程具体如下：
步骤1：在TailorIDEPlug中输入需要裁制的原网站地址；
步骤2：TailorIDEPlug利用浏览器插件技术对网页可视化地捕获和收集页面中的页面业务功能片段，形成一个个Web切片；
步骤3：对Web切片提供模板支持，布局、样式等具体设置过程，具体包括：
通过TairlorWorkSpace调取WebApp云储存结构中的Web模板库，为TailorIDEPlug提取的Web切片提供模板支持；
通过TailorIDEPlug提供的集成设置环境，对感兴趣的Web切片通过选择Web模板，设置Web切片的布局、样式等；
步骤4：将设置好的Web切片通过TairlorIDEService调取TairlorWorkHorse引擎进行调试，查看Web切片手机端运行效果，如果不满意，还可以通过返回步骤3进行重新设置；如果满意Web切片效果，执行步骤5保存切片。
步骤5：将设置好的Web切片发送给TairlorWorkHorse进行保存，具体包括：
TairlorWorkHorse接收需要保存的Web切片信息，并将其保存在WebApp云储存结构中的Web切片库中。存于Web切片库的Web切片，可以用做WebApp工程的部件进行装配、集成和运行，但是不能单独作为应用通过外网被用户访问和使用。
步骤6：用户可以在WebApp工程对已经设置好的Web切片进行装配、集成，形成工程中的应用(一个网页或者其他)。
WebApp工程是可以直接被用户通过外网访问的应用。
步骤7：将设置好的WebApp工程通过TairlorIDEService调取TairlorWorkHorse引擎进行调试，查看WebApp工程手机端运行效果，如果不满意，还可以通过返回步骤6进行重新设置；如果满意WebApp工程效果，执行步骤8保存工程。
步骤8：将设置好的WebApp工程发送给TairlorWorkHorse进行保存；TairlorWorkHorse接收需要保存的Web工程信息，并将其保存在WebApp云储存结构中的StoreWorkHorse工程节点库中。
TailorIDE(集成开发模块)是一个Eclipse的插件提供完全的Tailor工程集成开发环境，使标准开发功能的Tailor资源验证代码的帮助，搜索类型，语法和语义，类型的轮廓和层次结构，调用链，重构和更多。
TailorIDE提供WebApp工程的创建、编辑、模板设置、集成装配、调试、管理和部署等功能。
参见TailorIDE工作的原理流程图12可知，所述TailorIDE(集成开发模块)的工作流程具体如下：
步骤1：用户输入用户名登录TailorIDE；
步骤2：TailorIDEService将TailorIDE发送过来的工程账号发送给TairlorWorkSpace；
2.1通过TairlorWorkSpace调取WebApp云储存结构中的用户库，将用户的工程资源信息通过TailorIDEService发送给TailorIDE，供用户管理自己的工程资源。
步骤3：用户在TailorIDE中创建或者编辑自己的WebApp工程；
通过TailorIDEPlug提供的集成设置环境，对感兴趣的Web切片通过选择Web模板，设置Web切片的布局、样式等；
步骤4：
4.1TairlorIDEService通过TairlorWorkSpace调取WebApp云储存结构中的Web模板库，以及从Web切片库中调取用户自己的Web切片信息，为TairlorIDE集成开发环境提供丰富的WebUI模板，以及用户已经存储的Web切片。
4.2用户在TailorIDE集成开发环境中对Web切片、页面等进行代码开发，也可以使用UI模板配置工程页面，完成后，通过工程调试查看工程页面效果。
步骤5：将设置好的工程页面通过TairlorIDEService调取TairlorWorkHorse引擎进行调试，查看工程页面手机端运行效果，如果不满意，还可以通过返回步骤4进行重新设置；如果满意工程页面效果，执行步骤6保存工程。
步骤6：将设置好的工程发送给TairlorWorkHorse进行保存；
6.1TairlorWorkHorse接收需要保存的工程信息，并将其保存在WebApp云储存结构中的StoreWorkHorse工程节点库中。WebApp工程是可以直接被用户通过外网访问的应用。
步骤7：用户可以在TailorIDE集成开发环境中对WebApp工程进行相关文件资源的组织管理，工程文件版本管理，工程部署管理，工程权限控制管理等管理。
步骤8：将设置好的WebApp工程管理部署信息发送给TairlorWorkHorse进行保存；
8.1TairlorWorkHorse接收需要保存的Web工程管理部署信息，并将其保存在WebApp云储存结构中的StoreWorkHorse工程节点库中。
TailorIDE(集成开发模块)的主要功能包括：
提供工程编辑：工程开发能够创建、编辑Tailor工程及相关资源，拥有支持JS、HTML、CSS、JSON和这几种的混合代码进行语法提示、自动补全、高亮、编辑纠错等编辑处理。
提供工程模板：平台商提供丰富的WebUI模板库，让工程人员根据项目情况，选用合适WebUI模板，生成项目WebUI结构框架，让工程人员快速搭建起移动Web应用。
工程管理和部署：工程管理能完成Tailor工程相关文件资源的组织管理，工程文件版本管理，能完成企业内部工程协作开发，工程部署工作，能支撑和管理多个企业的工程权限控制管理，也能支持集成商内部的工程权限控制管理。
工程调试：TailorIDE调试插件与TailorWorkHorse之间的调试接口是建立在TCP通讯基础上的JSON调试通信协议，能通过TailorIDE远程调试TailorWorkHorse上运行的Tailor工程代码，远程调试技术模式为IDE平台与云计算奠定通信基础。
工程调试的具体工作原理参见图13，此处不再一一赘述。
TailorWorkspace负责Tailor工程的存储和检索，以及工程资源权限控制访问。
TailorWorkspace工作流程参见图14，具体过程如下：
TailorIDE通过TailorWorkspace访问自己权限范围内的Tailor工程资源文件，创建和管理自己的Tailor工程资源文件，为TailorIDE提供丰富的UI模板库，编辑、保存、管理和部署工程信息。
VisualTailor可视化定制通过TailorWorkspace访问自己的资源文件，创建和加工自己的Web切片，为可视化提供丰富的UI模板库，对装配集成后的Web切片工程信息提供保存。
TailorWorkHorse通过TailorWorkspace调用Tailor工程资源文件完成页面动态解析，支撑WebApp用户访问。
TailorWorkHorse Web动态解析引擎具有分布式运算服务功能，TailorWorkHorse提供Web页面动态解析服务，可以无限扩展的TailorWorkHorse运行节点。
TailorWorkHorse Web动态解析引擎实现Web内容的解析、加工和聚合裁制处理功能，能无缝地把各类企业业务系统或者互联网应用信息有机地聚合在一起，并延伸到移动设备上应用。Web动态解析引擎能根据工程文件中的指令要求解析执行原始的Web系统输出适合手机操内置浏览器或Hybrid客户端运行的页面自适应的WebApp。
TailorWorkHorse Web动态解析引擎由javascript解析器、CSS解析器、html解析器、Cookie&Session管理、HttpFetcher等部分组成。
StoreWorkHors工程存储节点具有分布式数据存储和检索功能，用户可以根据整个分布式数据存储和检索运行负荷，可以无限扩展的StoreWorkHorse节点，负责存储Tailor工程信息和工程运行状态信息，负责存储工程业务信息和系统信息，负责存储工程帐号信息和工程资源信息。
管理平台分为两类：管理整个平台运营的运营管理平台和企业管理自己业务运行的用户自助服务管理平台业务。
运营管理平台：运营管理平台管理整个平台运营。运营管理平台是由整个Tailor云平台服务运营商负责使用，提供用户注册信息的审批、用户工程资源信息的分配授权、用户工程资源业务运行监控管理以及运营管理平台人员管理等功能。它保证整个Tailor云平台能够正常的支撑所有用户工程的创建、维护、运行、监控等。具体包括以下功能模块并分别实现以下功能：
企业引入审批：实现引入的企业资质审批处理功能；
企业管理：企业管理实现企业注册,企业查询，企业修改功能；
人员管理：实现使用集中管理平台的人员管理；
业务监控：实现各企业业务运行状态监控；
系统监控：实现硬件系统，操作系统，支撑平台和业务平台监控。
用户自助服务管理平台：
用户自助服务管理为大众用户、企业用户、工程技术人员提供注册、资料管理、服务申请、用户管理、工程管理、业务监控、业务统计分析等功能。用户通过注册、资料管理、服务申请向运营管理平台发出使用平台创建WebApp工程申请。在运营管理者通过审批后，用户可以得到自己的工程资源空间，用户可以在工程资源空间中创建、编辑、调试、保存自己的WebAPP工程，并通过自助服务对WebAPP工程的运行就行监控、业务统计分析等。具体包括以下功能模块并分别实现以下功能：
用户注册管理：如果运营管理平台没有用户的注册资料，就需要用户在集中服务管理平台门户注册自己的信息。当注册用户的成功时候，系统默认生成一个管理员帐号,管理员帐号信息为：管理员帐号:admin,管理员帐号密码：123。当用户第一次用默认管理员帐号登录系统时，登录成功后要修改自己的密码，以便保护自己公司的信息安全。
用户资料管理：用户可以查看用户基本信息，用户资质文件，用户审批状态和用户审批记录资质文件。用户可以修改用户基本信息；
服务申请：当用户注册成功后可以申请服务，只有用户注册成功后才能申请服务；
用户用户管理：用户通过平台可以自主管理自己工程人员信息；
工程管理：实现工程资源的管理和权限分配；
业务监控：实现用户业务使用状态的监控管理；
业务统计分析：实现用户业务统计分析管理。
本发明实施例的可视化在线定制系统，采用的方法为可视化在线定制方法，因此可视化在线定制系统的特征与可视化在线定制方法相同，在此不再赘述。
以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明所述原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。
Claims (32)
1.一种可视化在线定制方法，其特征在于，所述方法包括：
接收在线定制指令，显示在线定制页面；
接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片；
将网页切片数据发送至服务端；
接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据；
根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。
2.根据权利要求1所述的可视化在线定制方法，其特征在于，所述接收在线定制指令，显示在线定制页面，包括：
接收在线定制指令，获取所述在线定制指令中的身份认证信息；
利用所述身份认证信息进行身份认证，当所述身份认证通过时，显示在线定制页面。
3.根据权利要求1所述的可视化在线定制方法，其特征在于，所述在线定制页面包括原网页编辑区和切片管理区。
4.根据权利要求1所述的可视化在线定制方法，其特征在于，所述页面切取指令包括：页面区域划分指令、页面内容切取指令和页面切片编辑指令。
5.根据权利要求4所述的可视化在线定制方法，其特征在于，接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片，包括：
接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分；
根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片；
根据所述页面切片编辑指令，对所述页面切片进行编辑得到所述网页切片。
6.根据权利要求5所述的可视化在线定制方法，其特征在于，接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分，根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片，根据所述页面切片编辑指令，对所述页面切片进行编辑得到所述网页切片，包括：
接收用户发出的拖拽操作信息，对原网页进行切取区域划分，对划分的切取区域的页面内容进行切取，得到页面切片，对所述页面切片进行编辑得到所述网页切片。
7.根据权利要求1所述的可视化在线定制方法，其特征在于，所述将网页切片数据发送至服务端，包括：
将网页切片转换为网页切片数据，以JSON字符串形式发送至服务端。
8.根据权利要求1所述的可视化在线定制方法，其特征在于，所述接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据，包括：
接收应用编辑指令，获取所述应用编辑指令中的身份认证信息；
利用所述身份认证信息进行身份认证，当所述身份认证通过时，根据所述应用编辑指令连接所述服务端获取网页切片数据。
9.根据权利要求1所述的可视化在线定制方法，其特征在于，所述根据所述应用编辑指令连接所述服务端获取网页切片数据，包括：
根据所述应用编辑指令向服务端发送网页切片数据获取请求；
接收服务端发送的网页切片数据。
10.根据权利要求1所述的可视化在线定制方法，其特征在于，所述根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面之前，还包括：
根据应用编辑指令显示应用编辑页面，所述应用编辑页面包括页面列表区、页面编辑预览区和网页切片区。
11.根据权利要求10所述的可视化在线定制方法，其特征在于，所述根据所述网页切片数据生成网页切片，包括：
根据所述网页切片数据生成网页切片，并将所述网页切片显示在所述应用编辑页面中的网页切片区；
根据所述应用编辑指令在应用编辑页面的页面编辑预览区进行应用页面编辑预览，并将生成的应用页面显示在页面列表区。
12.根据权利要求1至11任意一项所述的可视化在线定制方法，其特征在于，所述接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据之前，还包括：
接收应用创建指令，根据所述应用创建指令建立应用。
13.一种可视化在线定制方法，其特征在于，所述方法包括：
接收网页切片数据，将所述网页切片数据保存至数据库中；
接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据。
14.根据权利要求13所述的可视化在线定制方法，其特征在于，所述接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据，包括：
根据所述网页切片数据获取请求，获取所述网页切片数据获取请求中的身份认证信息；
利用所述身份认证信息进行身份认证，当所述身份认证通过时，发送网页切片数据。
15.一种可视化在线定制系统，其特征在于，所述系统包括：
定制页面显示模块，用于接收在线定制指令，显示在线定制页面；
页面切取模块，用于接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片；
数据发送模块，用于将网页切片数据发送至服务端；
数据获取模块，用于接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据；
应用编辑模块，用于根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。
16.根据权利要求15所述的可视化在线定制系统，其特征在于，所述定制页面显示模块包括：
第一身份认证单元，用于接收在线定制指令，获取所述在线定制指令中的身份认证信息；
定制页面显示单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，显示在线定制页面。
17.根据权利要求15所述的可视化在线定制系统，其特征在于，所述页面切取模块包括：
区域划分单元，用于接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分；
页面切取单元，用于根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片；
切片编辑单元，用于根据所述页面切片编辑指令，对所述页面切片进行编辑得到所述网页切片。
18.根据权利要求15所述的可视化在线定制系统，其特征在于，所述区域划分单元包括：
区域划分子单元，用于接收用户发出的拖拽操作信息，根据所述页面区域划分指令对原网页进行切取区域划分；
所述页面切取子单元，用于接收用户发出的拖拽操作信息，对划分的切取区域的页面内容进行切取，得到页面切片；
切片编辑子单元，用于接收用户发出的拖拽操作信息，对所述页面切片进行编辑得到所述网页切片。
19.根据权利要求15所述的可视化在线定制系统，其特征在于，所述数据发送模块包括:
数据发送单元，用于将网页切片转换为网页切片数据，以JSON字符串形式发送至服务端。
20.根据权利要求15所述的可视化在线定制系统，其特征在于，所述数据获取模块包括：
第二身份认证单元，用于接收应用编辑指令，获取所述应用编辑指令中的身份认证信息；
数据获取单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，根据所述应用编辑指令连接所述服务端获取网页切片数据。
21.根据权利要求15所述的可视化在线定制系统，其特征在于，所述数据获取模块包括：
请求发送单元，用于根据所述应用编辑指令向服务端发送网页切片数据获取请求；
数据接收单元，用于接收服务端发送的网页切片数据。
22.根据权利要求15所述的可视化在线定制系统，其特征在于，所述系统还包括：
应用编辑显示模块，用于根据应用编辑指令显示应用编辑页面，所述应用编辑页面包括页面列表区、页面编辑预览区和网页切片区。
23.根据权利要求22所述的可视化在线定制系统，其特征在于，所述应用编辑模块包括：
切片生成单元，用于根据所述网页切片数据生成网页切片，并将所述网页切片显示在所述应用编辑页面中的网页切片区；
应用编辑单元，用于根据所述应用编辑指令在应用编辑页面的页面编辑预览区进行应用页面编辑预览，并将生成的应用页面显示在页面列表区。
24.根据权利要求15至23任意一项所述的可视化在线定制系统，其特征在于，所述系统还包括
应用创建模块，用于接收应用创建指令，根据所述应用创建指令建立应用。
25.一种可视化在线定制系统，其特征在于，所述系统包括：
数据存储模块，用于接收网页切片数据，将所述网页切片数据保存至数据库中；
数据响应发送模块，用于接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据。
26.根据权利要求25所述的可视化在线定制系统，其特征在于，所述数据响应发送模块包括：
第三身份认证单元，用于根据所述网页切片数据获取请求，获取所述网页切片数据获取请求中的身份认证信息；
数据响应发送子单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，发送网页切片数据。
27.一种可视化在线定制系统，其特征在于，所述系统包括：
裁制页面设置模块：根据用户的可视化操作实现页面的自由裁制，具体包括以下子模块：
工具条区设置模块：用于放置切片操作选项按钮；
原页面显示区设置模块：用于显示原页面内容和跟踪分析原页面结构；
切片加工区设置模块：将裁制的切片进行加工、处理；
应用管理页面设置模块：用于管理应用页面、实现应用预览和应用编辑，具体包括以下子模块：
应用预览区设置模块：用于预览应用在手机上的大致效果；
应用操作工具条：用于放置对应用进行编辑的操作按钮；
应用组装页面设置模块：用于组装应用页面，具体包括以下子模块：
页面列表区设置模块：用于显示当前应用所有的页面；
页面编辑/预览区设置模块：用于显示对指定页面经行编辑、预览；
切片列表区设置模块：用于显示当前账户所有的切片。
28.一种可视化在线定制模块，其应用于基于云架构的自适应系统中，所述自适应系统包括以下功能模块：
接入控制模块Tai lorForwarder:负责HTTP的负载均衡处理，接收移动终端请求，向当前负荷小的Tai lorWorkHorse节点转发移动终端请求，接收Tai lorWorkHorse节点处理结果，转发结果信息给移动终端；
可视化定制单元模块VisualTai lor:可视化在线定制模块实现可视化地捕获和收集页面中的页面业务功能片段，用户在浏览器上可视化地、方便快捷和直观地实现原Web系统的页面上功能二次重组生成新的Web应用；
集成开发模块Tailor IDE：提供Tailor工程集成开发环境，实现工程创建、管理WebApp工程及相关资源，拥有支持JS、HTML、CSS、JSON和这几种的混合代码进行着色显示的功能；Tailor IDE还实现WebApp工程和Tai lorServer集成调试器在IDE中的启动、暂停和停止；
Web页面动态解析引擎/动态解析服务器模块Tai lorWorkHorse：Tai lorWorkHorse提供Web页面动态解析服务，可以无限扩展的Tai lorWorkHorse运行节点构成；
工程存储节点模块StoreWorkHorse：负责数据分布式数据存储和检索，可以由无限扩展的StoreWorkHorse存储节点构成，负责存储Tailor工程信息、Web模块库和工程授权等管理信息；
工程空间模块Tai lorWorkspace：负责Tailor工程的存储和检索；
用户自助服务管理模块：实现用户自助的业务监控和系统监控，以及业务管理和系统管理服务；
运营管理平台模块：实现企业注册管理和整个平台业务和系统运行状态监控和管理。
29.根据权利要求28所述的可视化在线定制模块，其特征在于，所述自适应系统中的Tai lorForwarder承担两项功能：
功能一：完成用户与web页面动态解析服务引擎Tai lorWorkHorse之间用户请求与请求结果的信息交互；
功能二：平衡多个web页面动态解析服务引擎的压力，实现负载均衡。
30.根据权利要求29所述的可视化在线定制模块，其特征在于，所述自适应系统：
在平衡多个web页面动态解析引擎的压力过程中，Tai lorForwarder会定时轮询云架构中所有web页面动态解析引擎的状态，判断每个web页面动态解析引擎的负荷大小，并将新的用户请求发送给负荷小的web页面动态解析引擎，从而实现负载均衡。
31.根据权利要求28-30中任一所述的可视化在线定制模块，其特征在于，所述可视化在线定制模块主要由Tai lor IDEP lug和Tai lor IDEService构成，通过Tai lor IDEP lug和Tailor IDEService相互协作完成可视化在线定制页面，其中：
Tai lor IDEP lug主要负责实现可视化地实现Web切片的切取、加工、组合处理活动；
Tai lor IDEService主要负责Web切片的存储和管理。
32.一种可视化在线定制方法，其通过上述权利要求28-31中的可视化在线定制模块实现，该方法包括以下步骤：
步骤1：在Tai lor IDEP lug中输入需要裁制的原网站地址；
步骤2：Tai lor IDEP lug利用浏览器插件技术对网页可视化地捕获和收集页面中的页面业务功能片段，形成一个个Web切片；
步骤3：对Web切片提供模板支持，布局、样式等具体设置过程，具体包括：
通过Tair lorWorkSpace调取WebApp云储存结构中的Web模板库，为Tai lor IDEP lug提取的Web切片提供模板支持；
通过Tai lor IDEP lug提供的集成设置环境，对感兴趣的Web切片通过选择Web模板，设置Web切片的布局、样式；
步骤4：将设置好的Web切片通过Tair lor IDEService调取Tair lorWorkHorse引擎进行调试，查看Web切片手机端运行效果，如果不满意，还可以通过返回步骤3进行重新设置；如果满意Web切片效果，执行步骤5保存切片；
步骤5：将设置好的Web切片发送给Tair lorWorkHorse进行保存，具体包括：
Tair lorWorkHorse接收需要保存的Web切片信息，并将其保存在WebApp云储存结构中的Web切片库中；存于Web切片库的Web切片，可以用做WebApp工程的部件进行装配、集成和运行，但是不能单独作为应用通过外网被用户访问和使用；
步骤6：用户可以在WebApp工程对已经设置好的Web切片进行装配、集成，形成工程中的应用，所述应用为一个网页或者其他应用，所述WebApp工程是可以直接被用户通过外网访问的应用；
步骤7：将设置好的WebApp工程通过Tair lor IDEService调取Tair lorWorkHorse引擎进行调试，查看WebApp工程手机端运行效果，如果不满意，还可以通过返回步骤6进行重新设置；如果满意WebApp工程效果，执行步骤8保存工程；
步骤8：将设置好的WebApp工程发送给Tair lorWorkHorse进行保存；Tair lorWorkHorse接收需要保存的Web工程信息，并将其保存在WebApp云储存结构中的StoreWorkHorse工程节点库中。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510098004.2A CN104636146B (zh) | 2015-03-05 | 2015-03-05 | 一种可视化在线定制方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510098004.2A CN104636146B (zh) | 2015-03-05 | 2015-03-05 | 一种可视化在线定制方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104636146A true CN104636146A (zh) | 2015-05-20 |
| CN104636146B CN104636146B (zh) | 2019-05-03 |
Family
ID=53214947
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510098004.2A Active CN104636146B (zh) | 2015-03-05 | 2015-03-05 | 一种可视化在线定制方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104636146B (zh) |
Cited By (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105183775A (zh) * | 2015-08-11 | 2015-12-23 | 上海幻电信息科技有限公司 | 一种网页专题模板系统 |
| CN105739976A (zh) * | 2016-01-26 | 2016-07-06 | 四川神州雅韵科技有限公司 | 可视化快速生成Windows Phone应用的方法 |
| CN105893439A (zh) * | 2015-12-14 | 2016-08-24 | 乐视网信息技术（北京）股份有限公司 | 一种同步制作多端网页的方法和系统 |
| CN106095891A (zh) * | 2016-06-07 | 2016-11-09 | 广东睿盟计算机科技有限公司 | 一种适用于前台工作人员的业务工作量识别统计方法 |
| CN106325856A (zh) * | 2016-08-10 | 2017-01-11 | 杭州玳数科技有限公司 | 一种实现Elasticsearch Dsl规则可视化编辑和数据展现的方法与系统 |
| WO2017113100A1 (en) * | 2015-12-29 | 2017-07-06 | Telefonaktiebolaget Lm Ericsson (Publ) | Network nodes and methods performed therein for enabling communication in a communication network |
| CN107430515A (zh) * | 2015-03-16 | 2017-12-01 | 微软技术许可有限责任公司 | 开发环境中的可定制类型的可视化框架 |
| CN108268260A (zh) * | 2017-12-21 | 2018-07-10 | 博康智能信息技术有限公司 | 一种基于一体化支撑技术的快速微应用组装方法 |
| CN109285037A (zh) * | 2018-10-10 | 2019-01-29 | 珠海格力电器股份有限公司 | 一种空调器的拼装选择方法 |
| WO2019024650A1 (zh) * | 2017-08-04 | 2019-02-07 | 华为技术有限公司 | 一种资源配置方法和装置 |
| CN111291384A (zh) * | 2020-04-28 | 2020-06-16 | 杭州海康威视数字技术股份有限公司 | 漏洞扫描方法、装置及电子设备 |
| CN111596883A (zh) * | 2020-05-14 | 2020-08-28 | 深圳航天智慧城市系统技术研究院有限公司 | 一种支持语音识别和体感操作遥控的数据可视化系统 |
| CN111694723A (zh) * | 2019-03-15 | 2020-09-22 | 福建天晴数码有限公司 | 产品在h5下运行时对节点及组件编辑的方法、存储介质 |
| CN112269569A (zh) * | 2020-11-03 | 2021-01-26 | 北京直真科技股份有限公司 | 一种可视化脚本在线编辑验证与自动化执行装置 |
| CN113656011A (zh) * | 2021-08-17 | 2021-11-16 | 广州新科佳都科技有限公司 | 一种轨道交通线网低代码可视化开发系统 |
| CN113705177A (zh) * | 2021-08-23 | 2021-11-26 | 风变科技（深圳）有限公司 | 基于集成写稿环境的稿件录入方法、装置和计算机设备 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102193933A (zh) * | 2010-03-10 | 2011-09-21 | 北大方正集团有限公司 | 一种网页编辑方法及系统 |
| CN102314427A (zh) * | 2010-06-30 | 2012-01-11 | 上海视加信息科技有限公司 | 一种分布式生成网页的方法 |
| CN102880664A (zh) * | 2012-08-31 | 2013-01-16 | 华为软件技术有限公司 | 一种页面编辑方法、装置及系统 |
| CN103198074A (zh) * | 2012-01-09 | 2013-07-10 | 北大方正集团有限公司 | 一种动态发布网站页面的设计方法及系统 |
| CN103853737A (zh) * | 2012-11-29 | 2014-06-11 | 怡丰联合（北京）科技有限责任公司 | Html内容可视化编辑方法及系统 |
-
2015
- 2015-03-05 CN CN201510098004.2A patent/CN104636146B/zh active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102193933A (zh) * | 2010-03-10 | 2011-09-21 | 北大方正集团有限公司 | 一种网页编辑方法及系统 |
| CN102314427A (zh) * | 2010-06-30 | 2012-01-11 | 上海视加信息科技有限公司 | 一种分布式生成网页的方法 |
| CN103198074A (zh) * | 2012-01-09 | 2013-07-10 | 北大方正集团有限公司 | 一种动态发布网站页面的设计方法及系统 |
| CN102880664A (zh) * | 2012-08-31 | 2013-01-16 | 华为软件技术有限公司 | 一种页面编辑方法、装置及系统 |
| CN103853737A (zh) * | 2012-11-29 | 2014-06-11 | 怡丰联合（北京）科技有限责任公司 | Html内容可视化编辑方法及系统 |
Cited By (24)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107430515A (zh) * | 2015-03-16 | 2017-12-01 | 微软技术许可有限责任公司 | 开发环境中的可定制类型的可视化框架 |
| CN107430515B (zh) * | 2015-03-16 | 2020-12-11 | 微软技术许可有限责任公司 | 开发环境中的可定制类型的可视化框架 |
| CN105183775A (zh) * | 2015-08-11 | 2015-12-23 | 上海幻电信息科技有限公司 | 一种网页专题模板系统 |
| CN105893439A (zh) * | 2015-12-14 | 2016-08-24 | 乐视网信息技术（北京）股份有限公司 | 一种同步制作多端网页的方法和系统 |
| US11070967B2 (en) | 2015-12-29 | 2021-07-20 | Telefonaktiebolaget Lm Ericsson (Publ) | Network nodes and methods performed therein for enabling communication in a communication network |
| WO2017113100A1 (en) * | 2015-12-29 | 2017-07-06 | Telefonaktiebolaget Lm Ericsson (Publ) | Network nodes and methods performed therein for enabling communication in a communication network |
| CN105739976A (zh) * | 2016-01-26 | 2016-07-06 | 四川神州雅韵科技有限公司 | 可视化快速生成Windows Phone应用的方法 |
| CN106095891A (zh) * | 2016-06-07 | 2016-11-09 | 广东睿盟计算机科技有限公司 | 一种适用于前台工作人员的业务工作量识别统计方法 |
| CN106325856A (zh) * | 2016-08-10 | 2017-01-11 | 杭州玳数科技有限公司 | 一种实现Elasticsearch Dsl规则可视化编辑和数据展现的方法与系统 |
| CN106325856B (zh) * | 2016-08-10 | 2019-08-20 | 杭州玳数科技有限公司 | 一种实现Elasticsearch Dsl规则可视化编辑和数据展现的方法与系统 |
| WO2019024650A1 (zh) * | 2017-08-04 | 2019-02-07 | 华为技术有限公司 | 一种资源配置方法和装置 |
| US11483801B2 (en) | 2017-08-04 | 2022-10-25 | Huawei Technologies Co., Ltd. | Resource configuration method and apparatus |
| CN108268260A (zh) * | 2017-12-21 | 2018-07-10 | 博康智能信息技术有限公司 | 一种基于一体化支撑技术的快速微应用组装方法 |
| CN109285037A (zh) * | 2018-10-10 | 2019-01-29 | 珠海格力电器股份有限公司 | 一种空调器的拼装选择方法 |
| CN111694723A (zh) * | 2019-03-15 | 2020-09-22 | 福建天晴数码有限公司 | 产品在h5下运行时对节点及组件编辑的方法、存储介质 |
| CN111694723B (zh) * | 2019-03-15 | 2023-06-16 | 福建天晴数码有限公司 | 产品在h5下运行时对节点及组件编辑的方法、存储介质 |
| CN111291384A (zh) * | 2020-04-28 | 2020-06-16 | 杭州海康威视数字技术股份有限公司 | 漏洞扫描方法、装置及电子设备 |
| CN111291384B (zh) * | 2020-04-28 | 2020-09-08 | 杭州海康威视数字技术股份有限公司 | 漏洞扫描方法、装置及电子设备 |
| CN111596883A (zh) * | 2020-05-14 | 2020-08-28 | 深圳航天智慧城市系统技术研究院有限公司 | 一种支持语音识别和体感操作遥控的数据可视化系统 |
| CN111596883B (zh) * | 2020-05-14 | 2023-06-06 | 深圳航天智慧城市系统技术研究院有限公司 | 一种支持语音识别和体感操作遥控的数据可视化系统 |
| CN112269569A (zh) * | 2020-11-03 | 2021-01-26 | 北京直真科技股份有限公司 | 一种可视化脚本在线编辑验证与自动化执行装置 |
| CN113656011B (zh) * | 2021-08-17 | 2022-03-11 | 广州新科佳都科技有限公司 | 一种轨道交通线网低代码可视化开发系统 |
| CN113656011A (zh) * | 2021-08-17 | 2021-11-16 | 广州新科佳都科技有限公司 | 一种轨道交通线网低代码可视化开发系统 |
| CN113705177A (zh) * | 2021-08-23 | 2021-11-26 | 风变科技（深圳）有限公司 | 基于集成写稿环境的稿件录入方法、装置和计算机设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104636146B (zh) | 2019-05-03 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104636146A (zh) | 一种可视化在线定制方法及系统 | |
| CN104639653B (zh) | 基于云架构的自适应方法及系统 | |
| US9015651B2 (en) | Gateway data distribution engine | |
| CN105335293B (zh) | 一种基于接口并行的自动化测试系统和方法 | |
| US8996986B2 (en) | Enhanced delivery of content and program instructions | |
| EP1264261B1 (en) | Monitoring operation of and interaction with services provided over a network | |
| US20110252305A1 (en) | Capturing the visual content of browser windows | |
| CN113934832B (zh) | 基于会话的交互处理方法、装置、设备、介质及程序产品 | |
| CN110865843B (zh) | 页面回溯、信息备份与问题解决方法、系统及设备 | |
| CN114706579A (zh) | 页面开发方法、装置、服务器及存储介质 | |
| US20160306690A1 (en) | Integrated test design, automation, and analysis | |
| CN113296653B (zh) | 一种仿真交互模型构建方法、交互方法及相关设备 | |
| CN112328470B (zh) | 一种自动化运维测试方法、装置、设备及存储介质 | |
| CN109614391A (zh) | 数据库诊断界面系统 | |
| US20120089931A1 (en) | Lightweight operation automation based on gui | |
| CN106022007A (zh) | 面向生物组学大数据计算的云平台系统及方法 | |
| CN113516729A (zh) | 一种图表绘制方法、装置及计算机可读存储介质 | |
| CN111130922A (zh) | 一种机载信息安全自动化测试方法及测试平台 | |
| KR101228877B1 (ko) | 웹 디자인을 이용한 동적 웹 사이트 개발 장치 및 방법 | |
| KR102526622B1 (ko) | 홈 시스템 구축 방법 | |
| US10680905B1 (en) | Application help desk | |
| CN114611729B (zh) | 一种基于动态代码配置的自动巡检方法及设备 | |
| Pham | Developing the Whole Communities–Whole Health app known as Hornsense: an experience report | |
| CN109756393A (zh) | 信息处理方法、系统、介质和计算设备 | |
| JP2018514827A (ja) | インタラクティブな操作方法、及びそれを用いた送信機、受信機及びインタラクティブな操作システム |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20231225 Address after: 100000 Section 3, No. 6 Tucheng Road, Jimenqiao West, Haidian District, Beijing Patentee after: Beijing Zhong Xian Electronic Technology Development Co.,Ltd. Address before: 100083 Jin'ao International 1-2309, No. 19 Madian East Road, Haidian District, Beijing Patentee before: BEIJING HANDSCAPE TECHNOLOGY Co.,Ltd. |