网页流程图编辑方法及系统的制作方法
【专利摘要】一种网页流程图编辑方法，包括以下步骤：当接收到用户终端的浏览器发送来的网页文件访问请求时，从服务器的数据库中获取该网页文件；生成流程图编辑界面，将带有流程图编辑界面的该网页文件发送至该浏览器；根据用户通过浏览器对该流程图编辑界面的操作，在流程图编辑界面上编辑流程图，确定元件的基本信息、元件之间的连接线和连接关系，将该元件的基本信息、元件之间的连接线和连接关系存入数据库中。本发明还提供一种网页流程图编辑系统。利用本发明可以在网页上实时编辑流程图，不必将整份流程图传送到服务器上储存，降低服务器的负荷。
【专利说明】网页流程图编辑方法及系统
【技术领域】
[0001]本发明涉及网络通信领域，特别涉及一种网页流程图编辑方法及系统。
【背景技术】
[0002]因特网与信息科技的迅速发展，改变了人类生活与工作的运作模式。窗口环境应用程序的优势正逐渐受到网页环境、行动装置与嵌入式系统等操作环境的威胁。大型企业开始利用网页应用程序的平台来管理工作流程，提升营运效率。一般用户也使用网页应用程序来处理文书作业。用户无须下载、安装特定程序，只需要进入特定的网页即可开启网络应用程序来执行编写、分享和管理文件的操作。
[0003]目前，以网页为基础的应用程序基本上都是以窗体、字段编辑和数据查询等动态显示的方式与用户互动。网页上显示的流程图一般都以图片的方式呈现，但是用户以图片的方式上传流程图至服务器后，当需要修改流程图时，会因为没有可编辑的源文件、编辑软件与环境的不同而造成流程图的变调走样。因此，用户无法在网页上实时编辑流程图。
【发明内容】
[0004]鉴于以上内容，有必要提供一种网页流程图编辑方法，可以在网页上实时编辑流程图，不必将整份流程图传送到服务器上储存，降低服务器的负荷。
[0005]还有必要提供一种网页流程图编辑系统，可以在网页上实时编辑流程图，不必将整份流程图传送到服务器上储存，降低服务器的负荷。
[0006]一种网页流程图编辑方法，包括以下步骤:接收步骤:当接收到用户终端的浏览器发送来的网页文件访问请求时，从服务器的数据库中获取该网页文件；发送步骤:生成流程图编辑界面，将带有流程图编辑界面的该网页文件发送至该浏览器；编辑步骤:根据用户通过浏览器对该流程图编辑界面的操作，在流程图编辑界面上编辑流程图，确定元件的基本信息、元件之间的连接线和连接关系，将该元件的基本信息、元件之间的连接线和连接关系存入数据库中。
[0007]—种网页流程图编辑系统，包括:接收模块，用于当接收到用户终端的浏览器发送来的网页文件访问请求时，从服务器的数据库中获取该网页文件；发送模块，用于生成流程图编辑界面，将带有流程图编辑界面的该网页文件发送至该浏览器；编辑模块，用于根据用户通过浏览器对该流程图编辑界面的操作，在流程图编辑界面上编辑流程图，确定元件的基本信息、元件之间的连接线和连接关系，将该元件的基本信息、元件之间的连接线和连接关系存入数据库中。
[0008]相较于现有技术，本发明网页流程图编辑方法及系统，可以在网页上实时编辑流程图，不必将整份流程图传送到服务器上储存，降低服务器的负荷。
【专利附图】
【附图说明】
[0009]图1是本发明网页流程图编辑系统较佳实施例的运行环境图。[0010]图2是本发明网页流程图编辑系统较佳实施例的功能模块图。
[0011]图3至图5是流程图编辑界面及其元件和连接线的示意图。
[0012]图6是本发明网页流程图编辑方法较佳实施例的流程图。
[0013]主要元件符号说明
【权利要求】
1.一种网页流程图编辑方法，其特征在于，该方法包括以下步骤: 接收步骤:当接收到用户终端的浏览器发送来的网页文件访问请求时，从服务器的数据库中获取该网页文件； 发送步骤:生成流程图编辑界面，将带有流程图编辑界面的该网页文件发送至该浏览器； 编辑步骤:根据用户通过浏览器对该流程图编辑界面的操作，在流程图编辑界面上编辑流程图，确定元件的基本信息、元件之间的连接线和连接关系，将该元件的基本信息、元件之间的连接线和连接关系存入数据库中。
2.如权利要求1所述的网页流程图编辑方法，其特征在于，所述接收步骤还根据该网页文件的源程序代码判断该网页文件中是否包含编辑流程图的自订标签，当该网页文件中包含编辑流程图的自订标签时，执行所述发送步骤。
3.如权利要求1所述的网页流程图编辑方法，其特征在于，在所述编辑步骤中，通过新增或改变网页文件里组成元件或连接线的DIV元素的级联样式表CSS样式在流程图编辑界面上编辑流程图。
4.如权利要求1所述的网页流程图编辑方法，其特征在于，所述元件的基本信息包括元件的形状、大小、位置、名称和文字内容。
5.如权利要求1所述的网页流程图编辑方法，其特征在于，该方法还包括: 当再次接收到浏览器发送的该网页文件的访问请求时，从数据库获取该网页文件、网页文件中元件的基本信息、元件之间的连接线和连接关系； 生成流程图编辑界面，然后将该元件的基本信息、元件之间的连接线和连接关系、带有流程图编辑界面的该网页文件发送至浏览器。
6.一种网页流程图编辑系统，其特征在于，该系统包括: 接收模块，用于当接收到用户终端的浏览器发送来的网页文件访问请求时，从服务器的数据库中获取该网页文件； 发送模块，用于生成流程图编辑界面，将带有流程图编辑界面的该网页文件发送至该浏览器； 编辑模块，用于根据用户通过浏览器对该流程图编辑界面的操作，在流程图编辑界面上编辑流程图，确定元件的基本信息、元件之间的连接线和连接关系，将该元件的基本信息、元件之间的连接线和连接关系存入数据库中。
7.如权利要求6所述的网页流程图编辑系统，其特征在于，所述接收模块还根据该网页文件的源程序代码判断该网页文件中是否包含编辑流程图的自订标签，当该网页文件中包含编辑流程图的自订标签时，触发所述发送模块。
8.如权利要求6所述的网页流程图编辑系统，其特征在于，所述编辑模块通过新增或改变网页文件里组成元件或连接线的DIV元素的级联样式表CSS样式在流程图编辑界面上编辑流程图。
9.如权利要求6所述的网页流程图编辑系统，其特征在于，所述元件的基本信息包括元件的形状、大小、位置、名称和文字内容。
10.如权利要求6所述的网页流程图编辑系统，其特征在于，该接收模块还用于当再次接收到浏览器发送的该网页文件的访问请求时，从数据库获取该网页文件、网页文件中元件的基本信息、元件之间的连接线和连接关系； 所述发送模块还用于生成流程图编辑界面，然后将该元件的基本信息、元件之间的连接线和连接关系、带有流程图编辑界面的该网页文件发送至浏览器。
【文档编号】G06F17/30GK103593345SQ201210287902
【公开日】2014年2月19日 申请日期:2012年8月14日 优先权日:2012年8月14日
【发明者】陈宝全, 许宸维 申请人:捷达世软件（深圳）有限公司, 鸿海精密工业股份有限公司