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

vue通用后台管理系统

news 2026/3/25 19:40:18
用到的js库

在这里插入图片描述

遇到的问题
  1. vuex和 localStorage区别
    • vuex在内存中，localStorage存在本地
    • localStorage只能存储字符串类型数据，存储对象需要JSON.stringify() 和 parse()…读取内存比读取硬盘速度要快
    • 刷新页面vuex数据丢失，localStorage不会
    • vuex数据是响应式的，，而本地存储的数据不是响应式的，，假如，ab两个组件都在用本地存储，a组件改变了本地存储数据，虽然a改变的数据会同步到本地存储中，但是由于数据不是响应式的，所以b页面的数据不会改变

引用:
https://blog.csdn.net/ssqwdddw/article/details/106999247
https://www.jianshu.com/p/66cdd66a6784

  1. 动态导入组件
    在这里插入图片描述

  2. 动态菜单问题
    根据不同用户获取不同的菜单，，登录的时候 将菜单放在vuex中，，动态渲染router，，通过router.addRoute()添加路由，，v-for渲染列表，因为vuex是内存存储，，刷新之后，菜单会消失，，，，就需要将存在vuex中的menu，，也放在本地存储中或者Cookie中，，（感觉不用vuex也可以）

  3. 改变路由，怎么让elementui 中el-menu菜单高亮
    默认是点击哪个，哪个会亮，，当不使用点击，，而使用别的方式改变路由，，el-menu不会自己变亮，设置一个默认激活
    在这里插入图片描述
    默认激活的名字和 菜单的 index属性对应，，和当前路由的名字对应：
    在这里插入图片描述

在这里插入图片描述

  1. 设置 el-form 为内联表单在这里插入图片描述

  2. 组件导入需要声明
    在这里插入图片描述

  3. 通过el-table当前操作行 传递过来的数据，需要进行深拷贝，，不然修改之后是否确认修改，还是取消都会影响原来的数据
    在这里插入图片描述

  4. 清空表单
    在这里插入图片描述

  5. less中相对父盒子高度计算
    在这里插入图片描述

  6. 导航守卫使用
    在这里插入图片描述

  7. 动态加载的router刷新页面后消失
    每次刷新都会重新加载Vue实例？？？？？在create中重新加载路由
    在这里插入图片描述

router.push() 不会刷新页面，，如果只是简单的切换用户，，不刷新的话，下一个用户会使用上一个用户遗留下来的router，，

  1. mock正则表达式使用
    在这里插入图片描述

  2. axios的get传参，看文档
    在这里插入图片描述

  3. 分页组件修改当前页触发
    在这里插入图片描述

  4. el-date-picker 输入日期的时候格式化
    在这里插入图片描述

  5. less的 & :用法：&符号有2中用法，其一：父选择符；其二：且的意思
    在这里插入图片描述

  6. findIndex() 找索引位置

在这里插入图片描述
17. vuex中 mapState ，，mapMutation 的使用
在这里插入图片描述
在这里插入图片描述

  1. Mock的使用
    在这里插入图片描述

  2. axios使用：
    在这里插入图片描述

在这里插入图片描述

  1. 查找包管理
    在这里插入图片描述

  2. vue-router使用：
    在这里插入图片描述

  3. 关闭eslint校验
    在这里插入图片描述

  4. 查找cdn的网站： cdnjs.com
    在这里插入图片描述

  5. 设置npm镜像
    在这里插入图片描述

在这里插入图片描述

引用：https://blog.csdn.net/karshey/article/details/127867638

相关文章：

vue通用后台管理系统

用到的js库 遇到的问题 vuex和 localStorage区别 vuex在内存中，localStorage存在本地localStorage只能存储字符串类型数据，存储对象需要JSON.stringify() 和 parse()…读取内存比读取硬盘速度要快刷新页面vuex数据丢失，localStorage不会vuex…...

编程日记 2023/2/13 0:11:55

IDEA设置只格式化本次迭代变更的代码

趁着上海梅雨季节，周末狠狠更新一下。平常工作在CR的时候，经常发现会有新同事出现大量代码变更行..一看原因竟是在格式化代码时把历史代码也格式化掉了这样不仅坑了自己（覆盖率问题等），也可能会影响原始代码责任到人&a…...

编程日记 2023/2/13 0:10:50

