基于vue-element-admin/temple的框架使用笔记

最新推荐文章于 2024-08-03 10:41:31 发布
最新推荐文章于 2024-08-03 10:41:31 发布
阅读量334 收藏
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46538057/article/details/110469116
版权

  1. 修改侧边栏标题，图标
    在路由router的index.js里修改
    在这里插入图片描述
    修改图标的话这里修改svg图标名字，再在svg icon修改为自己的图标内容。

  2. 创建一个新导航栏的选项

    • 创建项目文件
    • 添加路由
    • 添加图标

  3. 导航栏背景颜色等修改在这个scss文件

在这里插入图片描述

  1. 项目的网站标题以及图标
    在这几个文件里面
    在这里插入图片描述
    logo修改在这篇里
桌酱
关注
vue-element-template学习
koogo的博客
04-22 3127
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例
X-temple-开源
05-15
X-temple是基于XSLT的可扩展和可扩展的网站内容管理框架。
开源vue-element-admin/temple修改logo图标
凉酱的博客
12-08 2903
之前尝试很多，都没办法修改这个网站原本的图标， 虽然看得出来在src/layout/components/Sidebar/Logo.vue文件中设置了logo， 但是一直修改不起作用， 最终发现根源在于没有找到根本的logo设置路径。 正确的修改方法如下： 在public目录下的favicon就是最终展示的网站logo，而这个logo的设置位置在index.html下 我们把这个ico图标的图片换成自己的就好了，别的不用管了。实际上在自己创建的vue项目的话，这个文件相当于我们那个原始的index.ht
十分钟带你学会 Vue Template
最新发布
oageux的博客
08-03 1162
小白十分钟带你学会 Vue Template
Vue-admin-template的简单使用(简单单体项目)
weixin_44145156的博客
05-03 1052
vue-admin-template简单的使用
vue-admin-templete连接后台 + 更改权限
又菜又爱玩的博客
12-24 1483
1.关闭mock 在vue.config.js中注释如下内容 在main.js中注释如下 2.更改连接源 在config下的setting.config中将 原本为mock改为自己的后台地址就好了 3.后台传递 将mock文件下的controller中的user按照相同格式从后台往前台传输 前台mock传递数据 const accessTokens = { admin: 'admin-accessToken', editor: 'editor-accessToken', test: 'te
vue-element-admin 集成框架设置中文语言
11-10
Vue-element-admin是基于Vue.js构建的一个后台管理界面框架，它结合了Element UI组件库，提供了丰富的UI组件和强大的功能，使得开发者能够快速搭建企业级的后台管理系统。 在"vue-element-admin 集成框架设置中文...
vue-element-admin中文版本
07-20
Vue-element-admin 是基于 Vue.js 的一套全面的后台管理系统模板，它利用了 Element UI 这个流行的 UI 组件库，提供了一系列预设的页面模板、路由、权限管理等功能，极大地加速了后台管理系统的开发过程。...
vue-element-plus-admin 是一个基于 element-plus 免费开源的中后台模版
04-05
vue-element-plus-admin 是一个基于 element-plus 免费开源的中后台模版。使用了最新的vue3，vite4，TypeScript等主流技术开发，开箱即用的中后台前端解决方案，
vue-element-Admin-demo:vue-element-Admin框架源代码
03-23
English ||| 由...赞助 活动服务销售平台 客户消息直达工作群 ... 如果要使用旧版本，可以将分支切换到 ，它不依赖于vue-cli 该项目不支持低版本的浏览器（例如IE）。 请自行添加polyfill。 准备 您
vue3-element-admin:vue3-element-admin后台管理系统前端解决方案
04-17
Vue-Router-Next - 熟悉 vue-router@4 基本使用 Element-Plus - ui 基本使用 Mock.js - mockjs 基本语法 安装使用 # 克隆项目 git clone https://github.com/huzhushan/vue3-element-admin.git # 进入项目目录 cd ...
vue-element-template 开发札记 之 前端自定义路由权限动态刷新侧边栏
Main_1125的博客
10-28 466
vue-element-template 开发札记 | 前端自定义路由权限动态刷新侧边栏 1、获取vue-element-admin的src/store/modules/permission.js 从 vue-element-admin的src/store/modules 目录下把 permission.js 文件拷贝至 vue-element-template 的 src/store/modules 目录下 访问：https://hub.fastgit.org/PanJiaChen/vue-element
vue-admin-template极简的 vue admin 管理后台的动态路由实现方法
UserGuan的博客
03-20 2125
注意：项目中的路由均写在中，其中默认包含数组，这是固定路由，无论用户是什么角色，都需要显示这些路由内容(即导航栏)。为了根据权限来动态的生成路由，我们需要添加数组，这里面的内容将根据用户角色权限动态生成路由内容(即导航栏)。实现方法：① 在中，通过分析里面的角色权限和当前用户所拥有的角色权限，生成用户可查看到的路由列表。② 在中，遍历显示菜单栏。
vue-element-template项目学习笔记
songjuntao8的专栏
01-02 439
vue-element-template项目学习笔记
vue-admin-template搭建后台管理系统的学习（二）登录
pengboran的博客
06-21 1799
此模版 用到的是mock模拟数据，在store中管理用户状态 我们一步步改为我们自己想要的东西 即 在实际项目中我们是怎么实现登录的 1.我们先找到这个登录页 打开这个登录页在点击登录的时候有一个方法 上面的图中 红框 部分 标记的意思是 在store文件中找到user文件中的login方法 找到了这里就是处理登录的地方 我们往下看 会看到一个Login方法 两个login 第一个是在store=>user中定义的方法用于将用户的状态存起来，第二个 就是我们的 请求了 看到这个就很熟悉来吧。
Vue模板框架vue-admin-template上手指南
rainafter1208的博客
04-17 2485
本文介绍了vue后台前端的快速上手步骤
vue-admin-template框架搭建及应用
热门推荐
SKY_PLA的博客
05-29 1万+
并且执行 login 方法， 把返回的token , 保存到 vuex、cookie 中（在路由守卫中 / login 是白名单会直接放行、axios 的请求拦截中 添加的是一个空值)style=>页面的css样式。配合路由使用的， 对于vue router 而言它还附带了一些其他的信息， 比如路由守卫， 在路由守卫中我们可以在路由跳转之前来做一些事情的。它只会包装Store中保存的数据，并不会修改Store中保存的数据，当Store中的数据发生变化时，Getter生成的内容也会随之变化；
vue-admin-template 动态路由的实现（方式二 推荐）
VIP129370的博客
03-29 1099
将动态显示的路由写在asyncRoutes 中并添加 roles ，例如meta: { roles: [‘admin’] },在layout/components/sidebar/index.vue中。return reject(‘验证失败，请重新登录’)// 动态路由 增加permission_routes。添加roles: [] 保存权限列表 ，添加内容如下。//添加permission。//添加permission。
vue-admin-template基础模板使用(一)
shuleijia的博客
08-24 534
vue-admin-template基础模板使用(一)
vue-element-admin：基于vue和element-ui的高效后台框架
"vue-element-admin框架源代码，包含vue-element-admin和vue-admin-template两个项目，预装node_modules，可直接运行" Vue-element-admin是一款基于Vue.js和Element-UI的开源前端框架，专门用于构建企业级中后台...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值