前端026_菜单模块_新增功能

news2025/11/1 1:29:42

菜单模块_新增功能

  • 1、需求分析
  • 2、新增组件实现
  • 3、列表引用新增组件
  • 4、关闭弹出窗口
  • 5、校验表单数据
  • 6、提交表单数据
    • 6.1、Mock 添加新增模拟接口
    • 6.2、Api 调用接口
    • 6.3、测试新增功能

1、需求分析

  1. 菜单管理中有两处有 新增 按钮：

    • 条件区域的是新增一级菜单，传递的参数是0。
    • 列表区域的是新增子菜单，传递的是参数是当前菜单id。
      在这里插入图片描述

  2. 点击 新增 按钮后，都是对话框形式弹出新增窗口

  3. 输入信息后，点击 确定 提交表单数据；

2、新增组件实现

新增和修改功能共用一个组件，我们将它作为子组件引入到列表查询父组件中，下面先将组件定义出来。

  • 弹出功能参考：https://element.eleme.cn/#/zh-C

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/552974.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

java多线程同步技术基础

java多线程同步技术基础

说明 当程序中出现多个进程对同一资源进行操作时，因为对数据的操作非常密集，可能会对资源过度操作，这时就需要用到线程的同步技术。 以一个抢红包程序为例，红包数量为3个，开启5个线程来模拟抢红包行为，红…
阅读更多...
[MAUI]在.NET MAUI中复刻苹果Cover Flow

[MAUI]在.NET MAUI中复刻苹果Cover Flow

文章目录 原理3D旋转平行变换 创建3D变换控件绘制封面图片应用3D旋转应用平行变换绘制倒影创建绑定属性 创建绑定数据创建布局计算位置计算3D旋转 创建动效项目地址 Cover Flow是iTunes和Finder中的一个视图选项，允许用户使用水平滚动的图像查看他们的音乐库或文件。…
阅读更多...
使用Qt Creator编写窗体程序并打包发布

使用Qt Creator编写窗体程序并打包发布

1、设置编辑器显示语言为中文(个人习惯) 2、新建窗体应用程序 3、简单修改一下代码 3.1 双击ui文件进入设计模式 3.2 从左侧组件中直接将需要使用的组件拖拽到窗体中 3.3 添加槽函数 选中按钮，右键菜单中 点击 转到槽，头文件和.cpp文件会自动添加对…
阅读更多...
中间件_RabbitMQ五种消息模型

中间件_RabbitMQ五种消息模型

文章目录 1.简单消息队列模型2.Work工作队列模型3.发布订阅模型3.1.Fanout广播3.2.Direct路由3.3.Topics通配符 RabbitMQ官方文档 RabbitMQ 提供了5种常用消息模型。但是其实3、4、5这三种都属于订阅模型，只不过进行路由的方式不同。 1.简单消息队列模型 简单消息队…
阅读更多...
C语言入门篇——编译篇

C语言入门篇——编译篇

目录 1、程序环境 1.1 ANSI C 标准 1.2程序的翻译环境和执行环境 1.3运行环境 2、预处理详解 2.1、预定义符号 2.2、#define 2.2.1#define定义表示符 2.2.2#define定义宏 2.2.3#define替换规则 2.4#和## 2.2.5带副作用的宏参数 2.2.6宏和函数对比 3、#undef 4、…
阅读更多...
项目1:登录功能设计

项目1:登录功能设计

需求 后端接口设计MySQL表常用功能模块 后端总和前端实现方案 home页面 需求 实现一个登录功能 实现的功能 注册(邮箱注册) 登录(邮箱密码) 重置密码 查看操作记录(登录, 注册, 重置密码, 登出. 都算操作) 登出 后端接口设计 1. 人机验证 只要下面出现 人机验证 的功能都需要使…
阅读更多...
容器化：MySQL

容器化：MySQL

1 缘起 开启容器化之路。 2 容器化MySQL 2.1 查看MySQL镜像 docker search mysql2.2 指定版本：5.7.30 通过官网查看：https://hub.docker.com/ docker pull mysql:5.7.302.3 路径挂载 容器路径挂载到宿主机。 新建宿主机路径 mkdir -p /home/xind…
阅读更多...
ElasticSearch-索引和文档的创建修改删除

ElasticSearch-索引和文档的创建修改删除

目录 一、创建索引 二、查看索引 三、索引是否存在 四、删除索引 五、创建文档 六、查看文档 七、更新文档 八、文档是否存在 九、删除文档 一、创建索引 # 创建一个默认的索引，默认是标准分词器的索引 PUT /es_db2# 创建一个默认为ik分词器的索引 PUT /e…
阅读更多...
十万条数据，后端不分页咋办！（如何优化长列表渲染）

十万条数据，后端不分页咋办！（如何优化长列表渲染）

十万条数据，后端不分页咋办！（如何优化长列表渲染） 长列表是什么？ 我们通常把一组数量级很大的数据叫做长列表，比如渲染一组上千条的数据，我们以数组的形式拿到这些信息，然后遍历渲…
阅读更多...
Rust快速安装

