一种可视化在线定制方法及系统技术方案

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

【技术实现步骤摘要】
一种可视化在线定制方法及系统
本专利技术涉及网络通讯
，特别是指一种可视化在线定制方法及系统。
技术介绍
网页浏览器是万维网(Web)服务的客户端浏览程序，可向Web服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。与工作站、PC机相比，移动终端资源相对有限，因此移动终端网页浏览器较工作站、PC机上运行的网页浏览器在开发时更为困难，在功能上有更多限制。正是由于这一原因，目前绝大多数的移动终端内置网页浏览器不能解析执行包含复杂JS(JavaScript，一种基于对象和事件驱动并具有相对安全性的客户端脚本语言)的Web页面，这导致移动终端内置网页浏览器不能正常浏览包含复杂JS的Web页面。为了解决移动终端内置浏览器不能正常浏览包含复杂JS的Web页面的问题，现有技术中所采用的方法是通过对Web应用进行拆分重组技术，在不修改原页面的情况下，将一个或多个页面中指定的内容裁制出来，形成一个新的页面。但现有技术存在以下缺陷：该技术需要一定的JavaScript、HTML、CSS等知识基础，适用于具有较高专业化培训过的用户使用，而对于新接触的用户或者不具备专业化的Web应用移动化技术的大众客户则无法立即上手，即使裁制一个简单的页面也需要首先花费大量的时间进行培训、学习。因此，需要提供一种新的解决方案，其能够降低开发难度，适合多种类型的用户使用，特别是能适合非专业的普通大众用户使用，具有简单的操作页面，使得用户直接在操作页面上通过直观的拖拽操作就能组合成一个新的Web应用，从而大大节省了开发成本和时间，简化了流程，让生成Web应用更简单，快捷。
技术实现思路
本专利技术提供一种新型的可视化在线定制方法及系统，能够简化定制操作，实现可视化操作，快速生成网络应用。为解决上述技术问题，本专利技术的实施例提供一种可视化在线定制方法，所述方法包括：接收在线定制指令，显示在线定制页面；接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片；将网页切片数据发送至服务端；接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据；根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。优选的，所述接收在线定制指令，显示在线定制页面，包括：接收在线定制指令，获取所述在线定制指令中的身份认证信息；利用所述身份认证信息进行身份认证，当所述身份认证通过时，显示在线定制页面。优选的，所述在线定制页面包括原网页编辑区和切片管理区。优选的，所述页面切取指令包括：页面区域划分指令、页面内容切取指令和页面切片编辑指令。优选的，接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片，包括：接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分；根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片；根据所述页面切片编辑指令，对所述页面切片进行编辑得到所述网页切片。优选的，接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分，根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片，包括：接收用户发出的拖拽操作信息，对原网页进行切取区域划分，对划分的切取区域的页面内容进行切取，得到页面切片，对所述页面切片进行编辑得到所述网页切片。优选的，所述将网页切片数据发送至服务端，包括：将网页切片转换为网页切片数据，以JSON字符串形式发送至服务端。优选的，所述接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据，包括：接收应用编辑指令，获取所述应用编辑指令中的身份认证信息；利用所述身份认证信息进行身份认证，当所述身份认证通过时，根据所述应用编辑指令连接所述服务端获取网页切片数据。优选的，所述根据所述应用编辑指令连接所述服务端获取网页切片数据，包括：根据所述应用编辑指令向服务端发送网页切片数据获取请求；接收服务端发送的网页切片数据。优选的，所述根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面之前，还包括：根据应用编辑指令显示应用编辑页面，所述应用编辑页面包括页面列表区、页面编辑预览区和网页切片区。优选的，所述根据所述网页切片数据生成网页切片，包括：根据所述网页切片数据生成网页切片，并将所述网页切片显示在所述应用编辑页面中的网页切片区；根据所述应用编辑指令在应用编辑页面的页面编辑预览区进行应用页面编辑预览，并将生成的应用页面显示在页面列表区。优选的，所述接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据之前，还包括：接收应用创建指令，根据所述应用创建指令建立应用。本专利技术还提供一种可视化在线定制方法，所述方法包括：接收网页切片数据，将所述网页切片数据保存至数据库中；接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据。优选的，所述接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据，包括：根据所述网页切片数据获取请求，获取所述网页切片数据获取请求中的身份认证信息；利用所述身份认证信息进行身份认证，当所述身份认证通过时，发送网页切片数据。本专利技术还提供一种可视化在线定制系统，所述系统包括：定制页面显示模块，用于接收在线定制指令，显示在线定制页面；页面切取模块，用于接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片；数据发送模块，用于将网页切片数据发送至服务端；数据获取模块，用于接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据；应用编辑模块，用于根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。优选的，所述定制页面显示模块包括：第一身份认证单元，用于接收在线定制指令，获取所述在线定制指令中的身份认证信息；定制页面显示单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，显示在线定制页面。优选的，所述页面切取模块包括：区域划分单元，用于接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分；页面切取单元，用于根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片；切片编辑单元，用于根据所述页面切片编辑指令，对所述页面切片进行编辑得到所述网页切片。优选的所述区域划分单元包括：区域划分子单元，用于接收用户发出的拖拽操作信息，根据所述页面区域划分指令对原网页进行切取区域划分；所述页面切取子单元，用于接收用户发出的拖拽操作信息，对划分的切取区域的页面内容进行切取，得到页面切片；切片编辑子单元，用于接收用户发出的拖拽操作信息，对所述页面切片进行编辑得到所述网页切片。优选的，所述数据发送模块包括:数据发送单元，用于将网页切片转换为网页切片数据，以JSON字符串形式发送至服务端。优选的，所述数据获取模块包括：第二身份认证单元，用于接收应用编辑指令，获取所述应用编辑指令中的身份认证信息；数据获取单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，根据所述应用编辑指令连接所述服务端获取网页切片数据。优选的，所述数据获取模块包括：请求发送单元，用于根据所述应用编辑指令向服务端发送网页切片数据获取请求；数据接收本文档来自技高网...

