IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> PHP知识库 -> tree后端实现 -> 正文阅读

[PHP知识库]tree后端实现

前言:上次与大家分享了tree前端的实现,为了展现一个完整的效果,在之前的数据都是静态的,今天我们将实现数据动态的效果,也就是说连接数据库---tree后端的实现。

一、明确目标:

? ? ? ? 今天将要实现的是动态数据的效果,将数据库的数据展现在页面上。

? ? ? ? 之前效果:

?今天要实现的效果:(这些效果是数据库中的数据)

二、具体思路以及代码实现:

? ? ? 一、思路:首先毋庸置疑的是取到数据,之后就是将数据从以前的平级结构变成父子结构,最后将效果展现出来。

? ? ? ? 1、首先建立好今天数据对应的实体类? ?

? ? ? ? 2、要将之前学MVC时的各类包导进去? ? ? ??

? ? ? ? 3、之后就到dao类中写方法,将数据库中的数据平级关系转换成包含关系将tree(Menu)转换成treevo(Menu)(也就是父子关系)

? ? ? ? 4、将MVC中的跳转路径处理好。

? ? ? 二、代码:

1.dao类:

public class MenuDao extends BaseDao<Menu> {
	public List<Menu> list(Menu menu, PageBean pageBean) throws Exception {
		return super.executeQuery("select * from t_easyui_menu ", Menu.class, pageBean);
	}

	public List<TreeVo<Menu>> tree(Menu menu, PageBean pageBean) throws Exception {
		List<Menu> list = this.list(menu, pageBean);
		List<TreeVo<Menu>> listvos = new ArrayList<TreeVo<Menu>>();
		for (Menu m : list) {
			TreeVo<Menu> vo = new TreeVo<>();
			vo.setId(m.getMenuid());
			vo.setText(m.getMenuname());
			vo.setParentId(m.getParentid());
			Map<String, Object> attributes = new HashMap<String, Object>();
			attributes.put("self", m);
			vo.setAttributes(attributes);
			listvos.add(vo);
		}
		return BuildTree.buildList(listvos, "000");
	}

在没有实现tree控件效果时(也就是说没有实现父子级别的效果):

 {        "id": "004", 
        "text": "统一配置", 
        "state": null, 
        "checked": false, 
        "attributes": {
            "self": {
                "serialNo": "1C63DA57E65243F184D6789A88E137B9", 
                "menuid": "004", 
                "menuname": "统一配置", 
                "menuURL": null, 
                "parentid": "000"
            }
        }, 

2、MenuAction中的代码:
?

public class MenuAction extends ActionSupport implements ModelDriver<Menu> {
	Menu menu = new Menu();
	MenuDao md = new MenuDao();

	public Menu getModel() {
		return menu;
	}

	public String tree(HttpServletRequest req, HttpServletResponse resp) throws Exception {
		try {
			List<TreeVo<Menu>> tree = md.tree(null, null);
			ResponseUtil.writeJson(resp, tree);
		} catch (Exception e) {
			e.printStackTrace();
		}
		return null;
	}

这里的代码将会实现分级效果,关键代码为:

List<TreeVo<Menu>> tree = md.tree(null, null);
			ResponseUtil.writeJson(resp, tree);

同时也要依据ResponseUtil去将效果展现出来:

	public static void writeJson(HttpServletResponse response,Object o)throws Exception{
	 ObjectMapper om=new ObjectMapper();
	 write(response,om.writeValueAsString(o));
	
	}

其中om.writeValueAsString(o)方法是将属性以及值一起展现出来的方法。

效果展示:

?三、思维导图:

总结:今天分享的知识就到这了,希望对大家有所帮助。祝大家生活愉快!

? ? ? ??

  PHP知识库 最新文章
Laravel 下实现 Google 2fa 验证
UUCTF WP
DASCTF10月 web
XAMPP任意命令执行提升权限漏洞(CVE-2020-
[GYCTF2020]Easyphp
iwebsec靶场 代码执行关卡通关笔记
多个线程同步执行,多个线程依次执行,多个
php 没事记录下常用方法 (TP5.1)
php之jwt
2021-09-18
上一篇文章      下一篇文章      查看所有文章
加:2021-09-14 13:05:46  更:2021-09-14 13:06:48 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 1:22:34-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码