element admin 侧边栏出不来

2024-10-17

vue-element-admin登录逻辑，以及动态添加路由，显示侧边栏

这段时间在研究element-admin,感觉这个库有许多值得学习的地方,我学习这个库的方法是,先看它的路由,顺着路由,摸清它的逻辑,有点像顺藤摸瓜. 这个库分的模块非常清晰,适合多人合作开发项目,但是如果一个人去用这个库开发后台,步骤显的有点繁琐,特别是调用后端接口,之前一个方法就调用到了,但是用这个库,需要先后分几步调用. 比如说调用一个登陆接口:点击登陆按钮---->调用store中的方法---->调用api中对应登陆的方法--->request.js中封装的axios方法 4步!

element admin中使用nprogress实现页面加载进度条

主要是知道是nprogress这个组件实现的就可以了,组件的使用方法可参考:https://blog.csdn.net/ltr15036900300/article/details/47321217 在element admin中如果想禁用这个效果,全局搜索NProgress ,然后把NProgress.start() 和 NProgress.done() 都注释掉就好了.

vue element Admin - 修改浏览器标签名 + 添加tagView标签 +固定导航头部 + 添加侧边栏Logo

1 .修改浏览器标签名称: 修改浏览器标签名称在文件:\src\settings.js image.png 2 .修改固定头部Header和侧边栏 Logo: image.png 1)侧边栏文件在:\src\layout\components\Sidebar\index.vue, Sidebar组件中 image.png 2)修改侧边栏Log和标题在文件:src\layout\components\Sidebar\Logo.vue image.png 3) 控制showLogo字

229. Majority Element II -- 找出数组中出现次数超过 ⌊ n/3 ⌋ 次的数

