XML卷之实战锦囊(5)结构树图
来源:互联网 发布:sql server 建立索引 编辑:程序博客网 时间:2024/04/29 04:08
最初想起做二叉树是因为需要做一个公司结构图。 以前的做法都是直接用图象软件画出来一个图片。很好看,但每次有变动后都需要重新画一个新的。 另一方面,网页上对线条的显示、布局相当局限。根据动态生成的数据进行排版、定位都相当困难, 而且在美观上也差强人意。 做了各种尝试以后,决定用XML XSL作数据运算; 用VML来美化线条,用javascript来给对象定位。
材料:
有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>
- XML卷之实战锦囊(5):结构树图
- XML卷之实战锦囊(5):结构树图
- XML卷之实战锦囊(5):结构树图
- XML卷之实战锦囊(5):结构树图
- XML卷之实战锦囊(5):结构树图
- XML卷之实战锦囊(5):结构树图
- XML卷之实战锦囊(5)结构树图
- XML卷之实战锦囊(5):结构树图
- XML卷之实战锦囊(5)结构树图
- [ZT]XML卷之实战锦囊(2):结构树图
- [ZT]XML卷之实战锦囊之:动态查询
- XML卷之实战锦囊(1):动态排序
- XML卷之实战锦囊(2):动态查询
- XML卷之实战锦囊(3):动态分页
- XML卷之实战锦囊(4):选单连动
- XML卷之实战锦囊(1):动态排序
- XML卷之实战锦囊(2):动态查询
- XML卷之实战锦囊(3):动态分页
- 一个CD目录的XML文件
- 转 3GP文件格式分析
- 一个最简单的XML文件
- 非常经典的管理哲学
- 利用XSL和ASP在线编辑XML文档
- XML卷之实战锦囊(5)结构树图
- c语言中的指针
- XML卷之实战锦囊(3)动态分页
- DirectX 学习笔记(1)--什么是DirectX 和DirectX3D?
- XML卷之实战锦囊(1)动态排序
- OpenGL中的矩阵相乘的顺序
- XML卷之实战锦囊(4)选单连动
- 用XML和SQL 2000来管理存储过程调用
- XML卷之实战锦囊(2)动态查询