当前位置：首页 > news >正文

【Axure高保真原型】能增删改的树形表格

news 2026/2/8 17:46:27

今天和大家分享能增删改的树形表格的原型模板，包括展开、折叠、增加、修改、删除表格内容，那这个原型模板是通过中继器制作的，所以使用简单，只需要填写中继器表格，即可自动生成对应的树形表格。这个模板最高支持6级树形表格，具体效果可以观看下方视频或者打开预览地址体验

【原型预览含下载地址】

https://axhub.im/ax9/ac73b98a296b6a85/#g=1&p=树形表格_增删改

【原型效果】

【Axure高保真原型】能增删改的树形表格

以下是部分效果

1、展开收起效果

点击可以切换展开或者收起子节点

2、修改节点效果

点击修改按钮按钮后显示修改弹窗，修改完成确定后就可以在表格里看到修改后的数据

3、添加同级节点效果

点击添加同级节点按钮后显示添加弹窗，填写完成确定后就可以在表格里新增对应内容

4、添加子级节点效果

点击添加子节点按钮后显示添加弹窗，填写完成确定后就可以在表格里新增对应子节点内容

5、删除节点效果

点击删除按钮，会弹出确认删除弹出，确认后删除选中节点及其子节点

6、删除后新增按钮

如果删除了表格里所有数据，就会显示一个添加新节点的按钮，点击后显示添加弹窗，填写完成确定后就可以在表格里新增对应内容

【Axure高保真原型】能增删改的树形表格

今天和大家分享能增删改的树形表格的原型模板，包括展开、折叠、增加、修改、删除表格内容，那这个原型模板是通过中继器制作的，所以使用简单，只需要填写中继器表格，即可自动生成对应的树形表格。这个模板最高支持6级树形…...

编程日记 2023/12/14 6:00:05

前端打包工具之Webpack5