Rust快速安装

Rust依赖C编译，Rust官方推荐的安装方式是利用VisualSudio安装C环境，VisualStuidio用过的都懂，庞大无比、卡顿、下载还贼慢(我当时装了一上午好像)，因此我们通过其它方式配置C 安装C环境 下载MinGW 64 win32 seh Mingw官网&…
阅读更多...
Java的并发集合框架

Java的并发集合框架

文章目录 一、并发集合框架1. 简介2. 接口Iterable2. 接口Collection3. 接口List4. 接口Set5. 接口Queue6. Deque 二、非阻塞队列1. 概念2. ConcurrentHashMap使用（1）简介（2）验证HashMap不是线程安全的（3）验…
阅读更多...
ld文件中指定变量在flash中的地址定义

ld文件中指定变量在flash中的地址定义

本文说的是在gcc环境中，Keil或IAR可能有自己的使用方法。 我们在定义变量时，有时候需要把变量定义放到flash中的固定位置或区域，此时需要修改工程中的链接文件（link file，ld文件）。 方法一 修改ld文件中的…
阅读更多...
软件IIC通信以及源码解析（如何使用）

软件IIC通信以及源码解析（如何使用）

以对读取MPU6050为例，解析如何采用IIC通信源码。 IIC的的通信，通常三种用途读写。分为： 1： 2： 3： 注：其中最常用的就是1和3了。 对1进行讲解： 指定地址写，通常用作对状…
阅读更多...
【网络】- TCP/IP四层(五层)协议 - 网际层(网络层) - IP地址

【网络】- TCP/IP四层(五层)协议 - 网际层(网络层) - IP地址

目录 一、概述 二、IP地址的定义 三、IP地址由网络和主机两部分标识组成 一、概述 上篇文章简单介绍了网际协议IP。网际协议 IP 大致分为三大作用模块， ①IP寻址、 ②路由（最终节点为止的转发） 、③IP分包与组包。 这篇文章主要详细介绍IP地址…
阅读更多...
【HTTP协议详解】

【HTTP协议详解】

目录 1.什么是http2.抓包工具2.1 抓包工具2.2 抓包原理 3.Http协议格式3.1Http请求报文3.2Http响应报文的格式 4.请求报文格式4.1 报文首行4.2 请求报文header 5. 响应报文格式6.构造Http请求7.Https协议7.1 对称密钥7.2 非对称密钥7.3 证书 1.什么是http HTTP全称为“超文本协…
阅读更多...
《MySQL是怎么运行的》阅读分享

《MySQL是怎么运行的》阅读分享

mysql运行的整体架构简介 Mysql是由两部分构成，一部分是服务器程序，一部分是客户端程序。 服务器程序又包括两部分： 第一部分server层包括连接器、查询缓存、分析器、优化器、执行器等。涵盖 MySQL 的大多数核心服务功能，以及所有…
阅读更多...
LeetCode：738.单调递增的数字 714.买卖股票的最佳时机含手续费 968.监控二叉树

LeetCode：738.单调递增的数字 714.买卖股票的最佳时机含手续费 968.监控二叉树

738.单调递增的数字 题目 当且仅当每个相邻位数上的数字 x 和 y 满足 x < y 时&#xff0c;我们称这个整数是单调递增的。 给定一个整数 n &#xff0c;返回 小于或等于 n 的最大数字&#xff0c;且数字呈 单调递增 。 贪心 class Solution {public int monotoneIncrea…
阅读更多...
数据结构——单链表（C语言）

数据结构——单链表（C语言）

在这⼀条⼗分漫长的路上&#xff0c;我⾛过阳关⼤道&#xff0c;也⾛过独⽊⼩桥。路旁有深⼭⼤泽&#xff0c;也有平坡宜⼈&#xff1b;有杏花春⾬&#xff0c;也有塞北秋风&#xff1b;有⼭重⽔复&#xff0c;也有柳暗花明&#xff1b;有迷途知返&#xff0c;也有绝处逢⽣。—…
阅读更多...
[论文分享] Function Representations for Binary Similarity

[论文分享] Function Representations for Binary Similarity

Function Representations for Binary Similarity [TDSC 2022] Luca Massarelli , Giuseppe Antonio Di Luna, Fabio Petroni, Leonardo Querzoni, and Roberto Baldoni 二进制相似度问题在于仅考虑两个函数的编译形式来判断它们是否相似。近年来&#xff0c;计算二进制相似度…
阅读更多...
【2023 · CANN训练营第一季】进阶班 Atlas 200I DK 智能小车

【2023 · CANN训练营第一季】进阶班 Atlas 200I DK 智能小车

1 智能小车三维结构设计 1.1 基本模块 坚固酷炫结构模块运动控制模块超声波传感器模块摄像头视觉模块其他传感器模块 1.2 结构设计基本原则 从零开始设计并搭建智能小车&#xff0c;在满足外观要求的基础上&#xff0c;要满足小车运转过程中的运动干涉率为O&#xff0c;并且…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023