急求:javajsp 如何实现横向树形结构的显示(如图)?

急求:javajsp 如何实现横向树形结构的显示(如图)?,第1张

你是要动态现实目录的层次结构吗?
我只能采用递归帮你显示目录,不能实现树状显示
package comlx;
import javaioFile;
public class FileList {
public static void main(String[] args) {
File f = new File("e:/资料");
Systemoutprintln(fgetName());
tree(f, 1);
}
private static void tree(File f, int level) {
String preStr = "";
for (int i = 0; i < level; i++) {
preStr += " ";
}
File[] childs = flistFiles();
for (int i = 0; i < childslength; i++) {
Systemoutprintln(preStr + childs[i]getName());
if (childs[i]isDirectory()) {
tree(childs[i], level + 1);
}
}
}
}

1你的设计有点不合理
2不知道用什么数据库
建议:使用dtree或者xloadtree 这两个是最常用的树形组件
把表结构换成一张表,加个字段父id
ID 名字 父ID
1 香烟 0
2 中华 1
3 中南海 1
4 酒 0
5 茅台 4
6 小茅台 5
如果数据库是oracle的话,直接使用递归查询
如果是其他数据库,建议使用 xloadtree,点击一下,会动态刷出子节点ajax效果
--------------------------------补充
那就推荐你用ajax的树
刚开始的时候只需要大类型
id name
1 烟
2 酒
小类表
id name pid
1 中华 1
2 中南海 1
3 茅台 2
取大类直接查生成树之后
每点击一下容然后去查小类
比如点击烟 把烟的id传到后台id=1
然后查小类 select from XXX where pid=1
那么所有的小类就都出来了

jsp从mysql数据库读取数据,并填充到树形结构菜单并展现出来的实现方法:
1、引入jquerytreeviewjs树控件
<script type="text/javascript" src="jquery/easyui/jqueryminjs"></script>
<script type="text/javascript" src="jquery/easyui/jqueryeasyuiminjs"></script>
2、jsp页面中获取后台mysql数据,并传到jsp页面来
<%
// 数据库的名字
String dbName = "zap";
// 登录数据库的用户名
String username = "sa";
// 登录数据库的密码
String password = "123";
// 数据库的IP地址,本机可以用 localhost 或者 127001
String host = "127001";
// 数据库的端口,一般不会修改,默认为1433
int port = 1433;
String connectionUrl = "jdbc:sqlserver://" + host + ":" + port + ";databaseName=" + dbName + ";user=" + username
+ ";password=" + password;
//
//声明需要使用的资源
// 数据库连接,记得用完了一定要关闭
Connection con = null;
// Statement 记得用完了一定要关闭
Statement stmt = null;
// 结果集,记得用完了一定要关闭
ResultSet rs = null;
try {
// 注册驱动
ClassforName("commicrosoftsqlserverjdbcSQLServerDriver");
// 获得一个数据库连接
con = DriverManagergetConnection(connectionUrl);
String SQL = "SELECT from note";
// 创建查询
stmt = concreateStatement();
// 执行查询,拿到结果集
rs = stmtexecuteQuery(SQL);
while (rsnext()) {
%>
<tr>
3、填充树形菜单:
{
id : "string" // will be autogenerated if omitted
text : "string" // node text
icon : "string" // string for custom
state : {
opened : boolean // is the node open
disabled : boolean // is the node disabled
selected : boolean // is the node selected
},
children : [] // array of strings or objects
li_attr : {} // attributes for the generated LI node
a_attr : {} // attributes for the generated A node
}
$('#tree')jstree({
'core' : {
'data' : function (obj, cb) {
cbcall(this,
['Root 1', 'Root 2']);
}
}});


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13358784.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-21
下一篇 2023-07-21

发表评论

登录后才能评论

评论列表(0条)

保存