算法训练——剑指offer(Hash集合问题)

摘要 数据结构中有一个用于存储重要的数据结构，它们就是HashMap,HasSet，它典型特征就是存储key:value键值对。在查询制定的key的时候查询效率最高O(1)。Hashmap，HasSet的底层结构是如图所示。它们的区别就是是否存在重复的元素。 二、HashMa…...

编程日记 2023/2/13 0:09:45

Element UI框架学习篇(七)

Element UI框架学习篇(七) 1 新增员工 1.1 前台部分 1.1.1 在vue实例的data里面准备好需要的对象以及属性 addStatus:false,//判断是否弹出新增用户弹窗dailog,为true就显示depts:[],//部门信息mgrs:[],//上级领导信息jobs:[],//工作岗位信息//新增用户所需要的对象newEmp:…...

编程日记 2023/2/13 0:08:37

【项目实战】32G的电脑启动IDEA一个后端服务要2min！谁忍的了？

一、背景 本人电脑性能一般，但是拥有着一台高性能的VDI（虚拟桌面基础架构），以下是具体的配置 二、问题描述 但是，即便是拥有这么高的性能，每次运行基于Dubbo微服务架构下的微服务都贼久，以下…...

编程日记 2023/2/13 0:07:32

2022年山东省中职组“网络安全”赛项比赛任务书正式赛题

2022年山东省中职组“网络安全”赛项 比赛任务书 一、竞赛时间 总计：360分钟 竞赛阶段竞赛阶段 任务阶段 竞赛任务 竞赛时间 分值 A模块 A-1 登录安全加固 180分钟 200分 A-2 Nginx安全策略 A-3 日志监控 A-4 中间件服务加固 A-5 本地安全策略…...

编程日记 2023/2/13 0:06:28

RibbitMQ 入门到应用 ( 二 ) 安装

3.安装基本操作 3.1.下载安装 3.1.1.官网 下载地址 https://rabbitmq.com/download.html 与Erlang语言对应版本 https://rabbitmq.com/which-erlang.html 3.1.2.安装 Erlang 在确定了RabbitMQ版本号后，先下载安装Erlang环境 Erlang下载链接 https://packa…...

编程日记 2023/2/13 0:05:23

提取DataFrame中每一行的DataFrame.itertuples()方法