Given an integer array of size n, find all elements that appear more than ⌊ n/3 ⌋ times. The algorithm should run in linear time and in O(1) space. class Solution { public: //O(n) Space compexity vector<int> majorityElement01(vector<int>&

spring boot admin抛出"status":401,"error":"Unauthorized"异常

打开spring boot admin的监控平台发现其监控的服务明细打开均抛出异常: Error: {"timestamp":1502749349892,"status":401,"error":"Unauthorized","message":"Full authentication is required to access this resource.","path&qu

element ui 弹出组件的遮罩层在弹出层的上面的解决方法

<el-dialog title="收货地址" :visible.sync="dialogFormVisible" :modal-append-to-body="false"> 添加 :modal-append-to-body="false"

vue element admin 关闭eslint校验

vue.config.js里面进行设置 lintOnSave: false, // lintOnSave: process.env.NODE_ENV === 'development',

23-React Render Element

第23节 React Render Element 1.Element 元素是反应应用程序的最小积木. 元素描述你在屏幕上看到的内容.: const element= <h1>你好,世界</h1>: ==不同于浏览器的DOM元素,react元素是普通的对象,React 通过解析每一个创建的 Element, 计算出需要对 DOM 进行的实际操作来完成渲染的== var React = require('react'); var ReactDOM = require('react-d

element el-table表格的vue组件二次封装（附表格高度自适应）

基于vue的el-table表格二次封装组件方法前言在公司实习使用vue+element-ui框架进行前端开发,使用表格el-table较为多,有些业务逻辑比较相似,有些地方使用的重复性高,如果多个页面使用相同的功能,就要多次重复写逻辑上差不多的代码,所以打算对表格这个组件进行封装,将相同的代码和逻辑封装在一起,把不同的业务逻辑抽离出来.话不多说,下面就来实现一下吧. 一.原生el-tbale代码--简单の封装这里直接引用官方的基础使用模板,直接抄过来(✪ω✪),下面代码中主要是抽离htm

vue3 + element plus 使用字节跳动图标

使用场景: 提一下vue2 用法>> 下面回到正题 vue3 用法 1 安装包: npm install @icon-park/vue-next --save 2 字节跳动图标库取图地址>> 3 用法: <template> <div class="mm">  <home-two theme="outline" size="16" />

FastAPI + Vue 前后端分离接口自动化测试工具 apiAutoTestWeb

apiAutoTestWeb使用说明 apiAutoTestWeb是为apiAutoTest的可视化版本,其采用前后端分离(FastAPI + Vue2)方式实现具体使用: Python3 + FastAPI + Vue + element-ui + vue element admin + Tortoise ORM + jwt(python-jose) + apscheduler + aiohttp + aiofiles + jsonpath 演示地址 http://49.232.203.24

队列的JS实现

队列和栈相似,都是对插入和删除操作的部位做了限制特殊的线性表.在队列中,只能从一头删除节点,这一头叫做队首:而另一端只能做插入操作,这一头叫做队尾.很容易理解,队列是一个"先进先出"的线性表.队列的应用有一个很常见的例子,就是打印机的作业队列,打印机会维护一个作业队列,先入队的作业先执行~ 同样的,根据存储结构的不同,队列也有顺序队列和链式队列两种实现,代码如下: function LinkedQueue () { //节点结构定义 var Node = function(elemen

DOM常用操作总结

一.getElementById() 寻找一个有着给定 id 属性值的元素,返回值是一个有着给定 id 属性值的元素节点.如果不存在,这样的元素,它返回 null. 二.getElementsByName() 寻找有着给定name属性的所有元素,这个方法将返回一个节点集合,这个集合可以当作一个数组来处理.这个集合的 length 属性等于当前文档里有着给定name属性的所有元素的总个数. 三.getElementsByTagName() 寻找有着给定标签名的所有元素,这个方法将返回一个节点集合,

solr全文检索原理及solr5.5.0 Windows部署

文章原理链接:http://blog.csdn.net/xiaoyu411502/article/details/44803859 自己稍微总结:全文检索主要有两个过程:创建索引,搜索索引创建索引:1.让分词组件分词进行分词处理2.语言处理组件:主要是对得到的词元(Token)做一些同语言相关的处理3.将得到的词(Term)传给索引组件(Indexer). 搜索索引:1.用户输入查询语句读懂用户搜索意思2.对查询语句进行词法分析,语法分析,及语言处理.3.搜索索引,得到符合语法树的文档.4.

dom4J 学习

Java给我们提供了标准的W3C接口实现,已完成对XML的处理.主要有两大类,分别是DOM操作,SAX解析.DOM可以将XML加载到内存中,对XML进行方便的增删查改.由于是将整个XML都加载到内存中,所以一般说来只适合于处理比较小的XML文件.而SAX方式克服了DOM的对文件大小限制,它采用先序的方式遍历整个XML文件.也就是说SAX是有一定的顺序的执行的,一个节点一个节点的加载.这样即使XML文档很大,但不需要将其整个加载到内存中,所以SAX可以处理较大的XML文件.但SAX的缺点是不能对X

Java生成XML文件

我们在数据库中的数据可以将其提取出来生成XML文件,方便传输.例如数据库中有Admin这张表: 我们写一个java类表示admin数据: package xmlDom.vo; import java.io.Serializable; import java.util.Date; import java.util.List; public class Admin implements Serializable { private String aid; private String passwor

javascript DOM 操作

在javascript中,经常会需要操作DOM操作,在此记录一下学习到DOM操作的知识. 一.JavaScript DOM 操作 1.1.DOM概念 DOM :Document Object Model(文本对象模型). D : 文档(html或xml文档) O : 对象(文档对象) M : 模型 1.2.DOM结构 DOM将文档以家谱树的形式来表现. 下面是一个简单的html文档,我们可以看出该文档的DOM结构如下 <!DOCTYPE html> <html> <head&

读《编写可维护的javascript》笔记

第一章基本的格式化缩进层级:推荐 tab:4; 换行:在运算符后面换行,第二行追加两个缩进: // Good: Break after operator, following line indented two levels callAFunction(document, element, window, "some string value", true, 123, navigator); // Bad: Following line indented only one leve

java容器详细解析

前言:在java开发中我们肯定会大量的使用集合,在这里我将总结常见的集合类,每个集合类的优点和缺点,以便我们能更好的使用集合.下面我用一幅图来表示其中淡绿色的表示接口,红色的表示我们经常使用的类. 1:基本概念 Java容器类类库的用途是保存对象,可以将其分为2个概念. 1.1:Collection 一个独立元素的序列,这些元素都服从一条或多条规则.其中List必须按照插入的顺序保存元素.Set不能有重复的元素.Queue按照排队规则来确定对象的产生顺序(通常也是和插入顺序相同) 1.2:Ma

Zepto中文API

原文地址:http://zeptojs.com/ 译文地址:http://www.html-5.cn/Manual/Zepto/ Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api. 如果你会用jquery,那么你也会用zepto. 设计的目的是提供jquery的类似的APIs,但并不是100%覆盖jquery为目的.zepto设计的目的是有一个5-10k的通用库.下载并执行快.有一个熟悉通用的API,所以你能把你主要的精力放到应用开发上. Z

JavaScript中的property和attribute

property,attribute都作“属性”解,但是attribute更强调区别于其他事物的特质/特性. 而在JavaScript中,property和attribute更是有明显的区别.众所周知,setAttribute是为DOM节点设置/添加属性的标准方法: var ele = document.getElementById("my_ele"); ele.setAttribute("title","it's my element"); 但

element admin 侧边栏出不来

热门专题