度量快速开发平台中制作帮助文档实现介绍

王爱东 · 发表于 2020-5-16 14:43:58

度量快速开发平台中，构建的业务系统，在交给客户使用的时候，一般是需要制作客户使用帮助文档。因为度量快速开发开发平台是集成了C/S，B/S的整合平台，可以很方便的利用html文档来制作业务系统帮助文档。
示例：
---------------------------------------------------------------------------------------------------------------------
主网页：helpIndex.htm
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>帮助</title>
</head>
<body>
<iframe name="left" id="leftMain" src="left.htm" frameborder="false" scrolling="auto"  style="border:none;" width="20%" allowtransparency="true" height="568">></iframe>
<iframe name="right" id="rightMain" src="right.htm" frameborder="false" scrolling="auto" style="border:none;" width="70%"  allowtransparency="true" height="568"></iframe>
</body>
</html>

------------------------------------------------------------------------------------------------------------------------

目录网页：left.htm
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>目录页</title>
</head>
<body>
<table border="0" width="100%">
<tr>
<td><a href="left.htm">安全目标</td>
</tr>
<tr>
<td><a href="left.htm">安全责任体系</td>
</tr>
<tr>
<td><a href="left.htm">法规和安全管理制度</td>
</tr>
<tr>
<td><a href="left.htm">安全投入</td>
</tr>
<tr>
<td><a href="left.htm">装备设施</td>
</tr>
<tr>
<td><a href="left.htm">队伍建设</td>
</tr>
<tr>
<td><a href="left.htm">作业管理</td>
</tr>
<tr>
<td><a href="left.htm">危险源辨识与风险控制</td>
</tr>
</table>
</body>
<script type="text/javascript">
function LocateURL( urlname ){
var frameid = parent.document.getElementById("rightMain");
frameid.src = "right.htm#"+urlname ;
}
</script>
</html>

------------------------------------------------------------------------------------------------------------------------
内容网页：right.htm

<h2><span style="font-size: 16pt; font-family: 黑体; font-weight: bold">
<a name="安全目标">安全目标</a></span></h2>
<div style="TEXT-INDENT: 28pt">
<span style="font-size: 14pt; font-family: 宋体">
安全工作目标与方针是对公司制定的安全工作方针与目标、中长期规划、年度计划等内容进行管理，这其中包括制定各方针、目标的安全控制指标，制定的具体措施，根据中长期规划、年度计划等制定各项专项工作方案并管理且严格执行。</span></div>
<h3><span style="font-size: 16pt; font-family: 宋体; font-weight: bold">1.1<font face="宋体">安全工作方针与目标</font></span></h3>
<div style="TEXT-ALIGN: left; MARGIN-LEFT: 63pt; TEXT-INDENT: 21pt">
<span style="FONT-SIZE: 14pt; FONT-FAMILY: 宋体">1、</span><span style="font-size: 14pt; font-family: 宋体">选中【安全目标】模块下面的【安全工作方针与目标】，点击打开安全工作方针与目标的主窗体。如图（<font face="Times New Roman">1-1</font><font face="宋体">）：</font></span></div>
<div style="TEXT-ALIGN: left">
<span style="HEIGHT: 27px; WIDTH: 259px; POSITION: absolute; MARGIN-LEFT: 271px; LEFT: 0px; Z-INDEX: 1; MARGIN-TOP: 8px">
<img id="3c0d5a2b605e4b77877d58b98f2df722" src="http://120.25.220.142:8889/FileSystem/HtmlEditorImages//3c0d5a2b605e4b77877d58b98f2df722.png" width="259" height="27" uploaded="1" ext="png" floder="6" childFloder></span><span style="HEIGHT: 15px; WIDTH: 115px; POSITION: absolute; MARGIN-LEFT: 218px; LEFT: 0px; Z-INDEX: 1; MARGIN-TOP: -30px"><img id="9a30d72b75064a59ac19e9dc86e4e974" src="http://120.25.220.142:8889/FileSystem/HtmlEditorImages//9a30d72b75064a59ac19e9dc86e4e974.png" width="115" height="15" uploaded="1" ext="png" floder="6" childFloder></span><img id="2bac8357b2eb4ba58575bf2c0173e974" src="http://120.25.220.142:8889/FileSystem/HtmlEditorImages//2bac8357b2eb4ba58575bf2c0173e974.jpg" width="553" height="102" uploaded="1" ext="jpg" floder="6" childFloder><span style="font-size: 10.5pt; font-family: Times New Roman"> </span></div>
<div style="TEXT-ALIGN: center">
<span style="font-size: 10.5pt; font-family: 宋体">图 <font face="Times New Roman">1-</font>1 安全工作方针与目标主窗体界面</span></div>
<div style="TEXT-ALIGN: left; MARGIN-LEFT: 63pt; TEXT-INDENT: 21pt">
<span style="FONT-SIZE: 14pt; FONT-FAMILY: 宋体">2、</span><span style="font-size: 14pt; font-family: 宋体">点击【新增】按钮，打开新增界面，添加数据。如图（<font face="Times New Roman">1-2-1</font><font face="宋体">）：</font></span></div>
<div style="TEXT-ALIGN: left">