CN104239429B - 对网页中的流程图进行编辑的方法和装置 - Google Patents
对网页中的流程图进行编辑的方法和装置 Download PDFInfo
- Publication number
- CN104239429B CN104239429B CN201410424726.8A CN201410424726A CN104239429B CN 104239429 B CN104239429 B CN 104239429B CN 201410424726 A CN201410424726 A CN 201410424726A CN 104239429 B CN104239429 B CN 104239429B
- Authority
- CN
- China
- Prior art keywords
- flow chart
- designating unit
- word
- unit lattice
- webpage
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Document Processing Apparatus (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例提供了一种对网页中的流程图进行编辑的方法和装置。该方法主要包括：将流程图中的每一个步骤节点处的文字设置为空白，得到所述流程图对应的背景图，将背景图显示在网页中；根据流程图中的各个步骤节点的平面位置的布置特点将流程图划分成表格，利用标准通用标记语言编写表格；利用网页脚本语言通过网页文本编辑工具在表格中的指定单元格中填写文字，并且指定单元格中的文字和指定单元格对应的步骤节点处的流程图原有文字一致；将表格显示在背景图所在的网页中。本发明实施例实现流程图文字内容的后台管理编辑和排列，从而能够方便地修改流程图上的文字，能大量减少页面维护人员维护流程图的工作量。
Description
技术领域
本发明涉及媒体通信技术领域，尤其涉及一种对网页中的流程图进行编辑的方法和装置。
背景技术
随着信息化发展越来越迅速，覆盖越来越广泛，越来越多的人喜欢把一些事情的步骤做成流程图，然后，将流程图采用图片的形式放置到网页上。这样如果需要修改一次流程图，修改一次放置流程图的页面，就必须修改一次流程图对应的图片，页面维护人员维护流程图的工作量大，不利于流程图的后台管理。
发明内容
本发明的实施例提供了一种对网页中的流程图进行编辑的方法和装置，以实现将流程图方便地在网页上显示和编辑。
本发明提供了如下方案：
一种在网页中对流程图进行显示和编辑的方法，包括：
绘制流程图，将所述流程图中的每一个步骤节点处的文字设置为空白，得到所述流程图对应的背景图，将所述背景图显示在网页中；
根据所述流程图中的各个步骤节点的平面位置的布置特点将所述流程图划分成表格，所述流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应，利用标准通用标记语言编写所述表格；
利用网页脚本语言通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致；
将所述表格显示在所述背景图所在的网页中。
所述的根据所述流程图中的各个步骤节点的平面位置的布置特点将所述流程图划分成表格，所述流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应，利用标准通用标记语言编写所述表格，包括：
根据所述流程图中的各个步骤节点的平面位置的水平和垂直布置层次关系，将所述流程图划分为M行N列的表格，M的具体数值根据各个步骤节点的平面位置的垂直布置层次关系而定，N的具体数值根据各个步骤节点的平面位置的水平布置层次关系而定，每个步骤节点分别位于所述表格中的一个指定单元格中，分别和所述指定单元格唯一对应；
根据每个步骤节点对应的指定单元格将每个步骤节点的平面位置坐标化，坐标化后的各个步骤节点的平面位置为一个二维数组，二维数组的第一个字符表示行数，第二个字符表示列数，该二维数组也是步骤节点对应的指定单元格的坐标；
编写所述表格对应的标准通用标记语言。
所述的通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致，包括：
在所述背景图所在的网页的后台管理页面中，给所述表格中的和步骤节点对应的指定单元格配置一个网页文本编辑工具，在所述网页文本编辑工具中的输入窗口中填写文字，并且所述输入框中填写的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致；
通过点击所述网页文本编辑工具中的提交按钮，将所述输入框中填写的文字设置到所述指定单元格对应的标准通用标记语言中，使所述输入框中填写的文字成为在网页中所述指定单元格中显示的文字。
所述的将所述表格显示在所述背景图所在的网页中，包括：
将所述表格对应的标准通用标记语言设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格显示在所述背景图所在的网页中，所述表格中的指定单元格显示的位置和所述指定单元格对应的步骤节点在所述流程图中的原有位置对应，所述指定单元格中显示的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
所述的方法还包括：
当需要对流程图中的步骤节点处的文字进行修改时，在所述步骤节点对应的指定单元格对应的网页文本编辑工具中输入修改后的文字，并提交修改，对所述表格对应的标准通用标记语言进行了修改，将所述修改后的表格对应的标准通用标记语言重新设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格重新显示在所述背景图所在的网页中，替换掉所述背景图所在的网页中原先显示的表格。
一种在网页中对流程图进行显示和编辑的装置，包括：
背景图获取模块，用于绘制流程图，将所述流程图中的每一个步骤节点处的文字设置为空白，得到所述流程图对应的背景图，将所述背景图显示在网页中；
表格划分模块，用于根据所述流程图中的各个步骤节点的平面位置的布置特点将所述流程图划分成表格，所述流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应；
文字填写模块，用于通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致；
表格显示模块，用于利用网页脚本语言将所述表格显示在所述背景图所在的网页中。
所述的表格划分模块，具体用于根据所述流程图中的各个步骤节点的平面位置的水平和垂直布置层次关系，将所述流程图划分为M行N列的表格，M的具体数值根据各个步骤节点的平面位置的垂直布置层次关系而定，N的具体数值根据各个步骤节点的平面位置的水平布置层次关系而定，每个步骤节点分别位于所述表格中的一个指定单元格中，分别和所述指定单元格唯一对应；
根据每个步骤节点对应的指定单元格将每个步骤节点的平面位置坐标化，坐标化后的各个步骤节点的平面位置为一个二维数组，二维数组的第一个字符表示行数，第二个字符表示列数，该二维数组也是步骤节点对应的指定单元格的坐标；
编写所述表格对应的标准通用标记语言。
所述的文字填写模块，具体用于在所述背景图所在的网页的后台管理页面中，给所述表格中的和步骤节点对应的指定单元格配置一个网页文本编辑工具，在所述网页文本编辑工具中的输入窗口中填写文字，并且所述输入框中填写的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致；
通过点击所述网页文本编辑工具中的提交按钮，将所述输入框中填写的文字设置到所述指定单元格对应的标准通用标记语言中，使所述输入框中填写的文字成为在网页中所述指定单元格中显示的文字。
所述的表格显示模块，具体用于将所述表格对应的标准通用标记语言设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格显示在所述背景图所在的网页中，所述表格中的指定单元格显示的位置和所述指定单元格对应的步骤节点在所述流程图中的原有位置对应，所述指定单元格中显示的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
所述的文字填写模块，还用于当需要对流程图中的步骤节点处的文字进行修改时，在所述步骤节点对应的指定单元格对应的网页文本编辑工具中输入修改后的文字，并提交修改，对所述表格对应的标准通用标记语言进行了修改，将所述修改后的表格对应的标准通用标记语言重新设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格重新显示在所述背景图所在的网页中，替换掉所述背景图所在的网页中原先显示的表格。
由上述本发明的实施例提供的技术方案可以看出，本发明实施例通过设置流程图对应的背景图和表格，提供了一种将流程图文字与图分离的一种简单又有效的解决方案，实现流程图文字内容的后台管理编辑和排列，以及流程图的行列，宽高控制，从而能够方便地修改流程图上的文字，编辑流程图上的一些步骤节点，能大量减少页面维护人员维护流程图的工作量，有利于流程图的后台管理，有利于将流程图方便地在网页上显示。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例一提供的一种对网页中的流程图进行编辑的方法的处理流程图；
图2为本发明实施例一提供的一种流程图的示意图；
图3为本发明实施例一提供的一种利用HTML生成图2所述的流程图对应的表格的示意图；
图4和图5为本发明实施例一提供的一种在“安排体检”步骤节点对应的网页文本输入框中填写文字的过程示意图；
图6为本发明实施例一提供的一种在网页中对流程图进行显示和编辑的装置的具体结构图，图中，背景图获取模块61，表格划分模块62，文字填写模块63和表格显示模块64。
具体实施方式
为便于对本发明实施例的理解，下面将结合附图以几个具体实施例为例做进一步的解释说明，且各个实施例并不构成对本发明实施例的限定。
实施例一
本发明实施例提供了一种流程图网页化的方法，是将流程图文字与图分离的一种简单又有效的解决方案，能方便地修改流程图上的各个步骤节点上的文字。
本发明实施例提供的一种在网页中对流程图进行显示和编辑的方法的处理流程如图1所示，包括如下的处理步骤：
步骤S110、绘制流程图，将所述流程图中的每一个步骤节点处的文字设置为空白，得到所述流程图对应的背景图，将所述背景图显示在网页中。
上述背景图的图形架构和上述流程图的图形架构完全相同，背景图中也包括流程图中的各个步骤线条、步骤箭头和步骤节点，只不过各个步骤节点处的文字为空白。
步骤S120、根据所述流程图中的各个步骤节点的平面位置的水平和垂直布置层次关系，将所述流程图划分为M行N列的表格，M和N的具体数值根据实际情况而定，每个步骤节点分别位于所述表格中的一个单元格中，即流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应。比如，针对图2所示的流程图，将“开始”和“结束”也作为一个步骤节点，则图2所示的流程图可以划分为5行和4列的表格。
将上述流程图划分为M行N列的表格后，根据每个步骤节点对应的指定单元格可以将流程图中的各个步骤节点的平面位置坐标化，坐标化后的各个步骤节点的平面位置为一个二维数组，即每个步骤节点对应一个二维数组，二维数组的第一个字符表示行数，第二个字符表示列数，该二维数组也就是步骤节点对应的指定单元格的坐标。
比如，针对图2所示的流程图，
“开始”步骤节点对应的二维数组为(1，1)，即对应表格中的指定单元格(1，1)；
“提交录用申请”步骤节点对应的二维数组为(2，1)，即对应表格中的指定单元格(2，1)；
同样地，“审核确认”步骤节点对应的二维数组为(2，2)，“审核”步骤节点对应的二维数组为(3，3)，“审批”步骤节点对应的二维数组为(3，4)，“安排体检”步骤节点对应的二维数组为(4，1)，“结束”步骤节点对应的二维数组为(5，1)。
在实际应用中，还可以如图2所示对每个步骤节点进行编号。
步骤S130、上述表格中的每行的行高根据各个步骤节点的平面位置的垂直布置特点而定，每列的列宽根据各个步骤节点的平面位置的水平布置特点而定。在实际应用中，上述表格中的各行的行高、各列的列宽可以是相等的。
利用标准通用标记语言生成上述表格，上述标准通用标记语言可以为HTML(HyperText Mark-up Language，超文本标记语言)，该实施例提供的一种利用HTML生成上述图2所述的流程图对应的表格的示意图如图3所示。
步骤S140、通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
在所述背景图所在的网页的后台管理页面中，给所述表格中的和步骤节点对应的指定单元格配置一个网页文本编辑工具，该网页文本编辑工具通过网页脚本语言实现，上述网页脚本语言可以为java，c#，javascript，asp，php等。
在所述网页文本编辑工具中的输入窗口中填写文字，并且所述输入框中填写的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
通过点击所述网页文本编辑工具中的提交按钮，将所述输入框中填写的文字设置到所述指定单元格对应的标准通用标记语言中，使所述输入框中填写的文字成为在网页中所述指定单元格中显示的文字。
所述的网页文本编辑工具包括：网页文本输入框，并且网页文本编辑工具还可以显示所述指定单元格对应的行数和列数。
该实施例提供的一种在“安排体检”步骤节点对应的网页文本输入框中填写文字的过程示意图如图4和5所示，图4是填写文字之前的状态示意图，图5是填写文字之后的状态示意图。
步骤S150、利用标准通用标记语言将表格显示在背景图所在的网页中。
将所述表格对应的标准通用标记语言设置到所述背景图所在的网页对应的标准通用标记语言中，在网页浏览器中显示所述背景图所在的网页对应的标准通用标记语言，从而将所述表格显示在所述背景图所在的网页中。
所述表格中的指定单元格显示的位置和所述指定单元格对应的步骤节点在所述流程图中的原有位置对应，所述指定单元格中显示的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
当需要对流程图中的步骤节点处的文字进行修改时，可以直接在步骤节点对应的指定单元格对应的网页文本编辑工具中输入修改后的文字，并提交修改，从而对上述表格对应的标准通用标记语言进行了修改。然后，将上述修改后的表格对应的标准通用标记语言重新设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格重新显示在所述背景图所在的网页中，替换掉所述背景图所在的网页中原先显示的表格。
上述标准通用标记语言可以为HTML(HyperText Mark-up Language，超文本标记语言)。
实施例二
该实施例提供了一种在网页中对流程图进行显示和编辑的装置，其具体结构如图6所示，包括如下的处理步骤：
背景图获取模块61，用于绘制流程图，将所述流程图中的每一个步骤节点处的文字设置为空白，得到所述流程图对应的背景图，将所述背景图显示在网页中；
表格划分模块62，用于根据所述流程图中的各个步骤节点的平面位置的布置特点将所述流程图划分成表格，所述流程图中的一个步骤节点和所述表格中的一个指定单元格唯一对应；
文字填写模块63，用于通过网页文本编辑工具在所述表格中的指定单元格中填写文字，并且所述指定单元格中的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致；
表格显示模块64，用于利用网页脚本语言将所述表格显示在所述背景图所在的网页中。
进一步地，所述的表格划分模块62，具体用于根据所述流程图中的各个步骤节点的平面位置的水平和垂直布置层次关系，将所述流程图划分为M行N列的表格，M的具体数值根据各个步骤节点的平面位置的垂直布置层次关系而定，N的具体数值根据各个步骤节点的平面位置的水平布置层次关系而定，每个步骤节点分别位于所述表格中的一个指定单元格中，分别和所述指定单元格唯一对应；
根据每个步骤节点对应的指定单元格将每个步骤节点的平面位置坐标化，坐标化后的各个步骤节点的平面位置为一个二维数组，二维数组的第一个字符表示行数，第二个字符表示列数，该二维数组也是步骤节点对应的指定单元格的坐标；
编写所述表格对应的标准通用标记语言。
进一步地，所述的文字填写模块63，具体用于在所述背景图所在的网页的后台管理页面中，给所述表格中的和步骤节点对应的指定单元格配置一个网页文本编辑工具，在所述网页文本编辑工具中的输入窗口中填写文字，并且所述输入框中填写的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致；
通过点击所述网页文本编辑工具中的提交按钮，将所述输入框中填写的文字设置到所述指定单元格对应的标准通用标记语言中，使所述输入框中填写的文字成为在网页中所述指定单元格中显示的文字。
进一步地，所述的表格显示模块64，具体用于将所述表格对应的标准通用标记语言设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格显示在所述背景图所在的网页中，所述表格中的指定单元格显示的位置和所述指定单元格对应的步骤节点在所述流程图中的原有位置对应，所述指定单元格中显示的文字和所述指定单元格对应的步骤节点处的所述流程图原有文字一致。
进一步地，所述的文字填写模块63，还用于当需要对流程图中的步骤节点处的文字进行修改时，在所述步骤节点对应的指定单元格对应的网页文本编辑工具中输入修改后的文字，并提交修改，对所述表格对应的标准通用标记语言进行了修改，将所述修改后的表格对应的标准通用标记语言重新设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格重新显示在所述背景图所在的网页中，替换掉所述背景图所在的网页中原先显示的表格。
用本发明实施例的装置进行在网页中对流程图进行显示和编辑的具体过程与前述方法实施例类似，此处不再赘述。
综上所述，本发明实施例通过设置流程图对应的背景图和表格，提供了一种将流程图文字与图分离的一种简单又有效的解决方案，实现流程图文字内容的后台管理编辑和排列，以及流程图的行列，宽高控制，从而能够方便地修改流程图上的文字，编辑流程图上的一些步骤节点，能大量减少页面维护人员维护流程图的工作量，有利于流程图的后台管理，有利于将流程图方便地在网页上显示。
本领域普通技术人员可以理解：附图只是一个实施例的示意图，附图中的模块或流程并不一定是实施本发明所必须的。
通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的装置及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。
以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求的保护范围为准。
Claims (10)
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所述的在网页中对流程图进行显示和编辑的装置，其特征在于：
所述的文字填写模块，还用于当需要对流程图中的步骤节点处的文字进行修改时，在所述步骤节点对应的指定单元格对应的网页文本编辑工具中输入修改后的文字，并提交修改，对所述表格对应的标准通用标记语言进行了修改，将所述修改后的表格对应的标准通用标记语言重新设置到所述背景图所在的网页对应的标准通用标记语言中，将所述表格重新显示在所述背景图所在的网页中，替换掉所述背景图所在的网页中原先显示的表格。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410424726.8A CN104239429B (zh) | 2014-08-26 | 2014-08-26 | 对网页中的流程图进行编辑的方法和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410424726.8A CN104239429B (zh) | 2014-08-26 | 2014-08-26 | 对网页中的流程图进行编辑的方法和装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104239429A CN104239429A (zh) | 2014-12-24 |
| CN104239429B true CN104239429B (zh) | 2018-01-16 |
Family
ID=52227489
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410424726.8A Active CN104239429B (zh) | 2014-08-26 | 2014-08-26 | 对网页中的流程图进行编辑的方法和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104239429B (zh) |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106610774B (zh) * | 2015-10-23 | 2020-03-31 | 北京国双科技有限公司 | 网页表格编辑方法及装置 |
| CN106648345A (zh) * | 2015-11-04 | 2017-05-10 | 腾讯科技（深圳）有限公司 | 一种数据文本修改方法、终端及系统 |
| CN107784023A (zh) * | 2016-08-31 | 2018-03-09 | 北京国双科技有限公司 | 一种图文信息的生成方法及装置 |
| CN110472925A (zh) * | 2018-05-11 | 2019-11-19 | 懿谷智能科技(上海)有限公司 | 一种基于网页流程图的实验室测试流程管理系统及方法 |
| CN112667236A (zh) * | 2020-12-28 | 2021-04-16 | 珠海新华通软件股份有限公司 | 网格化布局的工作流程实现方法、系统及介质 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1073026A (zh) * | 1992-12-04 | 1993-06-09 | 黄尚廉 | 复杂表格智能处理方法 |
| JP2002091957A (ja) * | 2000-09-20 | 2002-03-29 | Fuji Photo Film Co Ltd | 編集装置および編集プログラム記憶媒体 |
| CN1704934A (zh) * | 2004-05-31 | 2005-12-07 | 国际商业机器公司 | 流程图的编辑、重组验证、创建和转换的方法和装置 |
| US7337398B1 (en) * | 2003-02-28 | 2008-02-26 | Adobe Systems Incorporated | Reconstitute tag-delimited tables in a graphics editing application |
| CN102460380A (zh) * | 2009-04-13 | 2012-05-16 | 霍尼韦尔国际公司 | 将电子表格用户接口用于cpi模拟系统的流程图 |
| CN102737108A (zh) * | 2012-04-05 | 2012-10-17 | 李姮乐 | 处理流程图的方法及装置 |
| CN103593345A (zh) * | 2012-08-14 | 2014-02-19 | 捷达世软件（深圳）有限公司 | 网页流程图编辑方法及系统 |
-
2014
- 2014-08-26 CN CN201410424726.8A patent/CN104239429B/zh active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1073026A (zh) * | 1992-12-04 | 1993-06-09 | 黄尚廉 | 复杂表格智能处理方法 |
| JP2002091957A (ja) * | 2000-09-20 | 2002-03-29 | Fuji Photo Film Co Ltd | 編集装置および編集プログラム記憶媒体 |
| US7337398B1 (en) * | 2003-02-28 | 2008-02-26 | Adobe Systems Incorporated | Reconstitute tag-delimited tables in a graphics editing application |
| CN1704934A (zh) * | 2004-05-31 | 2005-12-07 | 国际商业机器公司 | 流程图的编辑、重组验证、创建和转换的方法和装置 |
| CN102460380A (zh) * | 2009-04-13 | 2012-05-16 | 霍尼韦尔国际公司 | 将电子表格用户接口用于cpi模拟系统的流程图 |
| CN102737108A (zh) * | 2012-04-05 | 2012-10-17 | 李姮乐 | 处理流程图的方法及装置 |
| CN103593345A (zh) * | 2012-08-14 | 2014-02-19 | 捷达世软件（深圳）有限公司 | 网页流程图编辑方法及系统 |
Non-Patent Citations (4)
| Title |
|---|
| "优化智能化工艺系统流程图修改方法的应用研究";陈海燕 等;《2 0 1 3 电力行业信息化年会论文集》;20131231;全文 * |
| "化工工艺流程图图形编辑系统的设计与实现";赵恒永 等;《计算机与应用化学》;19941130;第11卷(第4期);全文 * |
| "流程图编程语言和编辑软件的设计开发";吴络音;《工业控制计算机》;20111231;第24卷(第6期);全文 * |
| "程控交换操作维护仿真软件设计";张健宁;《南京邮电学院学》;19970630;第17卷(第2期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104239429A (zh) | 2014-12-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104239429B (zh) | 对网页中的流程图进行编辑的方法和装置 | |
| Vaughan-Nichols | Will HTML 5 restandardize the web? | |
| Isern et al. | Language extinction and linguistic fronts | |
| US20140059488A1 (en) | System and method for viewing selected descendant nodes in a tree hierarchy displayed in tabular form | |
| Capeáns et al. | Partially controlling transient chaos in the Lorenz equations | |
| CN103744674A (zh) | 生成html程序代码的方法和装置 | |
| CN103226558A (zh) | 基于文档模式的知识的文档合并的方法和系统 | |
| JP7416162B2 (ja) | コンテンツデータ処理方法、ウェブサービスの提供方法、及び、プログラム | |
| CN106843844A (zh) | 一种自定义视图的展示装置 | |
| CN103518195A (zh) | 用于基于矢量的表格字段文档的设备、系统和方法 | |
| Fairclough et al. | LayOpt: an educational web-app for truss layout optimization | |
| US8943399B1 (en) | System and method for maintaining position information for positioned elements in a document, invoking objects to lay out the elements, and displaying the document | |
| CN106886398A (zh) | 一种层叠样式表的提取方法和设备 | |
| CN103377214A (zh) | 一种模块化智能网站自助建站管理系统 | |
| Patsis et al. | Building CX peanut-shaped disk galaxy profiles-The relative importance of the 3D families of periodic orbits bifurcating at the vertical 2: 1 resonance | |
| Heydt | Python Web Scraping Cookbook: Over 90 proven recipes to get you scraping with Python, microservices, Docker, and AWS | |
| US20140101533A1 (en) | Lossless application of new information architecture to existing websites, web pages, and online content | |
| US20140040724A1 (en) | Method and system for website creation | |
| Ma et al. | Multiblock adaptive mesh refinement for the SN transport equation based on lattice Boltzmann method | |
| CN103970890B (zh) | 一种实时网页数据的生成方法及装置 | |
| CN107562455B (zh) | 一种html列表自适应布局方法及装置 | |
| Eingorn et al. | Zero average values of cosmological perturbations as an indispensable condition for the theory and simulations | |
| KR101649822B1 (ko) | 웹페이지 구축 장치 및 방법 | |
| Basu | From design to tape-out in scl 180 nm cmos integrated circuit fabrication technology | |
| Yamamoto et al. | A simple treatment of increased gap due to fuel assembly bowing through correction of cross sections |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20170704 Address after: 100195 110, building 1, building 18, apricot Road, Haidian District, Beijing Applicant after: Aisino Corporation Inc. Address before: 100195, Haidian District, Beijing, Yan Shi Road, a 18 space information Park, 2, 4 Applicant before: BEIJING AEROSPACE ONLINE NETWORK TECHNOLOGY CO., LTD. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |