若依vue-新建目录及菜单

前面我们把标题和logo换成了自己系统的标题和logo了

接下来就是要建立自己需要的菜单和页面

新建目录解析

在拉下来的代码跑起来后 有一个系统菜单--菜单管理(如图)

在这个菜单的这个页面内有对应的操作功能

修改功能

这个功能可以修改写好了的菜单数据 例如:名称/排序/路由地址/状态

如果是系统自带的菜单 如果不需要 就可以把菜单的状态切换到 '停用'

如果是自己新增的菜单 这个功能可以修改排序 调整菜单在左侧的位置

删除功能

这个功能就是把自己已经写好的菜单删除掉(不建议使用,如果某个菜单不用了可以停用)

系统自带菜单是无法删除的 只能停用

新增功能

有两个新增

一个是表单左上角的新增 主要是新增菜单

第二个是表单列表的操作新增 主要是新增页面和按钮等

但是其实两个无区别

新增目录

上级菜单:

这个主要是选择菜单所处的层级 如果是主类目就是一级菜单 还可以选择一级菜单下面的菜单 作为它的二级菜单

菜单类型:

有三个类型 分别是 目录 菜单 按钮

今天主要讲讲目录和菜单

可以发现 点击目录和点击菜单 所新增的画面是不一样的

因为目录是一级分类 而菜单是下面对应的页面,需要设置对应的路径和权限等信息

菜单图标:

选择菜单名称前面的小图标

可以在源文件内添加自己需要的图标再选择

菜单名称:

显示的目录/菜单名称

显示排序:

就是目录/菜单的展示顺序 基本是从1开始向后排序

是否外链:

如果选择 则路由地址需要以 'http(s)://' 开头

路由地址:

访问的动态路由地址 比如 'user'

显示状态:

选择隐藏 则该路由不会出现在左侧边栏 但是可以通过路由去访问

菜单状态:

选择停用 则该路由不会出现在左侧边栏 并且不能访问

新增菜单

由于新增菜单和新增目录有重合的 所以这里只写不重合的地方

组件路径:

访问的组件路径 例如: 'system/user/user' 默认是在'views'目录下的

权限字符:

控制器中定义的权限字符

路由参数:

访问路由的默认传递参数 比如 '{"id": 1, "name": "admin"}'

是否缓存:

选择是 则会被 'keep-alive'缓存 需要匹配组件的 'name' 和地址保持一致

新建目录/菜单

新建目录

在添加对应的目录/菜单后 还需要手动的在源文件内去添加对应的路径

比如说 新增了一个用户目录 'user'

就需要在 src/views 文件下面新增一个文件 'user' 来充当目录

新建菜单

这个在前面添加的时候 就需要配置好动态路由并且加进去

例如我在添加的时候 组件路径为 'user/user/index'

就需要在文件对应路径添加对应页面

index.vue就是该菜单会展示的内容

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

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

相关文章

python:五种算法(DBO、WOA、GWO、PSO、GA)求解23个测试函数(python代码)

一、五种算法简介 1、蜣螂优化算法DBO 2、鲸鱼优化算法WOA 3、灰狼优化算法GWO 4、粒子群优化算法PSO 5、遗传算法GA 二、5种算法求解23个函数 (1)23个函数简介 参考文献: [1] Yao X, Liu Y, Lin G M. Evolutionary programming made…

【小白专用】php执行sql脚本 更新23.12.10

可以使用 PHP 的 mysqli 扩展来执行 SQL 脚本。具体步骤如下: 连接到数据库;打开 SQL 脚本文件并读取其中的 SQL 语句;逐条执行 SQL 语句;关闭 SQL 脚本文件;关闭数据库连接。 以下是通过 mysqli 执行 SQL 脚本的示例…

生产问题: 利用线程Thread预加载数据缓存,其它类全局变量获取缓存偶发加载不到

