一种可视化在线定制方法及系统.pdf

本发明提供一种可视化在线定制方法及系统，所述方法包括：接收在线定制指令，显示在线定制页面；接收页面切取指令，根据页面切取指令对网络页面进行切取，得到网页切片；将网页切片数据发送至服务端；接收应用编辑指令，根据应用编辑指令连接服务端获取网页切片数据；根据网页切片数据生成网页切片，对网页切片进行可视化编辑，得到应用页面。该方法能够提供可视化的编辑环境，降低了开发难度，适合多种类型的用户使用，用户可以简单的将页面直接在页面经行拖拽就能组合成一个新的网络应用，大大节省了开发成本和时间，简化了流程，让生成网络应用更简单快捷，从而满足不同终端网络页面显示的需求，提高用户体验。

权利要求书
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工程节点库中。

说明书一种可视化在线定制方法及系统
技术领域
本发明涉及网络通讯技术领域，特别是指一种可视化在线定制方法及系 统。
背景技术
网页浏览器是万维网(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。当用户第一次用默认管理员帐号登录系统时，登录成功后要修改自己的 密码，以便保护自己公司的信息安全。
用户资料管理：用户可以查看用户基本信息，用户资质文件，用户审批状 态和用户审批记录资质文件。用户可以修改用户基本信息；
服务申请：当用户注册成功后可以申请服务，只有用户注册成功后才能申 请服务；
用户用户管理：用户通过平台可以自主管理自己工程人员信息；
工程管理：实现工程资源的管理和权限分配；
业务监控：实现用户业务使用状态的监控管理；
业务统计分析：实现用户业务统计分析管理。
本发明实施例的可视化在线定制系统，采用的方法为可视化在线定制方 法，因此可视化在线定制系统的特征与可视化在线定制方法相同，在此不再赘 述。
以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技 术人员来说，在不脱离本发明所述原理的前提下，还可以做出若干改进和润饰， 这些改进和润饰也应视为本发明的保护范围。