ChatGPT助力-根据数据内容将数据转换成树级结构

已于 2023-05-24 23:04:24 修改
阅读量194 收藏
点赞数
分类专栏： ChatGPT 文章标签： json typescript javascript 前端框架 前端
于 2023-05-23 12:58:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48909912/article/details/130824876
版权
作者在处理一个外包的微信小程序项目时，遇到将表格数据转换为树级结构的挑战。由于小程序没有table标签，作者决定重构表格并使用JSON数据。在数据格式化和反序列化过程中遇到问题，通过在线工具解决了反序列化错误，但实际应用中仍需调整。最终，借助AI辅助程序生成部分代码，成功完成了任务。
摘要由CSDN通过智能技术生成

兄弟们，谁懂啊。半夜23:00，学长发了一个之前提交的党员积分的项目，客户要求合并树级结构，让数据展示更清晰；请看大图：

要求把学这类似的一栏合并然后将其居中，但是突然发现居然微信小程序并没有专用的table标签啊！我真的会谢啊！最后好在我巧舌如簧，以我三寸不烂☞口技直接将活甩掉了一半，哈哈哈！

不过，我还是要写一大部分代码啊，给大家说说我重构这个表格的思路啊！我想的是将这个表格制作为一个横向树形的表格，用一个view将整个学的内容合并起来，正好表格中也存在其他的类型的树级内容,类似下图

再通过微信小程序的WX:for和微信小程序遍历对象的方法wx:for-index和wx:for-item来对生成的数据进行渲染。

但是突然发现这想法是个好想法，在Dom方面修改起来也不是太难。但是，突然发现将数据进行格式调整为树级结构这......

重点来啦

没有办法，因为这是一个外包的项目，如果没有达到别人的要求，客户也会不满意。那没有办法啊，硬着头皮写呗。喝口82年60°凉白开继续写代码逻辑...突然我灵光一现，TM不是有专门的AI辅助程序吗而且我还下载了cousor这个client。所以我直接将数据转成JSON格式，拉到cursor上叫它写代码了。

JSON数据

嘿，我的个乖乖，TND还真的给我写出来了

这可把我高兴坏了，今天晚上不用熬夜了？可是话本里面不是这么演的啊....好巧不巧，不巧的事情来了....

这里有个坑...[恶心]

因为我这个数据是经过JSON序列化之后拿出来的(数据不太全小伙伴坚持一下，别人的数据不能随意展示)

但是我在node中反序列化这个字符转的时候出现了问题

康康报错

说实话，当时困遭了的我已经无力解决这个问题了，我随即将数据复制到在线JSON转js的网站（在线JSON转JS对象工具 - UU在线工具）一顿操作将其改成了JS格式拿回来测试，嘿，成功了不假...

我又拿到真实的程序上调试，但是它却跟预想数据是有一定出入的，不过根据我的三寸不烂之舌(跟它不断地沟通)下。嘿，哥们儿，又是提前下班的一天(2023/5/22 1:32)...

