java如何在在页面中实现树形菜单

在页面中树形菜单在页面中树形菜单 1 1 应用 应用 XTreeXTree 树型控件树型控件 1 XTree 树型控件 xtree js 是 Web 开发中运用较多的一个树型控件 其入门简单 功能强大 很多人在它的基础上开 发出了自己的树型控件 XloadTree 也是 JavaScript 的建立树型目录的开源产品 扩展 性强 使用简单 由于 XloadTree 是基于 XmlHttp 请求 响应模型 必须使用 http 协议访问代码才可以 正确加载 XML 文件 2 下载 XTree 树型控件 编程方式的系统包 3 下载 XTree 树型控件 XML 文件方式的系统包 而且该 XML 文件可以是动态创建 2 2 xtreextree 有两种使用模式有两种使用模式 其一为显示构造树 而其二为运用 XML 数据源 同时该 XML 数据源也可以动态在 Servlet 组件中创 建 3 3 显示构造树 可以参考 显示构造树 可以参考 systemManage contentPage leftMenu jspsystemManage contentPage leftMenu jsp 1 第一步需要引用其样式单文件 link href rel stylesheet type text css 2 第二步再引用 xtree js 文件 script language javascript type text javascript src 3 第三步编程 WebFXTreeItem 以产生出菜单 var treeRoot new WebFXTree 蓝梦 BBS 论坛后台管理菜单 var tree userInfoManaeFolder new WebFXTreeItem 用户信息管理 var forwardQueryUserInfoItem new WebFXTreeItem 查询一般用户信息 forwardQueryUserInfoItem action forwardQueryUserInfoItem target mainFrame tree userInfoManaeFolder add forwardQueryUserInfoItem var forwardQueryVIPUserInfoItem new WebFXTreeItem 查询 VIP 用户信息 forwardQueryVIPUserInfoItem action forwardQueryVIPUserInfoItem target mainFrame tree userInfoManaeFolder add forwardQueryVIPUserInfoItem var forwardShowRegisterUserInfoItem new WebFXTreeItem 显示用户信息 forwardShowRegisterUserInfoItem action forwardShowRegisterUserInfoItem target mainFrame tree userInfoManaeFolder add forwardShowRegisterUserInfoItem var forwardDeleteRegisterUserInfoItem new WebFXTreeItem 删除用户信息 forwardDeleteRegisterUserInfoItem action forwardDeleteRegisterUserInfoItem target mainFrame tree userInfoManaeFolder add forwardDeleteRegisterUserInfoItem treeRoot add tree userInfoManaeFolder document write treeRoot 4 执行后将产生出下面的效果 4 4 运用 运用 XMLXML 数据源但数据源但 XMLXML 文件的内容是静态的 可配置的形式 文件的内容是静态的 可配置的形式 1 添加 tree dtd 文件 设计其内容 2 设计 XML 数据源文件 设计其内容 3 编程该 xLoadtree 菜单 第一步需要引用其样式单文件 link href rel stylesheet type text css 第二步再引用 xtree js xloadtree js 和 xmlextras js 文件 script language javascript type text javascript src script language javascript type text javascript src 第三步编程 WebFXLoadTree 以产生出菜单 var menuTree new WebFXLoadTree 蓝梦 BBS 论坛后台管理菜单 leftMenu xml document write menuTree 4 执行后将产生出下面的效果 5 5 由 由 ServletServlet 动态产生出动态产生出 XMLXML 文件内容 可以产生动态树 文件内容 可以产生动态树 1 设计一个产生出 XML 文件内容的 Servlet 2 添加一个 JD