xml文件怎么生成ztree_zTree树的节点数据如何从数据库获取

上一篇文章小编介绍了tree树结构如何实现,为了让初学者很容易明白,小编使用最基本的配置方法实现tree树,其中的tree树的节点数据是直接写在js文件中,但是在实际开发中,网页上显示的各种数据都需要从数据库获取,而不是在前端页面写死。将页面显示元素的数据放在数据库可以提高页面的灵活性,方便对数据的修改,而不需要修改源代码。下面小编就介绍zTree树的节点数据如何从数据库表中获取。

项目目录结构

index.html

index.html

2.index.js

index.js

利用angularjs的$http服务,发起get请求,回调函数将接收结果res.data传给zNodes即tree树的初始化函数的第三个参数。

3.前端发起请求后端java程序要对前端请求进行处理,那么前端请求怎么到后端java程序,就需要配置web.xml

web.xml

4.pom.xml中引入jar包依赖

pom.xml

5.创建实体类Menu

public class Menu {private int id; private int pId; private String name;

添加set、get方法(请自己补充完整)

}

6.创建Servlet类

关键代码

MenuServlet.

response.setCharacterEncoding("utf-8");设置返给前端数据的字符集utf-8,这行代码必不可少,如果没有则前端汉字显示为乱码。

前端页面显示乱码

7.MySql数据库(使用Navicat数据库管理工具)

menu表

8.运行项目

tree树

大家有没有学会呢,是不是很简单呢?如果后端使用springMVC+hibernate框架,代码会非常少,但是对于初学者来说很难明白,框架也都是由最基础的东西演变而来,万变不离其宗,基础学好学扎实,在去学习框架会相对容易。由于小编也是初学,难免有考虑不到的地方,还请大家多多批评指正。大家宝贵的建议会使我进步的更快。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值