[发明专利]网页流程图编辑方法及系统

权利要求书

1.一种网页流程图编辑方法，其特征在于，该方法包括以下步骤：

接收步骤：当接收到用户终端的浏览器发送来的网页文件访问请求时，从服务器的数据库中获取该网页文件；

发送步骤：生成流程图编辑界面，将带有流程图编辑界面的该网页文件发送至该浏览器；

编辑步骤：根据用户通过浏览器对该流程图编辑界面的操作，在流程图编辑界面上编辑流程图，确定元件的基本信息、元件之间的连接线和连接关系，将该元件的基本信息、元件之间的连接线和连接关系存入数据库中。

2.如权利要求1所述的网页流程图编辑方法，其特征在于，所述接收步骤还根据该网页文件的源程序代码判断该网页文件中是否包含编辑流程图的自订标签，当该网页文件中包含编辑流程图的自订标签时，执行所述发送步骤。

3.如权利要求1所述的网页流程图编辑方法，其特征在于，在所述编辑步骤中，通过新增或改变网页文件里组成元件或连接线的DIV元素的级联样式表CSS样式在流程图编辑界面上编辑流程图。

4.如权利要求1所述的网页流程图编辑方法，其特征在于，所述元件的基本信息包括元件的形状、大小、位置、名称和文字内容。

5.如权利要求1所述的网页流程图编辑方法，其特征在于，该方法还包括：

当再次接收到浏览器发送的该网页文件的访问请求时，从数据库获取该网页文件、网页文件中元件的基本信息、元件之间的连接线和连接关系；

生成流程图编辑界面，然后将该元件的基本信息、元件之间的连接线和连接关系、带有流程图编辑界面的该网页文件发送至浏览器。

6.一种网页流程图编辑系统，其特征在于，该系统包括：

接收模块，用于当接收到用户终端的浏览器发送来的网页文件访问请求时，从服务器的数据库中获取该网页文件；

发送模块，用于生成流程图编辑界面，将带有流程图编辑界面的该网页文件发送至该浏览器；

编辑模块，用于根据用户通过浏览器对该流程图编辑界面的操作，在流程图编辑界面上编辑流程图，确定元件的基本信息、元件之间的连接线和连接关系，将该元件的基本信息、元件之间的连接线和连接关系存入数据库中。

7.如权利要求6所述的网页流程图编辑系统，其特征在于，所述接收模块还根据该网页文件的源程序代码判断该网页文件中是否包含编辑流程图的自订标签，当该网页文件中包含编辑流程图的自订标签时，触发所述发送模块。

8.如权利要求6所述的网页流程图编辑系统，其特征在于，所述编辑模块通过新增或改变网页文件里组成元件或连接线的DIV元素的级联样式表CSS样式在流程图编辑界面上编辑流程图。

9.如权利要求6所述的网页流程图编辑系统，其特征在于，所述元件的基本信息包括元件的形状、大小、位置、名称和文字内容。

10.如权利要求6所述的网页流程图编辑系统，其特征在于，该接收模块还用于当再次接收到浏览器发送的该网页文件的访问请求时，从数据库获取该网页文件、网页文件中元件的基本信息、元件之间的连接线和连接关系；

所述发送模块还用于生成流程图编辑界面，然后将该元件的基本信息、元件之间的连接线和连接关系、带有流程图编辑界面的该网页文件发送至浏览器。