《RuoYi基于SpringBoot+Vue前后端分离的Java快速开发框架学习》系列博客_Part2_添加菜单

系列文章目录

Part1:启动RouYi

文章目录

  • 系列文章目录
    • Part1:启动RouYi
  • 实现添加菜单功能来显示新的音图分析页面(所截图片都是在已经添加菜单完成后的情况下)
  • 一、建立一个菜单
  • 二、建立数据库
    • 1、通过数据库软件建立一个表,供我们使用,建立好相应的字段
    • 2、通过导入选择我们新建的表导入,然后对标进行“编辑”操作。
    • 3、生成代码,将相应代码放到相应位置即可。


实现添加菜单功能来显示新的音图分析页面(所截图片都是在已经添加菜单完成后的情况下)

一、建立一个菜单

在这里插入图片描述
在这里插入图片描述
上级菜单:我们选择识别分析,因为我们是要在识别分析下面增加一个页面显示音图语音理解。
菜单类型:我们选择菜单选项,因为我们是要显示一个具体的页面,而不是通过目录来存放其他显示页面的菜单。
菜单图标:选择一个图表来显示。如下图所示,左边的正方形中带个对号,就是我们选择的图标。
在这里插入图片描述
菜单名称:我们要建立的菜单的名称。
显示排序:实现与同级的其他菜单的排序。
是否外链:外链就是指在别的网站导入自己网站的链接,这里选否。
路由地址:这里的地址就是浏览器地址栏中的地址。如下图所示。
在这里插入图片描述
组件路径:之后生成的组件的存放路径。
权限字符:RuoYi包含权限相关内容,这里只需和组件路径内容保持对应即可。
路由参数:这里暂时不需要。
显示状态:显示就是显示在前端,隐藏就是不显示。
是否缓存和菜单状态都是默认选择即可。

二、建立数据库

1、通过数据库软件建立一个表,供我们使用,建立好相应的字段

在这里插入图片描述

2、通过导入选择我们新建的表导入,然后对标进行“编辑”操作。

在这里插入图片描述
在这里插入图片描述
如上图所示,需要填写表描述,用来记录此表的用处。
在这里插入图片描述
在这里插入图片描述
如上两图所示,我们字段描述(第一张图中)的内容会被显示在第二张图的表的表头中。
在这里插入图片描述
如上图所示。
生成模板,因为是单表,所以选择单表。
前端类型,尽量选择Vue2,因为有兼容性问题。
生成包路径,也就是生成代码时,代码存放的路径,一般生成路径最后一个部分与生成模块名相同,比如此处都为audioToPicture。
生成业务名,即后端的比如domain中类的名称,以及一系列接口,mapper如何进行相关命名。
生成功能名,即前端和数据库显示的名称,这里后来已经改为了前文的音图语义理解。

3、生成代码,将相应代码放到相应位置即可。


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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

强化学习算法DQN实现

DQN的基本思想 Q学习:Q学习是一种基于值函数的强化学习方法,目的是通过学习状态-动作值函数Q(s, a)来指导智能体的动作选择。Q函数表示在状态s采取动作a后能够获得的期望总回报。 深度神经网络:使用深度神经网络来近似Q函数。输入是状态s&am…

【Ngix】快速上手,由浅入深