【小白从小学Python、C、Java】【计算机等级考试500强双证书】【Python-数据分析】提取DataFrame中的每一行DataFrame.itertuples()选择题关于以下python代码说法错误的一项是?import pandas as pddf pd.DataFrame({A:[a1,a2],B:[b1,b2]},index[i1,i2])print("【显示】d…...

编程日记 2023/2/13 0:04:17

基于卷积神经网络的立体视频编码质量增强方法_余伟杰

基于卷积神经网络的立体视频编码质量增强方法_余伟杰提出的基于TSAN的合成视点质量增强方法全局信息提取流像素重组局部信息提取流多尺度空间注意力机制提出的基于RDEN的轻量级合成视点质量增强方法特征蒸馏注意力块轻量级多尺度空间注意力机制概念扭曲失真孔洞问题失真和伪影提…...

编程日记 2023/2/13 0:03:09

【2023unity游戏制作-mango的冒险】-3.基础动作和动画API实现

👨‍💻个人主页：元宇宙-秩沅 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 本文由 秩沅 原创 收录于专栏：unity游戏制作 ⭐mango的基础动作动画的添加⭐ 文章目录⭐mango的基础动作动画的添加⭐&#x1f…...

编程日记 2023/2/13 0:02:04

跨域的几种解决方案？

1-jsonp 【前端后端实现】jsonp: 利用 <script> 标签没有跨域限制的漏洞&#xff0c;网页可以得到从其他来源动态产生的 JSON 数据。JSONP请求一定需要对方的服务器做支持才可以。JSONP优点是简单兼容性好&#xff0c;可用于解决主流浏览器的跨域数据访问的问题。缺点是仅…...

编程日记 2023/2/13 0:01:00

2022年山东省职业院校技能大赛网络搭建与应用赛项正式赛题

2022年山东省职业院校技能大赛 网络搭建与应用赛项 第二部分 网络搭建与安全部署&服务器配置及应用 竞赛说明&#xff1a; 一、竞赛内容分布 竞赛共分二个模块&#xff0c;其中&#xff1a; 第一模块&#xff1a;网络搭建及安全部署项目 第二模块&#xff1a;服务…...

编程日记 2023/2/12 23:59:53

【JUC并发编程】ArrayBlockingQueue和LinkedBlockingQueue源码2分钟看完

文章目录1、BlockingQueue1&#xff09;接口方法2&#xff09;阻塞队列分类2、ArrayBlockingQueue1&#xff09;构造函数2&#xff09;put()入队3&#xff09;take()出队3、LinkedBlockingQueue1&#xff09;构造函数2&#xff09;put()入队3&#xff09;take()出队1、Blocking…...

编程日记 2023/2/12 23:58:48

GitHub个人资料自述与管理主题设置

目录 关于您的个人资料自述文件 先决条件 添加个人资料自述文件 删除个人资料自述文件 管理主题设置 补充&#xff1a;建立一个空白文件夹 关于您的个人资料自述文件 可以通过创建个人资料 README&#xff0c;在 GitHub.com 上与社区分享有关你自己的信息。 GitHub 在个…...

编程日记 2023/2/12 23:57:44

Express篇-连接mysql

创建数据库配置文件config/sqlconfig.jsconst sqlconfig {host: localhost, // 连接地址user: root, //用户名password: ****, //密码port: 3306 , //端口号database: mysql01_dbbooks //数据库名 } module.exports sqlconfig封装数据库管理工具 utils/mysqlUtils.…...

编程日记 2023/2/12 23:56:38

win10 安装rabbitMQ详细步骤

win10 安装rabbitMQ详细步骤 win10 安装rabbitMQ详细步骤win10 安装rabbitMQ详细步骤一、下载安装程序二、安装配置erlang三、安装rabbitMQ四、验证初始可以通过用户名&#xff1a;guest 密码guest来登录。报错&#xff1a;安装RabbitMQ出现Plugin configuration unchanged.问题…...

编程日记 2023/2/12 23:55:34

【成为架构师课程系列】一线架构师:6个经典困惑及其解法

目录 一线架构师:6个经典困惑及其解法 多阶段还是多视图&#xff1f; 内置最佳实践 架构方法论:3个阶段&#xff0c;一个贯穿 Pre-architecture阶段&#xff1a;ADMEMS矩阵方法 Conceptual Architecture阶段&#xff1a;重大需求塑造做概念架构 Refined Architecture…...

编程日记 2023/2/12 23:54:28

光耦合器的定义与概述

光耦合器或光电耦合器是一种电子元件&#xff0c;基本上充当具有不同电压电平的两个独立电路之间的接口。光耦合器是可在输入和输出源之间提供电气隔离的常用元件。它是一个 6 引脚器件&#xff0c;可以有任意数量的光电探测器。 在这里&#xff0c;光源发出的光束作为输入和输…...

编程日记 2023/2/12 23:53:23

谷粒商城--品牌管理详情

目录 1.简单上传测试 2.Aliyun Spring Boot OSS 3.模块mall-third-service 4.前端 5.数据校验 6.JSR303数据校验 7.分组校验功能 8.自定义校验功能 9.完善代码 1.简单上传测试 OSS是对象存储服务&#xff0c;有什么用呢&#xff1f;把图片存储到云服务器上能让所有人…...

编程日记 2023/2/12 23:52:17

stack、queue和priority_queue

目录 一、栈&#xff08;stack&#xff09; 1.stack的使用 2.容器适配器 3.stack的模拟实现 二、队列&#xff08;queue&#xff09; 1.queue的使用 2.queue的模拟实现 三、双端队列&#xff08;deque&#xff09; 1.vector&#xff0c;list的优缺点 2.认识deque 四…...

编程日记 2023/2/12 23:51:13

电子电路耦合技术详解与应用指南

1. 电子电路中的耦合技术解析1.1 耦合的基本概念在电子电路设计中&#xff0c;耦合是指将前级电路&#xff08;信号源&#xff09;的能量传递至后级电路&#xff08;负载&#xff09;的技术过程。这一基础概念在各类电子系统中具有普遍应用价值&#xff0c;特别是在多级放大电路…...

编程新知 2026/3/25 19:31:30

LaWGPT性能优化终极指南：10个技巧让法律AI响应速度翻倍

LaWGPT性能优化终极指南&#xff1a;10个技巧让法律AI响应速度翻倍 【免费下载链接】LaWGPT LaWGPT - 一系列基于中文法律知识的开源大语言模型&#xff0c;专为法律领域设计&#xff0c;增强了法律内容的理解和执行能力。 项目地址: https://gitcode.com/gh_mirrors/la/LaWG…...

编程新知 2026/3/25 19:17:26

Qwen3-ASR语音识别实战应用：多语言视频字幕自动生成

Qwen3-ASR语音识别实战应用&#xff1a;多语言视频字幕自动生成 1. 引言&#xff1a;视频字幕生成的痛点与解决方案 在当今视频内容爆炸式增长的时代&#xff0c;字幕已经成为提升视频观看体验的关键要素。然而&#xff0c;手动添加字幕仍然是一个耗时费力的过程&#xff0c;…...

编程新知 2026/3/25 18:35:17

别再死记硬背了！用Python的Scipy库5分钟搞定CDF计算与可视化

别再死记硬背了&#xff01;用Python的Scipy库5分钟搞定CDF计算与可视化 每次看到统计学教材里那些复杂的概率公式&#xff0c;是不是觉得头大&#xff1f;作为数据分析新手&#xff0c;你可能更关心如何快速解决问题&#xff0c;而不是推导数学定理。今天我们就用Python的scip…...

编程新知 2026/3/25 18:05:10

6个实用技巧让你快速掌握React Grab元素抓取工具

6个实用技巧让你快速掌握React Grab元素抓取工具 【免费下载链接】react-grab Grab any element on in your app and give it to Cursor, Claude Code, etc 项目地址: https://gitcode.com/GitHub_Trending/re/react-grab React Grab是一款能够帮助开发者轻松抓取应用中…...

编程新知 2026/3/25 17:18:57

Ubuntu 20.04下rMATS 4.1.2环境配置避坑指南（附GSL 2.5安装详解）

Ubuntu 20.04下rMATS 4.1.2环境配置全流程解析与实战技巧 在RNA-seq数据分析领域&#xff0c;可变剪切分析是揭示基因表达调控机制的重要环节。作为该领域的标杆工具&#xff0c;rMATS以其强大的统计模型和灵活的输入支持&#xff0c;成为众多研究者的首选。然而&#xff0c;其…...

编程新知 2026/3/25 16:28:43

Elden Ring 终极帧率解锁与视野优化完整指南：让你的老头环游戏体验焕然一新！[特殊字符]

Elden Ring 终极帧率解锁与视野优化完整指南&#xff1a;让你的老头环游戏体验焕然一新&#xff01;&#x1f3ae; 【免费下载链接】EldenRingFpsUnlockAndMore A small utility to remove frame rate limit, change FOV, add widescreen support and more for Elden Ring 项…...

编程新知 2026/3/25 16:24:40

西门子PLC小区恒压供水系统仿真

西门子PLC小区变频恒压供水系统仿真&#xff0c;基于触摸屏的变频恒压供水模拟&#xff0c;恒压供水PLC基于plc的变频恒压供水控制系统&#xff0c;学校恒压供水仿真界面&#xff0c;基于S7-1500与WinCC的恒压供水系统&#xff0c;高层楼宇供水系统&#xff0c;博途PLC恒压供水…...

编程新知 2026/3/25 15:36:24

QEMU跨架构神器：5分钟搞定Win10到银河麒麟的SSH端口映射

QEMU跨架构神器&#xff1a;5分钟搞定Win10到银河麒麟的SSH端口映射 在跨平台开发与测试中&#xff0c;如何在Windows主机上快速访问ARM架构虚拟机的SSH服务&#xff1f;传统网络配置往往需要复杂的桥接或NAT规则&#xff0c;而QEMU的hostfwd参数只需一行命令即可实现端口映射…...

编程新知 2026/3/25 15:26:20

2024最新版QQNT防撤回插件技术指南：保护您的消息不被删除

2024最新版QQNT防撤回插件技术指南&#xff1a;保护您的消息不被删除 【免费下载链接】LiteLoaderQQNT-Anti-Recall LiteLoaderQQNT 插件 - QQNT 简易防撤回 项目地址: https://gitcode.com/gh_mirrors/li/LiteLoaderQQNT-Anti-Recall 在日常使用QQNT的过程中&#xff0…...

编程新知 2026/3/25 15:06:07