❤ 全面解析若依框架vue2版本(springboot-vue前后分离--前端部分)

news/2024/9/16 17:43:22/

❤ 解析若依框架之前台修改

1、修改页面标题和logo

修改网页上的logo

ruoyi-ui --> public --> favicon.ico,把这个图片换成你自己的logo

修改网页标题
根目录下的vue.config.js

const name = process.env.VUE_APP_TITLE || ‘若依管理系统’ // 网页标题

换成自己网站标题

修改页面中的logo

ruoyi-ui --> src --> assets --> logo --> logo.png,把这个图片换成你自己的logo

修改页面标题
ruoyi-ui --> src --> layout --> components --> Sidebar --> Logo.vue

title: ‘若依管理系统’, 换成自己网站的名称(或者全局搜索)

修改登录名称
ruoyi-ui --> src -->views 下的login.vue文件中的

<h3 class="title">若依后台管理系统</h3> 修改成自己的管理后台名称

修改注册系统显示名称
ruoyi-ui --> src -->views 下的register.vue 文件中的

<h3 class="title">若依后台管理系统 修改成自己管理后台名称

配置文件名称

将这个名称 VUE_APP_TITLE = 若依管理系统
换成自己网站名称

2、首页右上角 源码地址 & 文档地址头部管理

在ruoyi-ui=> src => layout => Navnar.vue 下找到 Navbar.vue 这个文件

3、更改面包屑

注意components =》 Breadcrumb=》 index.vue

isDashboard(route) {const name = route && route.nameif (!name) {return false}return name.trim() === 'Index'},//判别 name.trim() === 'Index' 是否和路由名称对应

4、发布服务器,点击刷新、退出报404和nginx欢迎页面问题解决

layout => Navbar

监听多次刷新时是否 重新载入或者跳转到index