内容概述 1、nginx 简介 (1)介绍 nginx 的应用场景和具体可以做什么事情 (2)介绍什么是反向代理 (3)介绍什么是负载均衡 (4)介绍什么是动静分离 2、nginx 安装 (1…

Leetcode - 周赛406

目录 一,3216. 交换后字典序最小的字符串 二,3217. 从链表中移除在数组中存在的节点 三,3218. 切蛋糕的最小总开销 I 四,3219. 切蛋糕的最小总开销 II 一,3216. 交换后字典序最小的字符串 本题要求交换一次相邻字符…

C++编程逻辑讲解step by step:静态数组长度后确定还能编译成功

定义 定义一维数组的一般格式为 类型标识符 数组名[常量表达式]; 例如: int a[10]; 问题 很多人写成这样: int n; cin>>n; int a[n]; 这个写法已经明确,是错的&…

新建vue项目和安装第三方库

安装vue 打开vscode编辑器,按Ctrl组合键打开终端,在命令行中运行以下命令 npm create vuelatest项目初始化完成,可执行以下命令: cd vue-project --切换到项目目录 npm install -- 安装依赖包 npm run dev -- 运行项目安装 …

大数据架构对比记录

Lambda架构 -维护两套项目,开发和维护成本高 -两套链路,数据容易不一致 -数据计算成本大(例如原定每小时计算一次,但有额外新需求需要计算两点半-三点半之间数据,则需要重新计算) Kappa -过于依赖kafka消…

FPGA:基于复旦微FMQL10S400 /FMQL20S400 国产化核心板

复旦微电子是国内集成电路设计行业的领军企业之一,早在2000年就在香港创业板上市,成为行业内首家上市公司。公司的RFID芯片、智能卡芯片、EEPROM、智能电表MCU等多种产品在市场上的占有率位居行业前列。 今天介绍的是搭载复旦微 FMQL10S400/FMQL20S400的…

嵌入式Linux应用开发基础-现有动态库so的使用

前言 最近做嵌入式Linux项目,需要调用客户提供的现成的动态库(so文件,包含对应头文件),我这边用的是cmake来构建。 此篇文章主要是记录一下嵌入式Linux的动态库的使用,与君共勉! 一、通过cmake使用so库和对应的头文件…

01数据结构 - 顺序表

这里是只讲干货不讲废话的炽念,这个系列的文章是为了我自己以后复习数据结构而写,所以可能会用一种我自己能够听懂的方式来描述,不会像书本上那么枯燥和无聊,且全系列的代码均是可运行的代码,关键地方会给出注释^_^ 全…

C++客户端Qt开发——常用控件(容器类控件)

6.容器类控件 ①GroupBox 带标题分组框 属性 说明 title 分组框的标题 alignment 分组框内部内容的对齐方式 flat 是否是"扁平"模式 checkable 是否可选择 设为true,则在title前方会多出一个可勾选的部分. check 描述分组框的选择状态(前提…

数据结构(5.1)——树的性质

结点数总度数1 结点的度——结点有几个孩子(分支) 度为m的树、m叉树的区别 度为m的树第i层至多有 个结点(i>1) 高度为h的m叉树至多有 个结点 高度为h的m叉树至少有h个结点 、高度为h,度为m叉树至多有hm-1个结点 具有n个结点的m叉树的最小高度为 总结

通过角点进行水果的果梗检测一种新方法

一、前言 在前面的《数字图像处理与机器视觉》案例一(库尔勒香梨果梗提取和测量)中主要使用数学形态学的方法进行果梗提取,下面给出一种提取果梗的新思路。 众所周知,一般果梗和果实在边缘处角度有较大突变,可以通过合…

探索WebKit的CSS列表与标记:美化列表的艺术

探索WebKit的CSS列表与标记:美化列表的艺术 CSS列表和标记是网页设计中用于增强列表展示效果的重要工具。WebKit,作为多种现代浏览器的内核,包括Safari、QQ浏览器等,提供了对CSS列表和标记的广泛支持。本文将深入探讨WebKit对CSS…

spring security源码追踪理解(一)

一、前言 近期看了spring security相关的介绍,再加上项目所用若依框架的底层安全模块也是spring security,所以想从源码的角度加深下对该安全模块的理解(看源码之前,我们要先有个意识,那就是spring security安全模块主…

Solus Linux简介

以下是学习笔记,具体详实的内容请参考官网:Home | Solus Solus Linux 是一个独立的 Linux 发行版,它以其现代的设计、优化的性能和友好的用户体验而著称。以下是一些关于 Solus Linux 的最新动向和特点: 1. **最新版本发布**&a…

第122天:内网安全-域信息收集应用网络凭据CS 插件AdfindBloodHound

目录 前置知识 背景和思路 判断是否在域内 案例一:架构信息类收集-网络&用户&域控等 案例二:自动化工具探针-插件&Adfind&BloodHound Adfind(域信息收集工具) ​BloodHound(自动化域渗透工具) 前置知识 本…

计算机视觉10 总结

全卷积网络(FCN)是计算机视觉中用于处理图像任务的重要网络架构。 核心要点: 与传统 CNN 不同,FCN 将最后的全连接层替换为卷积层,从而能够处理任意尺寸的输入图像,并保留了空间信息。优点包括可处理不同大…

java基础万字笔记

前言 此篇文章为本人在初学java时所记录的java基础的笔记,其中全面记录了java的基础知识点以及自己的一些理解和要注意的点。由于该笔记是边学边记录而成,所以基本很多模块内都会有一些我本人后期记录的知识穿插进去,导致一些模块内的内容并…

搭建个人智能家居 7 - 空气颗粒物检测

搭建个人智能家居 7 - 空气颗粒物检测 前言说明PMS5003ESPHomeHomeAssistant结束 前言 到目前为止,我们这个智能家居系统添加了4个外设,分别是:LED灯、RGB灯、DHT11温度传感器和SGP30。今天继续添加环境测量类传感器“PMS5003空气颗粒物检测…

Django获取request请求中的参数

支持 post put json_str request.body # 属性获取最原始的请求体数据 json_dict json.loads(json_str)# 将原始数据转成字典格式 json_dict.get("key", "默认值") # 获取数据参考 https://blog.csdn.net/user_san/article/details/109654028