项目总体介绍及环境搭建附件the5th lecture

1、基于J2EE学生管理系统项目实战第五讲 Ajax树设计及实现签约讲师姜 昊课程请见本课件由CSDN旗下教育为热爱IT的学子们提供了包括.net,java,课程。等领域的众多课程列表地址：学堂）是CSDN与多家知名培训机构合作建立的（教育和各个领域的IT，和教育机构教育模一起摸索出能够满足IT专业学习需求的新型式，成为IT专业学习提高的一种新的选择。关于：名师谱：上讲回顾上一讲主要学习了：FROM对象表单域对象、属性、方法使用Ajax技术实现2级联动菜单Page 3本讲概述通过本讲的学习你将会学到：为什么需要Ajax树Ajax树实现原理XloadTree以及在项目中的封装动手实现Ajax树Pag

2、e 4为什么需要Ajax树项目中经常需要使用树形控件展示数据。遇到：数据量过大时间过长，用户频繁刷新造成服务器负担重。最终用户认为树无法显示。解决方案首次大大减少第一级节点，而后每次时间增强用户体验。需展开节点的子节点。这样Page 5Ajax树实现原理通常有2种方式实现Ajax树：1、在服务器端生成全部客户端代码在jsp中打印生成树。2、使用js控件生成。和升级市面上有很多很好的开源js树形控第一种的缺点是难以件如：Dtree、XloadTree等。项目中使用XloadTree。Page 6XloadTree简介XLoadTree 是 xTree 的扩展版本, 它让你可以对每个树的节点定义一

3、个 source 属性, 这个属性指向一个 xml 文件, 然后它可以被载入, 使用 DOM 转换,做., 这些都可以用树节点的方法来XLoadTree 的用法几乎和 xTree 相同, 所以您记不得如何做的了看一下 xTree 用法. 任何原来的 WebFXTree 可时候以使用 xTree 的地方都可以使用 WebFXLoadTree, 这个规则也同样适用于WebFXTreeItem 和 WebFXLoadTreeItem.Page 7让看看第一个 xTree 用法的例子, 注意在第二个树节点的地方使用了对应的可载入树节点代替了 WebFXTreeItem.var tree = new W

4、ebFXTree(Root); tree.add(new WebFXTreeItem(Tree Item 1);tree.add(new WebFXLoadTreeItem(Tree Item 2, tree.xml); tree.add(new WebFXTreeItem(Tree Item 3);.write(tree);上面的代码将会产生如下结果:Page 8当 Tree Item 2 被展开的时候文件 tree.xml 被载入, 在加载的时一个临时的树节点来显示子节点正在被载入中. 看起来就候像这样:Page 9项目对于XloadTree封装public class TreeBase

5、private TreeNode rootNode;public TreeBase(TreeNode rootNode) this.rootNode = rootNode;public TreeBase() Page 10public class TreeNode private String nodeID = nodeID; private String nodeName = nodeName; private String actionURL = #;private String action= ;private String forRequestName = nodeID;private String nodeURL = ;省略get、set方法。Page 11动手演示使用封装的XLoadTree类实现学院、班级的Ajax树。Page 12小 结通过本讲的学习你应该已经学到：为什么需要Ajax树Ajax树实现原理XloadTree以及在项目中的封装动手实现Ajax树Page 13作 业完成课上未完成的Ajax树。实现班级到学生的Ajax树