一只程序熊
关注
专栏目录
ChatGPT自动化提高工作效率： 2分钟快速生成思维导图
qq_42133100的博客
04-17 3829
ChatGPT不止是一个聊天机器人，更是一个自然语言处理、文本内容生成模型，它可以理解语言规则，不仅仅是给你输出已有的知识内容，还会给到你一些创意点子；所以我们应该学会如何使用它，让它更好的服务于我们。因为ChatGPT一次性输出的内容比较多之后，由于次数限制，需要用 继续 指令来让它输出剩下的内容，所以我们需要将两次内容合到一起，进行指令，可以提高准确性。​这是最后生成的课程大纲markdown格式，因为ChatGPT具有随机性，如果有时候它生成的结构不是那么合理，可以让它按照要求处理格式。
postcss-value-parser:将CSS值转换成树
05-01
将CSS声明值和规则参数转换为节点树，并提供简单的遍历API。 用法 var valueParser = require ( 'postcss-value-parser' ) ; var cssBackgroundValue = 'url(foo.png) no-repeat 40px 73%' ; var parsedValue = ...
7大最常用ChatGPT Excel最佳使用示例（最后附微软官方Excel-ChatGPT插件使用方法）——手把手从0开始教您如何在Excel中使用ChatGPT，附详细指南及教程
小胡说人工智能的博客
05-16 1万+
自从OpenAI为开发者开放了ChatGPT API后，在很短的时间内出现了大量的创意应用程序。许多相关的插件已经出现在Chrome和其他地方，包括MS Office。本文博主给大家介绍了7种常用的Excel使用ChatGPT的示例，同时最后给大家介绍了在Excel软件中直接使用ChatGPT插件的详细方法。
AI 告诉你 一行代码生成树形结构
qq_46054356的博客
04-12 815
在我们日常开发中生成树形结构是无可避免的，比如权限管理的层级结构，学校企业的组织结构以及我们日常开发的菜单列表等等，掌握树形结构是无可后非得。
数据结构：图(Graph)【详解】
UniqueUnit的博客
03-03 21万+
图 【知识框架】 【考纲内容】 图的基本概念 图的存储及基本操作 邻接矩阵法;邻接表法;邻接多重表;十字链表 图的遍历 深度优先搜索;广度优先搜索 图的基本应用 最小(代价)生成树;最短路径;拓扑排序;关键路径 图的基本概念 在线性表中，数据元素之间是被串起来的，仅有线性关系，每个数据元素只有一个直接前驱和一个直接后继。在树形结构中，数据元素之间有着明显的层次关系，并且每一层上的数据元素可能和下一层中多个元素相关，但只能和上一层中一个元素相关。图是一种较线性表和树更加复杂的数据结构。
数据结构(全)
s6664的博客
06-21 7万+
线性结构, 树形结构, 图结构, 排序, 查找, 数据结构, 算法
数据结构C语言严蔚敏版(第二版)超详细笔记附带课后习题
热门推荐
chongyang_的博客
11-07 28万+
根据此书所做随笔笔记。 一、绪论 1.1、数据机构的研究内容 用计算机解决实际问题时，步骤：首先分析实际问题，从中抽象出一个适当的数学模型，然后设计一个解决此数学模型的算法，最后编程，调试，测试。 寻求数据模型的实质是分析问题，从中提取出计算机处理的对象，并找出这些对象之间的关系，然后用数学的语言加以描述。 关键：分析问题中所用到的数据是如何组织的，研究数据之间存在什么样的关系。 由于数据必须在计算机中处理，因此不能局限于数据本身的数学问题的研究，还必须考虑数据的物理结构，即数据在计算机中的存储结构。 1.
一维数组转换成树结构的数组
qq_38682174的博客
02-23 2215
一维数组转换成树结构的数组,或者转成多节点的树结构，二维数组转换为未知节点数的树结构数组需要使用递归算法。
后台获取的json数据转换成树结构数据
cysear的专栏
11-20 1万+
今天遇到一个问题，前台页面所需数据格式是树结构格式，类似下图1，但是后台返回数据格式是却是无序的json数组，如图2 解决思路： 首先，我遇到的问题是后台返回的每条数据是缺少父级Id的，所以需要遍历增加上去。 其次，遍历数据时需要按照父>子>孙的顺序遍历，否则的话在先遍历到子元素了，但是父元素还没有出现，此时无法将id作比较，所以需要对数据进行排序。 最后，转换成图一所示的树结构数
数据结构——树、二叉树和森林间的转换
2301_80492355的博客
10-21 1033
介绍🍃数据结构专区数据结构参考该部分知识参考于《数据结构（C语言版 第2版）》129~130页🌈每一个清晨，都是世界对你说的最温柔的早安：ૢ(≧▽≦)و✨目录前言1、基础知识2、树转换为二叉树2.2 演示3、森林转换为二叉树3.2 演示4、二叉树转换为树或森林4.2 演示⑴加线——树中所有相邻兄弟结点之间加一条连线；⑵去线——对树中的每个结点，只保留它与第一个孩子结点之间的连线，删去它与其它孩子结点之间的连线；⑶层次调整——以根结点为轴心，将树顺时针转动一定的角度，使之层次分明。
JAVA后台转换成树结构数据返回给前端的实现方法
08-19
我们可以定义一个DTO（Data Transfer Object）来存储树形结构的数据，然后使用递归算法来将数据转换成树形结构。 在上面的示例代码中，我们定义了一个ProjectBasicInfoDTO来存储树形结构的数据。这个DTO包含了id、...
Java 将有父子关系的数据转换成树形结构数据
01-07
一、数据库父子结构数据设计  大部分采用 parentId的形式来存储父id，并且只存储父id，祖父Id不存储。也可以添加存储层级级别或者层级关系等字段。 CREATE TABLE `t_resource` ( `id` varchar(255) NOT NULL ...
数据结构实验报告9-图-Prim算法求最小生成树-实验内容与要求.docx
07-06
根据给定的文件信息，本篇内容将围绕“数据结构实验报告9-图-Prim算法求最小生成树”展开，具体涉及的知识点包括Prim算法的基本原理及其应用、图的邻接矩阵存储结构的设计与实现、最小生成树的概念及求解过程、以及...
30-手动准备地图包
最新发布
搬砖人的自我修养
11-08 481
Carla教程
Go的JSON转化
weixin_44719499的博客
11-06 483
在Go语言中，处理JSON（JavaScript Object Notation）数据非常常见，特别是在与Web服务交互时。Go提供了内置的包来支持JSON的序列化（将Go对象转换为JSON格式）和反序列化（将JSON格式的数据解析为Go对象）。
dom4j实现xml转map，xml转json字符串
u014644574的博客
11-06 307
dom4j实现xml转map，再使用 fastjson 将map转为json字符串。map转为json字符串方法很多，这里使用fastjson。xml转换为json后效果。
Fastjson反序列化漏洞利用教程
weixin_38055730的博客
11-05 836
Fastjson反序列化漏洞是一种高危安全漏洞，攻击者通过构造恶意的JSON字符串可以执行任意命令。此漏洞影响广泛，需要引起高度重视。通过本文的学习和实践，读者可以掌握Fastjson反序列化漏洞的基本原理、复现方法和利用技巧。
Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
weimengen的博客
11-07 364
本文详细介绍了 Axios 的 responseType 属性，包括其五种可设置的值及对应示例代码。重点讲解了 Blob 与 ArrayBuffer 的解析方法，为前端开发者处理不同类型的服务器响应提供了实用指南。
java 把list数据转换成树行结构
05-23
将List数据转换成树形结构的基本思路是首先遍历List，将其中每个节点的父子关系建立起来，然后从根节点开始递归构建整个树形结构。 具体实现步骤如下： 1. 定义节点类，包含节点id、节点名称和子节点列表等属性。 ``` public class TreeNode { private String id; private String name; private List<TreeNode> children; // getter和setter方法 // ... } ``` 2. 遍历List，将每个节点的父子关系建立起来，可以使用Map来存储节点id和对应的节点对象，便于查找父节点。 ``` Map<String, TreeNode> map = new HashMap<>(); for (TreeNode node : list) { map.put(node.getId(), node); String parentId = node.getParentId(); if (parentId != null) { TreeNode parent = map.get(parentId); if (parent != null) { parent.getChildren().add(node); } } } ``` 3. 找到根节点，开始递归构建整个树形结构。 ``` public static TreeNode buildTree(List<TreeNode> list) { // 构建Map，方便查找节点 Map<String, TreeNode> map = new HashMap<>(); for (TreeNode node : list) { map.put(node.getId(), node); } // 找到根节点 TreeNode root = null; for (TreeNode node : list) { if (node.getParentId() == null) { root = node; break; } } // 从根节点开始递归构建整个树形结构 buildSubTree(root, map); return root; } private static void buildSubTree(TreeNode node, Map<String, TreeNode> map) { List<TreeNode> children = node.getChildren(); if (children == null) { return; } // 遍历子节点，递归构建子树 for (TreeNode child : children) { buildSubTree(child, map); } // 根据子节点的顺序重新排序 children.sort(Comparator.comparing(TreeNode::getName)); } ``` 以上就是将List数据转换成树行结构的基本实现方法。需要注意的是，这里的代码只是一个简单的示例，实际情况下可能需要根据具体的业务需求进行修改和优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值