生产问题: 利用线程Thread预加载数据缓存偶发加载不到 先上代码 public class ThreadTest {//本地缓存Map<String, Object> map new HashMap<String, Object>();class ThreadA implements Runnable{Overridepublic void run() {System.out.println("Thread…

RT-Thread学习笔记(六):RT_Thread系统死机日志定位

RT_Thread系统死机日志定位 一、RT_Thread系统死机日志定位二、Cortex-M3 / M4架构知识2.1 Cortex-M3 / M4架构概述2.2 寄存器用途 三、排查步骤 一、RT_Thread系统死机日志定位 RT-Thread 系统发生hardfault死机时&#xff0c;系统默认会打印出一系列寄存器状态帮助用户定位死…

XML学习及应用

介绍XML语法及应用 1.XML基础知识1.1什么是XML语言1.2 XML 和 HTML 之间的差异1.3 XML 用途 2.XML语法2.1基础语法2.2XML元素2.3 XML属性2.4XML命名空间 3.XML验证3.1xml语法验证3.2自定义验证3.2.1 XML DTD3.2.2 XML Schema3.2.3PCDATA和CDATA区别3.2.4 参考 1.XML基础知识 1…

AWR1642 boost开发板支持的TI参考设计

打开radar_toolbox_1_30_00_05\source\ti\examples\examples_overview,通过输入“1642”查找AWR1642 BOOST支持的参考设计,通过筛选,支持AWR1642 BOOST的参考设计如下: 挑选出两个参考设计上手,一个是“nonos_oob_16xx",不带OS;另一个是”short range radar“,比较…

Sbatch, Salloc提交任务相关

salloc 申请计算节点&#xff0c;然后登录到申请到的计算节点上运行指令&#xff1b; salloc的参数与sbatch相同&#xff0c;该部分先介绍一个简单的使用案例&#xff1b;随后介绍一个GPU的使用案例&#xff1b;最后介绍一个跨节点使用案例&#xff1b; 首先是一个简单的例子&a…

Go开发运维:Go服务发布到K8S集群

目录 一、实验 1.Go服务发布到k8s集群 二、问题 1.如何从Harbor拉取镜像 一、实验 1.Go服务发布到k8s集群 &#xff08;1&#xff09;linux机器安装go(基于CentOS 7系统) yum install go -y &#xff08;2&#xff09;查看版本 go version &#xff08;3&#xff09;创…

【参天引擎】华为参天引擎内核架构专栏开始更新了,多主分布式数据库的特点,类oracle RAC国产数据开始出现了

cantian引擎的介绍 ​专栏内容&#xff1a; 参天引擎内核架构 本专栏一起来聊聊参天引擎内核架构&#xff0c;以及如何实现多机的数据库节点的多读多写&#xff0c;与传统主备&#xff0c;MPP的区别&#xff0c;技术难点的分析&#xff0c;数据元数据同步&#xff0c;多主节点的…

Python 中 4 个高效的技巧(建议收藏)

今天我想和大家分享 4 个省时的 Python 技巧&#xff0c;可以节省 10~20% 的 Python 执行时间。 反转列表 Python 中通常有两种反转列表的方法&#xff1a;切片或 reverse() 函数调用。这两种方法都可以反转列表&#xff0c;但需要注意的是内置函数 reverse() 会更改原始列表…

【数据结构】C语言结构体详解

目录 前言 一、结构体的定义 二、定义结构体变量 三、结构体变量的初始化 四、使用typedef声明新数据类型名 五、指向结构体变量的指针 总结 &#x1f308;嗨&#xff01;我是Filotimo__&#x1f308;。很高兴与大家相识&#xff0c;希望我的博客能对你有所帮助。 &#x1f4a1…

做题笔记:SQL Sever 方式做牛客SQL的题目--查询每天刷题通过数最多的前二名用户

----查询每天刷题通过数最多的前二名用户id和刷题数 现有牛客刷题表questions_pass_record&#xff0c;请查询每天刷题通过数最多的前二名用户id和刷题数&#xff0c;输出按照日期升序排序&#xff0c;查询返回结果名称和顺序为&#xff1a; date|user_id|pass_count 表单创建…

Spring JDBC和事务管理

Spring JDBC是Spring框架用来处理关系型数据库的模块&#xff0c;对JDBC的API进行了封装。 Spring JDBC的核心类为JdbcTemplate&#xff0c;提供数据CRUD方法 Spring JDBC使用步骤 Maven工程引入依赖spring-jdbc <dependency><groupId>org.springframework<…

对Spring源码的学习:Bean实例化流程

目录 SpringBean实例化流程 Spring的后处理器 Bean工厂后处理器 Bean后处理器 SpringBean实例化流程 Spring容器在进行初始化时&#xff0c;会将xml配置的<bean>的信息封装成一个BeanDefinition对象&#xff0c;所有的BeanDefinition存储到一个名为beanDefinitionMa…

Docker容器的可视化管理工具—DockerUI本地部署与远程访问

文章目录 前言1. 安装部署DockerUI2. 安装cpolar内网穿透3. 配置DockerUI公网访问地址4. 公网远程访问DockerUI5. 固定DockerUI公网地址 前言 DockerUI是一个docker容器镜像的可视化图形化管理工具。DockerUI可以用来轻松构建、管理和维护docker环境。它是完全开源且免费的。基…

2023 CCF中国软件大会(CCF ChinaSoft) “程序语义深度理解前沿进展”论坛成功召开...

2023年12月2日&#xff0c;2023年度CCF中国软件大会软件程序语义深度理解前沿进展论坛成功召开。 本次论坛由南京大学卜磊老师和国防科技大学陈振邦老师主持&#xff0c;计算机研究与发展期刊代表侯丽珊老师致辞&#xff0c;旨在反映程序语义理解及其应用相关研究前沿进展与实践…

Vue之模板语法

模板语法有两大类&#xff1a; 1.插值语法 2.指令语法 让我为大家介绍一下吧&#xff01; 一、插值语法 功能:用于解析标签体内容。 写法: {{xxx}}&#xff0c;xxx是js表达式&#xff0c;且可以直接读取到data中的所有属性。 举个例子&#xff1a; <!DOCTYPE html> &l…

探索未来新趋势:鸿蒙系统的崭新时代

探索未来新趋势&#xff1a;鸿蒙系统的崭新时代 随着科技的不断发展&#xff0c;操作系统作为计算机和移动设备的核心&#xff0c;扮演着至关重要的角色。近年来&#xff0c;一种备受瞩目的操作系统——鸿蒙系统&#xff08;HarmonyOS&#xff09;崭露头角&#xff0c;正引领着…

Selenium 中并行测试的重要性!

随着技术的进步&#xff0c;测试解决方案变得更具可扩展性&#xff0c;加速了团队从手动测试到Selenium测试自动化的转型。但是成年人的世界&#xff0c;没有什么是容易的。对于许多团队来说&#xff0c;并行运行多个测试仍然是不可扩展的。他们倾向于遵循传统的顺序执行测试方…

MIT6.5840-2023-Lab2A: Raft-leader election

前置知识 什么是一致性算法&#xff1f; 安全性保证&#xff0c;绝对不会返回一个错误的结果&#xff1b;可用性&#xff0c;容忍集群部分节点失败&#xff1b;不依赖时序来保证一致性&#xff1b;一条指令可以尽可能快的在集群中大多数节点响应一轮远程过程调用时完成。小部分…