async logout () {this.$confirm('确定注销并退出系统吗?', '提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(() => {// this.$store.dispatch('LogOut').then(() => {//   location.reload()// })this.$store.dispatch('LogOut').then(() => {location.href = '/index';})})}

//【解决结果】无效

5、若依 ruoyi 修改默认布局设置

代码 ruoyi-ui/src/settings.js

6、开启网页的动态标题

在这里插入图片描述

标题与路由呼应
在这里插入图片描述

7、 自己设定当前标题

直接挂载到mounted 里面即可
在这里插入图片描述

mounted(){document.title ='测试权限';}

http://www.ppmy.cn/news/1040019.html

相关文章

Redis与MySQL的比较:什么情况下使用Redis更合适?什么情况下使用MySQL更合适?

Redis和MySQL是两种不同类型的数据库&#xff0c;各有自己的特点和适用场景。下面是Redis和MySQL的比较以及它们适合使用的情况&#xff1a; Redis适合的场景&#xff1a; 高性能读写&#xff1a;Redis是基于内存的快速Key-Value存储&#xff0c;读写性能非常高。它适用于需要…

神经网络基础-神经网络补充概念-56-迁移学习

迁移学习&#xff08;Transfer Learning&#xff09;是一种机器学习技术&#xff0c;旨在将在一个任务上学到的知识或模型迁移到另一个相关任务上&#xff0c;以提高新任务的性能。迁移学习的核心思想是通过利用源领域&#xff08;source domain&#xff09;的知识来改善目标领…

【SA8295P 源码分析】76 - Thermal 功耗 之 /dev/thermalmgr 相关调试命令汇总

【SA8295P 源码分析】76 - Thermal 功耗 之 /dev/thermalmgr 相关调试命令汇总 1、配置文件:/mnt/etc/system/config/thermal-engine.conf2、获取当前SOC所有温度传感器的温度:cat /dev/thermalmgr3、查看所有 Thermal 默认配置和自定义配置:echo query config > /dev/th…

自动驾驶,一次道阻且长的远征|数据猿直播干货分享

‍数据智能产业创新服务媒体 ——聚焦数智 改变商业 在6月的世界人工智能大会上&#xff0c;马斯克在致辞中宣称&#xff0c;到2023年底&#xff0c;特斯拉便可实现L4级或L5级的完全自动驾驶&#xff08;FSD&#xff09;。两个月之后&#xff0c;马斯克又在X社交平台上发言&am…

线程同步条件变量

为何要线程同步 在线程互斥中外面解决了多线程访问共享资源所会造成的问题。 这篇文章主要是解决当多线程互斥后引发的新的问题&#xff1a;线程饥饿的问题。 什么是线程饥饿&#xff1f;互斥导致了多线程对临界区访问只能改变为串行&#xff0c;这样访问临界资源的代码只能…

gromacs教程练习1

gromacs能在win上运行&#xff0c;还是个开源的软件&#xff0c;这都很值得入手学习 记录下gromacs教程的练习情况&#xff1a; Lysozyme in water 水中的溶菌酶&#xff0c;嗯&#xff0c;估计就是把蛋白处理后放在显试溶剂里跑MD这个模拟。 1、文件的准备&#xff1a; 1、…

系统架构设计师---计算机基础知识之数据库系统结构与规范化

目录 一、基本概念 二、 数据库的结构 三、常用的数据模型 概念数据模型

【Redis】Redis 的主从同步

【Redis】Redis 的主从同步 很多企业都没有使用 Redis 的集群&#xff0c;但是至少都做了主从。有了主从&#xff0c;当主节点(Master) 挂掉的时候&#xff0c;运维让从节点 (Slave) 过来接管&#xff0c;服务就可以继续&#xff0c;否则主节点需要经过数据恢复和重启的过程&a…

笔记:移植xenomai到nuc972(2)

接下来的测试,出现了两个问题 第一个问题是demo程序启动不了,这是上一篇文章忘记说的事,启动不了的原因是权限问题,提示需要root, 但我是用busybox搭的文件系统,直接就是root,不存在权限问题,所以问题出在应用上,经过一番调试后发现,问题出在xenomai的应用库上,具体位置在xen…

进行 200 瓦太阳能 (PV) 模块设计以测量太阳能光伏阵列的电压、电流和功率、综合负荷频率和电压控制系统的方法研究(Simulink实现)

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…

C++ 网络编程项目fastDFS分布式文件系统(三)-Nginx部分

目录 1. 一些基本概念 1.1 Nginx初步认识 1.2 正向/反向代理 1.3 域名和IP 2. Nginx 安装和配置 2.1 安装 2.2 配置 3. Nginx的使用 3.1 部署静态网页 3.2 反向代理和负载均衡 4 课外知识导读 1. URL和URI ​编辑 2. DNS解析过程 1. 一些基本概念 1.1 Nginx初步认…

Java进阶篇--数据结构

目录 一.数组&#xff08;Array&#xff09;&#xff1a; 1.1 特点&#xff1a; 1.2 基本操作&#xff1a; 1.3 使用数组的好处包括&#xff1a; 1.4 数组也有一些限制&#xff1a; 二.集合框架&#xff08;Collections Framework&#xff09;&#xff1a; 2.1 列表…

企业为什么会加入行业协会?

行业协会是什么 行业协会是介于政府与企业之间&#xff0c;产品制造商和经营商之间的社会性中介组织。主要为协会成员提供咨询&#xff0c;沟通&#xff0c;监督&#xff0c;协调服务。行业协会属于民间组织&#xff0c;不属于政府的管理机构&#xff0c;但是会和政府有相关合…

Springboot 封装整活 Mybatis 动态查询条件SQL自动组装拼接

前言 ps&#xff1a;最近在参与3100保卫战&#xff0c;战况很激烈&#xff0c;刚刚打完仗&#xff0c;来更新一下之前写了一半的博客。 该篇针对日常写查询的时候&#xff0c;那些动态条件sql 做个简单的封装&#xff0c;自动生成&#xff08;抛砖引玉&#xff0c;搞个小玩具&a…

微服务-Fegin

在之前我们两服务之间调用的时候用的是restTemplate,但是这个方式调用存在很多的问题 String url "http://userservice/user/" order.getUserId(); 代码可读性差&#xff0c;编码体验不统一参数复杂的url难以维护 所以我们大力推出我们今天的主角--Fegin Feign是…

RPA机器人《国网电力》电力行业实施案例-基层减负 提质增效

背景&#xff1a;随着国网战略目标加速落地&#xff0c;数字化转型和精益化管理深化推进&#xff0c;各供电公司亟待突破精细化管控不深入、执行标准不够统一、系统数据不够融通等制约工作质效提升的能力瓶颈&#xff0c;针对这些问题&#xff0c;决定引入诸如RPA、OCR等技术&a…

在 React 中获取数据的6种方法

一、前言 数据获取是任何 react 应用程序的核心方面。对于 React 开发人员来说&#xff0c;了解不同的数据获取方法以及哪些用例最适合他们很重要。 但首先&#xff0c;让我们了解 JavaScript Promises。 简而言之&#xff0c;promise 是一个 JavaScript 对象&#xff0c;它将…

Mybatis分页插件——PageHelper

一、定义 PageHelper用在mybatis插件里面&#xff0c;可以自动的为最近的sql语句进行分页查询&#xff0c;提供分页的页码size和每页数量num&#xff0c;在查询过程中hi自动的拼接limit关键字&#xff0c;不用再改写sql语句了 在PageHelper.startPage()&#xff1b; 在启动查询…

医生想要申请医学访问学者,需要具备哪些背景呢?

随着出国访学的方式越来越多元化&#xff0c;各种资助项目的逐渐增多&#xff0c;出国做访问学者的梦想对于许多年轻的医生来说也变得越来越容易靠近。 其实只要对方接收&#xff0c;不管纯自费&#xff0c;还是科室出钱&#xff0c;还是医院出钱&#xff0c;还是省、卫生部、…

基础课-不等式

1.记录 最小公倍数是最大公约数的倍数 2.均值不等式 和定积大 积定和小- 机顶盒小