首页 > 其他分享 >前端项目实战叁佰伍拾伍react-admin和material ui-处理形成树状数据结构1

前端项目实战叁佰伍拾伍react-admin和material ui-处理形成树状数据结构1

时间:2023-11-22 10:32:31浏览次数:34  
标签:title admin material id item key 伍拾 data children

if(data !== undefined) {
            let temp: ITreeData[] = [{key: '0', title: '工厂管理', children: new Array<ITreeData>()}];

            //向从数据库查询到的数据中添加Tree结构所需要的字段,key使用id,title使用name;
            data.forEach(it => {
                it['key'] = `${it.id}`;
                it['title'] = it.name;
                it['isPlant'] = true;
                it.children && it.children.forEach((item: any)=>{
                    item['key'] = `${it.id}-${item.id}`;
                    item['title'] = item.name
                    item['isLine'] = true;
                })
            });

            temp[0].children = data;
            setTreeData(temp);
        }



标签:title,admin,material,id,item,key,伍拾,data,children
From: https://blog.51cto.com/u_14476028/8512656

相关文章

  • Docker部署phpMyAdmin
    一、简介phpMyAdmin是众多MySQL图形化管理工具中使用最为广泛的一种,是一款使用PHP开发的基于B/S模式的MySQL客户端软件,该工具是基于Web跨平台的管理程序,并且支持简体中文,用户可以在官网上下载最新版本的。phpMyAdmin为Web开发人员提供了类似Access,SQLServer的图形化......
  • 我们用goframe重写了FastAdmin的后端,原来这么爽
    时间大约是三年前,当时我所在的团队是最早接触PHP的,而团队其他成员都是用Java。由于某些项目原因,我们决定全面转向使用GO进行开发。在当时,我们并不想花太多时间去折腾REACT和VUE这些前端框架,我们更倾向于使用jQuery来开发,因为我们喜欢它的快感。于是我想到了一个基于Thi......
  • gin-vue-admin 接口错误Error: Request failed with status code 500
    本地运行以后登录出现:控制台检查发现是请求getMenu出现500错误,并且后端出现"Error1071(42000):Specifiedkeywastoolong;maxkeylengthis1000bytes"错误,那就是数据库casbin_rule的表引擎不是InnoDB,更改成InnoDB即可。ALTERTABLEcasbin_ruleENGINE=InnoDB;......
  • [HCTF 2018]admin
    参考https://www.cnblogs.com/chenxianz/p/14186348.html师傅的文章,发现此题有多种解法信息收集源码中发现提示不是admin注册账号后在修改密码的页面发现提示1.session伪造在index.html发现要将session与admin的session进行比较,相同则输出flag(这里由于github上源码都已经......
  • fastadmin框架控制器传值给Js文件
    1.传值 2.使用Config.xxx ......
  • 解决vue-element-admin安装报错npm ERR! code 128
    在安装vue-element-admin的npminstall的时候报错npmERR!code128npmERR!AnunknowngiterroroccurrednpmERR!commandgit--no-replace-objectsls-remotessh://[email protected]/nhn/[email protected]:Permissiondenied(publickey).npmERR!fatal:......
  • vue2.0,把vform666、workFlow开源组件集成到vue-admin-template框架上心得体会
    以上三个都是vue2版本的开源项目,有的已经有vue3版本了,我把他们集成到一起,是出于练习的目的,也是消磨时间。vue-admin-template是一个很基础简洁的后台管理系统框架;vform666是可以用作表单低代码开发的组件项目;workFlow是模仿钉钉的工作流的组件项目,这三个项目在gitee上都能搜索到,......
  • Taurus .Net Core 微服务开源框架:Admin 插件【4-4】 - 配置管理-Mvc【Plugin-CORS 跨
    前言:继上篇:Taurus.NetCore微服务开源框架:Admin插件【4-3】-配置管理-Mvc【Plugin-MicroService微服务】本篇继续介绍下一个内容:系统配置节点:Mvc- Plugin- CORS 跨域界面:界面如下:跨域功能相关配置说明如下:1、CORS.IsEnable:是否启用跨域功能。仅需要开启该功......
  • fastAdmin框架点击表格内容切换状态以及js刷新表格的操作
    1.想实现效果:点击列表状态能切换已关闭或者已开启 2.操作步骤:(1)js表格内容: (2)表格点击事件 (3)后台代码: ......
  • 【Django】使用gunicorn部署,找不到静态文件(admin,swagger...)
    先收集静态文件#settings.py里面需要指定收集的路径STATIC_ROOT与STATIC_URLpythonmanage.pycollectstatic添加识别代码#urls.pypath(r'^static/(?P<path>.*)$',serve,{'document_root':STATIC_ROOT}),......