前端打包工具之Webpack5 什么是打包工具打包工具的作用常见的打包工具一、Webpack1、什么是[webpack](https://webpack.docschina.org/concepts/)2、webpack本身的功能是有限的3、webpack基本使用：基于本身功能只解析JS资源4、webpack配置4.1、entry（入口…...

编程日记 2023/12/14 5:59:04

linux设置环境变量

linux设置环境变量大家好，我是免费搭建查券返利机器人赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！ Linux设置环境变量：打造个性化开发环境在Linux系统中，环境变量是一项…...

编程日记 2023/12/14 5:58:03

vue中对pdf文件和路径的处理

根据url预览pdf文件地址栏输入url可以直接预览的pdf，这种我们可以直接使用vue-pdf进行预览 <div class"animation-box-pdf"><pdf :src"url" /></div><script> import Pdf from vue-pdfexport default {components: …...

编程日记 2023/12/14 5:57:02

Socks5与代理IP技术探析：构建安全高效的网络通信

1. Socks5协议的技术内幕 1.1 握手与身份验证 Socks5协议的握手阶段通过版本协商和灵活的身份验证方式建立安全连接。这确保了通信的可靠性和用户身份的安全。 1.2 数据传输机制 Socks5通过代理实现数据传输，支持TCP和UDP协议，为用户提供了高度灵活的…...

编程日记 2023/12/14 5:56:02

【lesson13】MySQL表的基本操作之create(创建),update(更新)和replace(替换)

文章目录表的增删查改create测试建表基础测试 update测试建表基础测试 replace（替换）测试建表基础测试表的增删查改 CRUD : Create(创建), Retrieve(读取)，Update(更新)，Delete（删除） create 测试建表…...

编程日记 2023/12/14 5:55:01

SQL进阶 | HAVING子句

概述 “HAVING”其用法和含义与“WHERE”关键词相似，但具有更高级别的限定性。在SELECT语句中，“HAVING”关键词用于过滤聚合函数的结果。与“WHERE”关键词不同的是，“HAVING”关键词不能用于过滤单个行，它主要用于过滤由GROUP B…...

编程日记 2023/12/14 5:53:59

【Marp】基于Markdown-Marp快速制作PPT

【Marp】基于Markdown-Marp快速制作PPT 文章目录【Marp】基于Markdown-Marp快速制作PPT零、参考资料一、Marp基本语法（创建分页，排版图片，更换主题，Marp扩展指令修改样式）1、创建新的PPT页面2、插入图片 & 排版图…...

编程日记 2023/12/14 5:52:58

启动rabbitmq \RabbitMQ\rabbitmq_server-3.8.2\sbin 找到你的安装路径找到\sbin路径下执行这些命令即可 rabbitmqctl status //查看当前状态 rabbitmq-plugins enable rabbitmq_management //开启Web插件 rabbitmq-server start //启动服务 rabbitmq-server stop //停止服务…...

编程日记 2023/12/14 5:51:58

vite+TypeScript+vue3+router4+Pinia+ElmPlus+axios+mock项目基本配置

1.viteTSVue3 npm create vite Project name:... yourProjectName Select a framework:>>Vue Select a variant:>>Typescrit2. 修改vite基本配置配置 Vite {#configuring-vite} | Vite中文网 (vitejs.cn) vite.config.ts import { defineConfig } from vite …...

编程日记 2023/12/14 5:50:57

【rabbitMQ】模拟work queue,实现单个队列绑定多个消费者

上一篇： springboot整合rabbitMQ模拟简单收发消息 https://blog.csdn.net/m0_67930426/article/details/134904766?spm1001.2014.3001.5502 在这篇文章的基础上进行操作基本思路： 1.在rabbitMQ控制台创建一个新的队列 2.在publisher服务中定义一个…...

编程日记 2023/12/14 5:48:55

pdf转png的两种方法

背景：pdf在一般公司，没有办公系统，又不是word/wps/Office系统，读不出来，识别不了，只能将其转化为图片png，因此在小公司或者一般公司就需要pdf转png的功能。本文将详细展开。 1、fitz库（也就是PyMuPDF）直接pip安装PyMuPDF即可使用，直接使用fitz操作，无需其他库。 …...

编程日记 2023/12/14 5:47:54

【起草】1-2 讨论 ChatGPT 在自然语言处理领域的重要性和应用价值

【小结：ChatGPT 在自然语言处理领域的八种典型应用】 ChatGPT是一种基于Transformer模型的端到端生成式对话系统，采用自监督学习的方式ChatGPT是一种基于Transformer模型的端到端生成式对话系统，采用自监督学习的方式在海量无标注数据集上进…...

编程日记 2023/12/14 5:46:54

Mapreduce小试牛刀(1)

1.与hdfs一样，mapreduce基于hadoop框架，所以我们首先要启动hadoop服务器 --------------------------------------------------------------------------------------------------------------------------------- 2.修改hadoop-env.sh位置JAVA_HOME配…...

编程日记 2023/12/14 5:44:51

二百一十七、Flume——Flume拓扑结构之聚合的开发案例（亲测，附截图）

一、目的对于Flume的聚合拓扑结构，进行一个开发测试二、聚合 （一）结构含义这种模式是我们最常见的，也非常实用。日常web应用通常分布在上百个服务器，大者甚至上千个、上万个服务器产生的日志，处理起来…...

编程日记 2023/12/14 5:42:50

vue3+ts+vite+element plus 实现table勾选、点击单行都能实现多选

需求：table的多选栏太小，点击的时候要瞄着点，不然选不上，要求实现点击单行实现勾选 <ElTableborder:data"tableDataD"style"width: 100%"max-height"500"ref"multipleTableRef"selec…...

编程日记 2023/12/14 5:41:49

在WPF窗口中增加水印效果

** 原理： ** 以Canvas作为水印显示载体，在Canvas中创建若干个TextBlock控件用来显示水印文案，如下图所示然后以每一个TextBlock的左上角为中心旋转-30，最终效果会是如图红线所示： 为了达到第一行旋转后刚好与窗口…...

编程日记 2023/12/14 5:40:48

wget下载到一半断了，重连方法

我是使用wget去下载 data.tar.gz 压缩包 wget https://deepgo.cbrc.kaust.edu.sa/data/deepgozero/data.tar.gz一开始下载的挺快，然后随着下载继续，下载速度就一直在下滑下了大概2个小时后，已经下载了78%(6G/7.7G）就断了。无奈c…...

编程日记 2023/12/14 5:39:47

Docker笔记：docker compose部署项目, 常用命令与负载均衡

docker compose的作用 docker-compose是docker官方的一个开源项目可以实现对docker容器集群的快速编排docker-compose 通过一个配置文件来管理多个Docker容器在配置文件中，所有的容器通过 services来定义然后使用docker-compose脚本来启动，停止和重启容…...

编程日记 2023/12/14 5:36:45