【技术保护点】
一种可视化在线定制方法，其特征在于，所述方法包括：接收在线定制指令，显示在线定制页面；接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片；将网页切片数据发送至服务端；接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据；根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。

【技术特征摘要】
1.一种可视化在线定制方法，其特征在于，所述方法包括：接收在线定制指令，显示在线定制页面；接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片；该根据所述页面切取指令对网络页面进行切取得到网页切片具体包括：对原网页进行切取区域划分；对切取区域的页面内容进行切取，得到页面切片；对页面切片进行编辑得到所述网页切片；其中，所述网页切片是通过对网络页面切取区域中的页面业务功能片段进行捕获和收集后形成的；将网页切片数据发送至服务端；接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据；根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。2.根据权利要求1所述的可视化在线定制方法，其特征在于，所述接收在线定制指令，显示在线定制页面，包括：接收在线定制指令，获取所述在线定制指令中的身份认证信息；利用所述身份认证信息进行身份认证，当所述身份认证通过时，显示在线定制页面。3.根据权利要求1所述的可视化在线定制方法，其特征在于，所述在线定制页面包括原网页编辑区和切片管理区。4.根据权利要求1所述的可视化在线定制方法，其特征在于，所述页面切取指令包括：页面区域划分指令、页面内容切取指令和页面切片编辑指令，具体所述接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片，具体包括：接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分；根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片；根据所述页面切片编辑指令，对所述页面切片进行编辑得到所述网页切片。5.根据权利要求4所述的可视化在线定制方法，其特征在于，接收页面切取指令，根据所述页面区域划分指令对原网页进行切取区域划分，根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片，根据所述页面切片编辑指令，对所述页面切片进行编辑得到所述网页切片，包括：接收用户发出的拖拽操作信息，对原网页进行切取区域划分，对划分的切取区域的页面内容进行切取，得到页面切片，对所述页面切片进行编辑得到所述网页切片。6.根据权利要求1所述的可视化在线定制方法，其特征在于，所述将网页切片数据发送至服务端，包括：将网页切片转换为网页切片数据，以JSON字符串形式发送至服务端。7.根据权利要求1所述的可视化在线定制方法，其特征在于，所述接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据，包括：接收应用编辑指令，获取所述应用编辑指令中的身份认证信息；利用所述身份认证信息进行身份认证，当所述身份认证通过时，根据所述应用编辑指令连接所述服务端获取网页切片数据。8.根据权利要求1所述的可视化在线定制方法，其特征在于，所述根据所述应用编辑指令连接所述服务端获取网页切片数据，包括：根据所述应用编辑指令向服务端发送网页切片数据获取请求；接收服务端发送的网页切片数据。9.根据权利要求1所述的可视化在线定制方法，其特征在于，所述根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面之前，还包括：根据应用编辑指令显示应用编辑页面，所述应用编辑页面包括页面列表区、页面编辑预览区和网页切片区。10.根据权利要求9所述的可视化在线定制方法，其特征在于，所述根据所述网页切片数据生成网页切片，包括：根据所述网页切片数据生成网页切片，并将所述网页切片显示在所述应用编辑页面中的网页切片区；根据所述应用编辑指令在应用编辑页面的页面编辑预览区进行应用页面编辑预览，并将生成的应用页面显示在页面列表区。11.根据权利要求1至10任意一项所述的可视化在线定制方法，其特征在于，所述接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据之前，还包括：接收应用创建指令，根据所述应用创建指令建立应用。12.一种可视化在线定制方法，其特征在于，所述方法包括：基于在线定制指令，接收网页切片数据，将所述网页切片数据保存至数据库中；接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据；所述网页切片数据由以下方式获得：对原网页进行切取区域划分；对切取区域的页面内容进行切取，得到页面切片；对页面切片进行编辑得到所述网页切片；其中，所述网页切片是通过对网络页面切取区域中的页面业务功能片段进行捕获和收集后形成的。13.根据权利要求12所述的可视化在线定制方法，其特征在于，所述接收网页切片数据获取请求，根据所述网页切片数据获取请求发送网页切片数据，包括：根据所述网页切片数据获取请求，获取所述网页切片数据获取请求中的身份认证信息；利用所述身份认证信息进行身份认证，当所述身份认证通过时，发送网页切片数据。14.一种可视化在线定制系统，其特征在于，所述系统包括：定制页面显示模块，用于接收在线定制指令，显示在线定制页面；页面切取模块，用于接收页面切取指令，根据所述页面切取指令对网络页面进行切取，得到网页切片；该网页切片具体获得方式为：对原网页进行切取区域划分；对切取区域的页面内容进行切取，得到页面切片；对页面切片进行编辑得到所述网页切片；其中，所述网页切片是通过对网络页面切取区域中的页面业务功能片段进行捕获和收集后形成的；数据发送模块，用于将网页切片数据发送至服务端；数据获取模块，用于接收应用编辑指令，根据所述应用编辑指令连接所述服务端获取网页切片数据；应用编辑模块，用于根据所述网页切片数据生成网页切片，对所述网页切片进行可视化编辑，得到应用页面。15.根据权利要求14所述的可视化在线定制系统，其特征在于，所述定制页面显示模块包括：第一身份认证单元，用于接收在线定制指令，获取所述在线定制指令中的身份认证信息；定制页面显示单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，显示在线定制页面。16.根据权利要求14所述的可视化在线定制系统，其特征在于，所述页面切取模块包括：区域划分单元，用于接收页面切取指令，所述页面切取指令包括：页面区域划分指令、页面内容切取指令和页面切片编辑指令，所述区域划分单元还用于根据所述页面区域划分指令对原网页进行切取区域划分；页面切取单元，用于根据所述页面内容切取指令，对划分的切取区域的页面内容进行切取，得到页面切片；切片编辑单元，用于根据所述页面切片编辑指令，对所述页面切片进行编辑得到所述网页切片。17.根据权利要求16所述的可视化在线定制系统，其特征在于，所述区域划分单元包括：区域划分子单元，用于接收用户发出的拖拽操作信息，根据所述页面区域划分指令对原网页进行切取区域划分；所述页面切取子单元，用于接收用户发出的拖拽操作信息，对划分的切取区域的页面内容进行切取，得到页面切片；切片编辑子单元，用于接收用户发出的拖拽操作信息，对所述页面切片进行编辑得到所述网页切片。18.根据权利要求14所述的可视化在线定制系统，其特征在于，所述数据发送模块包括：数据发送单元，用于将网页切片转换为网页切片数据，以JSON字符串形式发送至服务端。19.根据权利要求14所述的可视化在线定制系统，其特征在于，所述数据获取模块包括：第二身份认证单元，用于接收应用编辑指令，获取所述应用编辑指令中的身份认证信息；数据获取单元，用于利用所述身份认证信息进行身份认证，当所述身份认证通过时，根据所述应用编辑指令连接所述服务端获取网页切片数据。20.根据权利要求14所述的可视化在线定制系统，其特征在于，所述数据获取模块包括：请求发送单元，用于根据所述应用编辑指令向服务端发送网页切片数据获取请求；数据接收单元，用于接收服务端发送的网页切片...

【专利技术属性】
技术研发人员：朱奕，周华强，
申请(专利权)人：北京掌中经纬技术有限公司，
类型：发明
国别省市：北京;11