对网页中的流程图进行编辑的方法和装置制造方法
【专利摘要】本发明实施例提供了一种对网页中的流程图进行编辑的方法和装置。该方法主要包括：将流程图中的每一个步骤节点处的文字设置为空白，得到所述流程图对应的背景图，将背景图显示在网页中；根据流程图中的各个步骤节点的平面位置的布置特点将流程图划分成表格，利用标准通用标记语言编写表格；利用网页脚本语言通过网页文本编辑工具在表格中的指定单元格中填写文字，并且指定单元格中的文字和指定单元格对应的步骤节点处的流程图原有文字一致；将表格显示在背景图所在的网页中。本发明实施例实现流程图文字内容的后台管理编辑和排列，从而能够方便地修改流程图上的文字，能大量减少页面维护人员维护流程图的工作量。
【专利说明】对网页中的流程图进行编辑的方法和装置
【技术领域】
[0001]本发明涉及媒体通信【技术领域】，尤其涉及一种对网页中的流程图进行编辑的方法和装置。
【背景技术】
[0002]随着信息化发展越来越迅速，覆盖越来越广泛，越来越多的人喜欢把一些事情的步骤做成流程图，然后，将流程图采用图片的形式放置到网页上。这样如果需要修改一次流程图，修改一次放置流程图的页面，就必须修改一次流程图对应的图片，页面维护人员维护流程图的工作量大，不利于流程图的后台管理。
【发明内容】
[0003]本发明的实施例提供了一种对网页中的流程图进行编辑的方法和装置，以实现将流程图方便地在网页上显示和编辑。
[0004]本发明提供了如下方案:
[0005]一种在网页中对流程图进行显示和编辑的方法，包括:
[0006]绘制流程图，将所述流程图中的每一个步骤节点处的文字设置为空白，得到所述流程图对应的背景图，将所述背景图显示在网页中；
[0007]根据所述流程图中的各个步骤节点的平面位置的布置特点将所述流程图划分成表格，所述流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应，利用标准通用标记语言编写所述表格；
[0008]利用网页脚本语言通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致；
[0009]将所述表格显示在所述背景图所在的网页中。
[0010]所述的根据所述流程图中的各个步骤节点的平面位置的布置特点将所述流程图划分成表格，所述流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应，利用标准通用标记语言编写所述表格，包括:
[0011]根据所述流程图中的各个步骤节点的平面位置的水平和垂直布置层次关系，将所述流程图划分为M行N列的表格，M的具体数值根据各个步骤节点的平面位置的垂直布置层次关系而定，N的具体数值根据各个步骤节点的平面位置的水平布置层次关系而定，每个步骤节点分别位于所述表格中的一个指定单元格中，分别和所述指定单元格唯一对应；
[0012]根据每个步骤节点对应的指定单元格将每个步骤节点的平面位置坐标化，坐标化后的各个步骤节点的平面位置为一个二维数组，二维数组的第一个字符表示行数，第二个字符表示列数，该二维数组也是步骤节点对应的指定单元格的坐标；
[0013]编写所述表格对应的标准通用标记语言。
[0014]所述的通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致，包括:
[0015]在所述背景图所在的网页的后台管理页面中，给所述表格中的和步骤节点对应的指定单元格配置一个网页文本编辑工具，在所述网页文本编辑工具中的输入窗口中填写文字，并且所述输入框中填写的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致；
[0016]通过点击所述网页文本编辑工具中的提交按钮，将所述输入框中填写的文字设置到所述指定单元格对应的标准通用标记语言中，使所述输入框中填写的文字成为在网页中所述指定单元格中显示的文字。
[0017]所述的将所述表格显示在所述背景图所在的网页中，包括:
[0018]将所述表格对应的标准通用标记语言设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格显示在所述背景图所在的网页中，所述表格中的指定单元格显示的位置和所述指定单元格对应的步骤节点在所述流程图中的原有位置对应，所述指定单元格中显示的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
[0019]所述的方法还包括:
[0020]当需要对流程图中的步骤节点处的文字进行修改时，在所述步骤节点对应的指定单元格对应的网页文本编辑工具中输入修改后的文字，并提交修改，对所述表格对应的标准通用标记语言进行了修改，将所述修改后的表格对应的标准通用标记语言重新设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格重新显示在所述背景图所在的网页中，替换掉所述背景图所在的网页中原先显示的表格。
[0021]一种在网页中对流程图进行显示和编辑的装置，包括:
[0022]背景图获取模块，用于绘制流程图，将所述流程图中的每一个步骤节点处的文字设置为空白，得到所述流程图对应的背景图，将所述背景图显示在网页中；
[0023]表格划分模块，用于根据所述流程图中的各个步骤节点的平面位置的布置特点将所述流程图划分成表格，所述流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应；
[0024]文字填写模块，用于通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致；
[0025]表格显示模块，用于利用网页脚本语言将所述表格显示在所述背景图所在的网页中。
[0026]所述的表格划分模块，具体用于根据所述流程图中的各个步骤节点的平面位置的水平和垂直布置层次关系，将所述流程图划分为M行N列的表格，M的具体数值根据各个步骤节点的平面位置的垂直布置层次关系而定，N的具体数值根据各个步骤节点的平面位置的水平布置层次关系而定，每个步骤节点分别位于所述表格中的一个指定单元格中，分别和所述指定单元格唯一对应；
[0027]根据每个步骤节点对应的指定单元格将每个步骤节点的平面位置坐标化，坐标化后的各个步骤节点的平面位置为一个二维数组，二维数组的第一个字符表示行数，第二个字符表示列数，该二维数组也是步骤节点对应的指定单元格的坐标；
[0028]编写所述表格对应的标准通用标记语言。
[0029]所述的文字填写模块，具体用于在所述背景图所在的网页的后台管理页面中，给所述表格中的和步骤节点对应的指定单元格配置一个网页文本编辑工具，在所述网页文本编辑工具中的输入窗口中填写文字，并且所述输入框中填写的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致；
[0030]通过点击所述网页文本编辑工具中的提交按钮，将所述输入框中填写的文字设置到所述指定单元格对应的标准通用标记语言中，使所述输入框中填写的文字成为在网页中所述指定单元格中显示的文字。
[0031]所述的表格显示模块，具体用于将所述表格对应的标准通用标记语言设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格显示在所述背景图所在的网页中，所述表格中的指定单元格显示的位置和所述指定单元格对应的步骤节点在所述流程图中的原有位置对应，所述指定单元格中显示的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
[0032]所述的文字填写模块，还用于当需要对流程图中的步骤节点处的文字进行修改时，在所述步骤节点对应的指定单元格对应的网页文本编辑工具中输入修改后的文字，并提交修改，对所述表格对应的标准通用标记语言进行了修改，将所述修改后的表格对应的标准通用标记语言重新设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格重新显示在所述背景图所在的网页中，替换掉所述背景图所在的网页中原先显示的表格。
[0033]由上述本发明的实施例提供的技术方案可以看出，本发明实施例通过设置流程图对应的背景图和表格，提供了一种将流程图文字与图分离的一种简单又有效的解决方案，实现流程图文字内容的后台管理编辑和排列，以及流程图的行列，宽高控制，从而能够方便地修改流程图上的文字，编辑流程图上的一些步骤节点，能大量减少页面维护人员维护流程图的工作量，有利于流程图的后台管理，有利于将流程图方便地在网页上显示。
【专利附图】
【附图说明】
[0034]为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0035]图1为本发明实施例一提供的一种对网页中的流程图进行编辑的方法的处理流程图；
[0036]图2为本发明实施例一提供的一种流程图的示意图；
[0037]图3为本发明实施例一提供的一种利用HTML生成图2所述的流程图对应的表格的不意图；
[0038]图4和图5为本发明实施例一提供的一种在“安排体检”步骤节点对应的网页文本输入框中填写文字的过程示意图；
[0039]图6为本发明实施例一提供的一种在网页中对流程图进行显示和编辑的装置的具体结构图，图中，背景图获取模块61，表格划分模块62，文字填写模块63和表格显示模块
64。
【具体实施方式】
[0040]为便于对本发明实施例的理解，下面将结合附图以几个具体实施例为例做进一步的解释说明，且各个实施例并不构成对本发明实施例的限定。
[0041]实施例一
[0042]本发明实施例提供了一种流程图网页化的方法，是将流程图文字与图分离的一种简单又有效的解决方案，能方便地修改流程图上的各个步骤节点上的文字。
[0043]本发明实施例提供的一种在网页中对流程图进行显示和编辑的方法的处理流程如图1所示，包括如下的处理步骤:
[0044]步骤S110、绘制流程图，将所述流程图中的每一个步骤节点处的文字设置为空白，得到所述流程图对应的背景图，将所述背景图显示在网页中。
[0045]上述背景图的图形架构和上述流程图的图形架构完全相同，背景图中也包括流程图中的各个步骤线条、步骤箭头和步骤节点，只不过各个步骤节点处的文字为空白。
[0046]步骤S120、根据所述流程图中的各个步骤节点的平面位置的水平和垂直布置层次关系，将所述流程图划分为M行N列的表格，M和N的具体数值根据实际情况而定，每个步骤节点分别位于所述表格中的一个单元格中，即流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应。比如，针对图2所示的流程图，将“开始”和“结束”也作为一个步骤节点，则图2所示的流程图可以划分为5行和4列的表格。
[0047]将上述流程图划分为M行N列的表格后，根据每个步骤节点对应的指定单元格可以将流程图中的各个步骤节点的平面位置坐标化，坐标化后的各个步骤节点的平面位置为一个二维数组，即每个步骤节点对应一个二维数组，二维数组的第一个字符表示行数，第二个字符表示列数，该二维数组也就是步骤节点对应的指定单元格的坐标。
[0048]比如，针对图2所示的流程图，
[0049]“开始”步骤节点对应的二维数组为(1，I)，即对应表格中的指定单元格(1，I);
[0050]“提交录用申请”步骤节点对应的二维数组为(2，I)，即对应表格中的指定单元格(2,1)；
[0051]同样地，“审核确认”步骤节点对应的二维数组为(2，2)，“审核”步骤节点对应的二维数组为(3，3)，“审批”步骤节点对应的二维数组为(3，4)，“安排体检”步骤节点对应的二维数组为(4，I)，“结束”步骤节点对应的二维数组为(5，I)。
[0052]在实际应用中，还可以如图2所示对每个步骤节点进行编号。
[0053]步骤S130、上述表格中的每行的行高根据各个步骤节点的平面位置的垂直布置特点而定，每列的列宽根据各个步骤节点的平面位置的水平布置特点而定。在实际应用中，上述表格中的各行的行高、各列的列宽可以是相等的。
[0054]利用标准通用标记语言生成上述表格，上述标准通用标记语言可以为HTML (HyperText Mark-up Language,超文本标记语言)，该实施例提供的一种利用HTML生成上述图2所述的流程图对应的表格的示意图如图3所示。
[0055]步骤S140、通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
[0056]在所述背景图所在的网页的后台管理页面中，给所述表格中的和步骤节点对应的指定单元格配置一个网页文本编辑工具，该网页文本编辑工具通过网页脚本语言实现，上述网页脚本语言可以为java, c#, javascript, asp, php等。
[0057]在所述网页文本编辑工具中的输入窗口中填写文字，并且所述输入框中填写的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
[0058]通过点击所述网页文本编辑工具中的提交按钮，将所述输入框中填写的文字设置到所述指定单元格对应的标准通用标记语言中，使所述输入框中填写的文字成为在网页中所述指定单元格中显示的文字。
[0059]所述的网页文本编辑工具包括:网页文本输入框，并且网页文本编辑工具还可以显示所述指定单元格对应的行数和列数。
[0060]该实施例提供的一种在“安排体检”步骤节点对应的网页文本输入框中填写文字的过程示意图如图4和5所示，图4是填写文字之前的状态示意图，图5是填写文字之后的状态示意图。
[0061]步骤S150、利用标准通用标记语言将表格显示在背景图所在的网页中。
[0062]将所述表格对应的标准通用标记语言设置到所述背景图所在的网页对应的标准通用标记语言中，在网页浏览器中显示所述背景图所在的网页对应的标准通用标记语言，从而将所述表格显示在所述背景图所在的网页中。
[0063]所述表格中的指定单元格显示的位置和所述指定单元格对应的步骤节点在所述流程图中的原有位置对应，所述指定单元格中显示的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
[0064]当需要对流程图中的步骤节点处的文字进行修改时，可以直接在步骤节点对应的指定单元格对应的网页文本编辑工具中输入修改后的文字，并提交修改，从而对上述表格对应的标准通用标记语言进行了修改。然后，将上述修改后的表格对应的标准通用标记语言重新设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格重新显示在所述背景图所在的网页中，替换掉所述背景图所在的网页中原先显示的表格。
[0065]上述标准通用标记语言可以为HTML (HyperText Mark-up Language,超文本标记语目)。
[0066]实施例二
[0067]该实施例提供了一种在网页中对流程图进行显示和编辑的装置，其具体结构如图6所示，包括如下的处理步骤:
[0068]背景图获取模块61，用于绘制流程图，将所述流程图中的每一个步骤节点处的文字设置为空白，得到所述流程图对应的背景图，将所述背景图显示在网页中；
[0069]表格划分模块62，用于根据所述流程图中的各个步骤节点的平面位置的布置特点将所述流程图划分成表格，所述流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应；
[0070]文字填写模块63，用于通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致；
[0071]表格显示模块64，用于利用网页脚本语言将所述表格显示在所述背景图所在的网页中。
[0072]进一步地，所述的表格划分模块62，具体用于根据所述流程图中的各个步骤节点的平面位置的水平和垂直布置层次关系，将所述流程图划分为M行N列的表格，M的具体数值根据各个步骤节点的平面位置的垂直布置层次关系而定，N的具体数值根据各个步骤节点的平面位置的水平布置层次关系而定，每个步骤节点分别位于所述表格中的一个指定单元格中，分别和所述指定单元格唯一对应；
[0073]根据每个步骤节点对应的指定单元格将每个步骤节点的平面位置坐标化，坐标化后的各个步骤节点的平面位置为一个二维数组，二维数组的第一个字符表示行数，第二个字符表示列数，该二维数组也是步骤节点对应的指定单元格的坐标；
[0074]编写所述表格对应的标准通用标记语言。
[0075]进一步地，所述的文字填写模块63，具体用于在所述背景图所在的网页的后台管理页面中，给所述表格中的和步骤节点对应的指定单元格配置一个网页文本编辑工具，在所述网页文本编辑工具中的输入窗口中填写文字，并且所述输入框中填写的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致；
[0076]通过点击所述网页文本编辑工具中的提交按钮，将所述输入框中填写的文字设置到所述指定单元格对应的标准通用标记语言中，使所述输入框中填写的文字成为在网页中所述指定单元格中显示的文字。
[0077]进一步地，所述的表格显示模块64，具体用于将所述表格对应的标准通用标记语言设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格显示在所述背景图所在的网页中，所述表格中的指定单元格显示的位置和所述指定单元格对应的步骤节点在所述流程图中的原有位置对应，所述指定单元格中显示的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
[0078]进一步地，所述的文字填写模块63，还用于当需要对流程图中的步骤节点处的文字进行修改时，在所述步骤节点对应的指定单元格对应的网页文本编辑工具中输入修改后的文字，并提交修改，对所述表格对应的标准通用标记语言进行了修改，将所述修改后的表格对应的标准通用标记语言重新设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格重新显示在所述背景图所在的网页中，替换掉所述背景图所在的网页中原先显不的表格。
[0079]用本发明实施例的装置进行在网页中对流程图进行显示和编辑的具体过程与前述方法实施例类似，此处不再赘述。
[0080]综上所述，本发明实施例通过设置流程图对应的背景图和表格，提供了一种将流程图文字与图分离的一种简单又有效的解决方案，实现流程图文字内容的后台管理编辑和排列，以及流程图的行列，宽高控制，从而能够方便地修改流程图上的文字，编辑流程图上的一些步骤节点，能大量减少页面维护人员维护流程图的工作量，有利于流程图的后台管理，有利于将流程图方便地在网页上显示。
[0081]本领域普通技术人员可以理解:附图只是一个实施例的示意图，附图中的模块或流程并不一定是实施本发明所必须的。
[0082]通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
[0083]本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的装置及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。
[0084]以上所述，仅为本发明较佳的【具体实施方式】，但本发明的保护范围并不局限于此，任何熟悉本【技术领域】的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求的保护范围为准。
【权利要求】
1.一种在网页中对流程图进行显示和编辑的方法，其特征在于，包括: 绘制流程图，将所述流程图中的每一个步骤节点处的文字设置为空白，得到所述流程图对应的背景图，将所述背景图显示在网页中； 根据所述流程图中的各个步骤节点的平面位置的布置特点将所述流程图划分成表格，所述流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应，利用标准通用标记语言编写所述表格； 利用网页脚本语言通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致； 将所述表格显示在所述背景图所在的网页中。
2.根据权利要求1所述的在网页中对流程图进行显示和编辑的方法，其特征在于，所述的根据所述流程图中的各个步骤节点的平面位置的布置特点将所述流程图划分成表格，所述流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应，利用标准通用标记语言编写所述表格，包括: 根据所述流程图中的各个步骤节点的平面位置的水平和垂直布置层次关系，将所述流程图划分为M行N列的表格，M的具体数值根据各个步骤节点的平面位置的垂直布置层次关系而定，N的具体数值根据各个步骤节点的平面位置的水平布置层次关系而定，每个步骤节点分别位于所述表格中的一个指定单元格中，分别和所述指定单元格唯一对应； 根据每个步骤节点对应的指定单元格将每个步骤节点的平面位置坐标化，坐标化后的各个步骤节点的平面位置为一个二维数组，二维数组的第一个字符表示行数，第二个字符表示列数，该二维数组也是步骤节点对应的指定单元格的坐标； 编写所述表格对应的标准通用标记语言。
3.根据权利要求2所述的在网页中对流程图进行显示和编辑的方法，其特征在于，所述的通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致，包括: 在所述背景图所在的网页的后台管理页面中，给所述表格中的和步骤节点对应的指定单元格配置一个网页文本编辑工具，在所述网页文本编辑工具中的输入窗口中填写文字，并且所述输入框中填写的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致； 通过点击所述网页文本编辑工具中的提交按钮，将所述输入框中填写的文字设置到所述指定单元格对应的标准通用标记语言中，使所述输入框中填写的文字成为在网页中所述指定单元格中显示的文字。
4.根据权利要求1至3任一项所述的在网页中对流程图进行显示和编辑的方法，其特征在于，所述的将所述表格显示在所述背景图所在的网页中，包括: 将所述表格对应的标准通用标记语言设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格显示在所述背景图所在的网页中，所述表格中的指定单元格显示的位置和所述指定单元格对应的步骤节点在所述流程图中的原有位置对应，所述指定单元格中显示的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
5.根据权利要求4所述的在网页中对流程图进行显示和编辑的方法，其特征在于，所述的方法还包括: 当需要对流程图中的步骤节点处的文字进行修改时，在所述步骤节点对应的指定单元格对应的网页文本编辑工具中输入修改后的文字，并提交修改，对所述表格对应的标准通用标记语言进行了修改，将所述修改后的表格对应的标准通用标记语言重新设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格重新显示在所述背景图所在的网页中，替换掉所述背景图所在的网页中原先显示的表格。
6.一种在网页中对流程图进行显示和编辑的装置，其特征在于，包括: 背景图获取模块，用于绘制流程图，将所述流程图中的每一个步骤节点处的文字设置为空白，得到所述流程图对应的背景图，将所述背景图显示在网页中； 表格划分模块，用于根据所述流程图中的各个步骤节点的平面位置的布置特点将所述流程图划分成表格，所述流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应； 文字填写模块，用于通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致； 表格显示模块，用于利用网页脚本语言将所述表格显示在所述背景图所在的网页中。
7.根据权利要求6所述的在网页中对流程图进行显示和编辑的装置，其特征在于: 所述的表格划分模块，具体用于根据所述流程图中的各个步骤节点的平面位置的水平和垂直布置层次关系，将所述流程图划分为M行N列的表格，M的具体数值根据各个步骤节点的平面位置的垂直布置层次关系而定，N的具体数值根据各个步骤节点的平面位置的水平布置层次关系而定，每个步骤节点分别位于所述表格中的一个指定单元格中，分别和所述指定单元格唯一对应； 根据每个步骤节点对应的指定单元格将每个步骤节点的平面位置坐标化，坐标化后的各个步骤节点的平面位置为一个二维数组，二维数组的第一个字符表示行数，第二个字符表示列数，该二维数组也是步骤节点对应的指定单元格的坐标； 编写所述表格对应的标准通用标记语言。
8.根据权利要求6所述的在网页中对流程图进行显示和编辑的装置，其特征在于: 所述的文字填写模块，具体用于在所述背景图所在的网页的后台管理页面中，给所述表格中的和步骤节点对应的指定单元格配置一个网页文本编辑工具，在所述网页文本编辑工具中的输入窗口中填写文字，并且所述输入框中填写的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致； 通过点击所述网页文本编辑工具中的提交按钮，将所述输入框中填写的文字设置到所述指定单元格对应的标准通用标记语言中，使所述输入框中填写的文字成为在网页中所述指定单元格中显示的文字。
9.根据权利要求6至8任一项所述的在网页中对流程图进行显示和编辑的装置，其特征在于: 所述的表格显示模块，具体用于将所述表格对应的标准通用标记语言设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格显示在所述背景图所在的网页中，所述表格中的指定单元格显示的位置和所述指定单元格对应的步骤节点在所述流程图中的原有位置对应，所述指定单元格中显示的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
10.根据权利要求9所述的在网页中对流程图进行显示和编辑的装置，其特征在于:所述的文字填写模块，还用于当需要对流程图中的步骤节点处的文字进行修改时，在所述步骤节点对应的指定单元格对应的网页文本编辑工具中输入修改后的文字，并提交修改，对所述表格对应的标准通用标记语言进行了修改，将所述修改后的表格对应的标准通用标记语言重新设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格重新显示在所述背景图所在的网页中，替换掉所述背景图所在的网页中原先显示的表格。
【文档编号】G06F17/30GK104239429SQ201410424726
【公开日】2014年12月24日 申请日期:2014年8月26日 优先权日:2014年8月26日
【发明者】陈永辉 申请人:北京航天在线网络科技有限公司