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

转载 2008年05月01日 05:09:00
<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 728x15, 创建于 08-4-23MSDN */ google_ad_slot = "3624277373"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 160x600, 创建于 08-4-23MSDN */ google_ad_slot = "4367022601"; google_ad_width = 160; google_ad_height = 600; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
动机:

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

<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 728x15, 创建于 08-4-23MSDN */ google_ad_slot = "3624277373"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 160x600, 创建于 08-4-23MSDN */ google_ad_slot = "4367022601"; google_ad_width = 160; google_ad_height = 600; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

XML编程

在现代的开发之中,XML技术无处不在,在各个开发框架中,也都到处充斥着XML配置文件的身影。本课程将为读者讲解XML的产生背景,并且详细分析了HTML与XML的区别、XML核心语法,重点在于XML的解析技术(DOM、SAX、DOM4J工具),同时讲解了如何在HTML页面利用JavaScript进行DOM解析实现页面动态开发。官方QQ群:612148723。
  • 2016年12月31日 23:18

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

 动机: 最初想起做二叉树是因为需要做一个公司结构图。 以前的做法都是直接用图象软件画出来一个图片。很好看,但每次有变动后都需要重新画一个新的。 另一方面,网页上对线条的显示、布局相当局限。根据动态生...
  • xiaoxiaohai123
  • xiaoxiaohai123
  • 2007-04-12 10:43:00
  • 481

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

XML卷之实战锦囊(5):结构树图 动机: 最初想起做二叉树是因为需要做一个公司结构图。 以前的做法都是直接用图象软件画出来一个图片。很好看,但每次有变动后都需要重新画一个新的。 另一方面,网页上对线...
  • DBRBZYY
  • DBRBZYY
  • 2005-02-20 02:14:00
  • 627

[ZT]XML卷之实战锦囊(2):结构树图

以前的做法都是直接用图象软件画出来一个图片。很好看,但每次有变动后都需要重新画一个新的。 另一方面,网页上对线条的显示、布局相当局限。根据动态生成的数据进行排版、定位都相当困难, 而且在美观上也差强人...
  • ldw701
  • ldw701
  • 2005-10-11 17:11:00
  • 642

树的结构树的结构树的结构树的结构

  • 2010年05月08日 21:56
  • 61KB
  • 下载

树结构学习笔记(一)

树的定义: 树是n个结点的有限集。在任意一个非空的树中:(1)有且仅有一个特定的称为根的结点;(2)其余结点可以分成m个互不相交的子集,其中每一个子集又是一个树,称为子树。 结点的度: 结点拥有...
  • wsh_9527
  • wsh_9527
  • 2017-07-10 14:50:48
  • 47

数据结构 非线性结构 树 介绍及存储方法

所谓树, 其实跟链表有类似的地方,  就是都是由节点和指针构成的数据结构.            在链表中,  每1个节点(尾节点除外)只有1个指针指向下1个节点. 所以链表各个节点可以由一条线链接...
  • nvd11
  • nvd11
  • 2013-05-04 16:12:44
  • 1575

制作树型目录结构的软件

  • 2009年03月13日 14:45
  • 373KB
  • 下载

EXCEL树形结构显示

选定需要子选项的几行或列。数据---》组及分级显示---》组合
  • majin_com
  • majin_com
  • 2010-12-16 09:45:00
  • 2116

Unity结构树

  • 2017年08月18日 18:32
  • 20KB
  • 下载
收藏助手
不良信息举报
您举报文章:XML卷之实战锦囊(5)结构树图
举报原因:
原因补充:

(最多只允许输入30个字)