XML卷之实战锦囊(5)结构树图

最新推荐文章于 2024-05-01 15:40:09 发布

zgqtxwd

最新推荐文章于 2024-05-01 15:40:09 发布

阅读量302

点赞数

分类专栏：网络技术文章标签： xml xsl javascript behavior html url

网络技术专栏收录该内容

3537 篇文章 0 订阅

订阅专栏

动机：

最初想起做二叉树是因为需要做一个公司结构图。以前的做法都是直接用图象软件画出来一个图片。很好看，但每次有变动后都需要重新画一个新的。另一方面，网页上对线条的显示、布局相当局限。根据动态生成的数据进行排版、定位都相当困难，而且在美观上也差强人意。做了各种尝试以后，决定用XML XSL作数据运算；用VML来美化线条，用javascript来给对象定位。　

材料：

XML卷之结构树图

有2个文件：flow2.XML 和 flow2.xsl

讲解：

二叉树思路（1）

<html XMLns:v="urn:schemas-microsoft-com:vml">
<STYLE>
v/:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<v:group id="group1" name="group1" coordsize = "100,100">
…
</v:group>

以上这些都是VML的基本格式，我就不详细讲解了。

XML是树型结构，我们读取每个数据就需要对这个XML数据树进行遍历。而递归运算是XSL优势之一。
我也是在用其它多种方法进行遍历运算失败后才决定使用XSL的。

<FlowRoot>
<vcTitle>二叉树--结构图</vcTitle>
<Author>Sailflying</Author>
<Email>sailflying@163.net</Email>
<FlowNode>
<iProcess>1</iProcess>
<vcCourse>第一个节点</vcCourse>
<iNextYes>
<FlowNode>
<iProcess>2</iProcess>
<vcCourse>第二个节点</vcCourse>
<iNextYes>…</iNextYes>
<iNextNo>…</iNextNo>
</FlowNode>
</iNextYes>
<iNextNo>
<FlowNode>
<iProcess>3</iProcess>
<vcCourse>第三个节点</vcCourse>
<iNextYes>…</iNextYes>
<iNextNo>…</iNextNo>
</FlowNode>
</iNextNo>
</FlowNode>
</FlowRoot>

zgqtxwd

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
XML卷之实战锦囊(5)结构树图

<script type="text/javascript"
复制链接

扫一扫