Vben Admin：如何设置系统登录之后展示的第一个菜单页面

最新推荐文章于 2024-09-03 10:03:28 发布
最新推荐文章于 2024-09-03 10:03:28 发布
阅读量246 收藏
点赞数 1
分类专栏： vben 文章标签： 前端 vue.js javascript vben
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yyyyyyyyyyy_9/article/details/140551378
版权

找到src中的enums文件夹中的pageEnum.ts文件。
并设置‘BASE_HOME’的路径为你想要设置的首页。
在这里插入图片描述

_乐多_
关注
专栏目录
vben-admin：调用vben的对话框，并向对话框传递数据（vue3setup语法）
yyyyyyyyyyy_9的博客
09-05 145
本文将介绍如何在vben-admin框架中，通过点击图标按钮弹出对话框，并将父组件的数据传递给对话框子组件。
第十四节：Vben Admin实战-系统管理之角色菜单绑定
cui_win的专栏
08-02 411
权限管理部分，目前已经实现了角色，用户，菜单的管理，现在还剩余一个重要的部分，是角色和菜单的动态绑定。Vben Admin 演示案例部分，是在角色管理的抽屉弹出框实现的，但是感觉展示不够直观，我们这里用一个单独的页面实现这部分的功能。src/api/sys/role.ts 文件中定义：# 角色菜单关联表现在权限管理部分的功能基本已经都实现了，还记得第七节：Vben Admin权限-后端获取路由和菜单。
第八节：Vben Admin登录页面自定义
cui_win的专栏
03-14 953
目前我们的项目，已经有了基本的登录和菜单功能，下一步呢，应该是继续优化，这篇文章，主要针对Vben Admin自定义的一些细节进行一些整理记录。提示：以下是本篇文章正文内容，下面案例可供参考找到文字位置。用自己的l图片替换logo.png图片即可这里介绍find命令，可以找到指定名称的文件。上文我们已经替换过了/src/assets/images/logo.png文件，这里还需要替换/public/logo.png文件本节主要是登录页面前端的自定义的修改。还有一个注销的功能。
vben admin 项目学习day2：登录首页 Login
buchibingqilin的博客
07-25 718
1. AppLocalePicker # 切换语言的下拉菜单2. AppLogo # 左上角的logo部分3. LoginForm # 登录4. ForgetPasswordForm # 忘记密码5. RegisterForm # 注册6. MobileForm # 手机登录。
Vben Admin
guofeng54188的博客
04-11 6690
. ├── build # 打包脚本相关 │ ├── config # 配置文件 │ ├── generate # 生成器 │ ├── script # 脚本 │ └── vite # vite配置 ├── mock # mock文件夹 ├── public # 公共静态资源目录 ├── src # 主目录 │ ├── api # 接口文件 │ ├── assets # 资源文件 │ │ ├── icons # icon sprite 图标文件夹 │ │ ├── i.
Vben admin
qq_18594435的博客
08-10 2388
Vben admin 介绍
vben admin 菜单默认折叠
qq_24953751的博客
04-17 451
vben admin 菜单默认折叠
第三节：Vben Admin登录对接后端login接口
cui_win的专栏
02-25 2357
上一节，我们梳理的Vben Admin登录功能接口的逻辑，本节开始正式开启后端的开发后端我们采用Python的Flask项目，Flask-SQLAlchemy管理数据库模型，Flask-Migrate进行模型迁移。参考版本如下：Flask3.0.23.1.1本节，我们已经开启的后端的开发，因为是主要介绍Vben Admin的登录逻辑，所以Flask开发这里只截取了部分主要代码。
第十节：Vben Admin实战-系统管理之角色管理实现(分页查询，修改)-中
cui_win的专栏
03-23 1149
这里是Vben Admin角色管理的下半部分。第九节，我们实现了角色的添加功能。本节完成剩下的修改角色信息，删除角色等功能。提示：以下是本篇文章正文内容，下面案例可供参考目前，角色管理，已经实现了新增，修改，分页查询，还剩余的功能是：删除，切换角色状态按钮，还有参数查询，下一节来完成这部分功能。
第七节：Vben Admin权限-后端获取路由和菜单
cui_win的专栏
03-13 1548
这段时间比较忙，更新暂停了一些天，今天我们继续。上一节，我们切换了权限方式为BACK模式，分析了getPermCode接口。最后我们遇到了/api/getMenuList接口404。这节我们就编写后端对应的/api/getMenuList接口到这里，我们已经实现了后端权限控制模式下的前后端对接。后面的优化方向主要就是如何存储权限和用户数据，用数据库将权限数据保存和查询。
Vben Admin 一 (初识框架)
热门推荐
为何这么帅
09-18 1万+
1、什么是Vben Admin Vue-Vben-Admin 是一个后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案， 总结就是一个后台管理模板。 项目开始前请仔细阅读 Vben Admin 官方文档 2、涉及的技术 Vue3.0、Vite、 Ant-Design-Vue、TypeScript等 3、项目结构 ├── build # 打包脚本相关 │ ├── config # 配置文件 │ ├── generate # 生成器 │ ├── script # 脚本 │ └── vi
vben-admin-thin-next:vue-vben-admin-2.0迷你template.vue3，vite，打字稿
03-16
Vue vben管理员 English | 介绍 Vue Vben Admin是一个免费的开源中端和后端模板。 使用最新的vue3 ， vite2 ， TypeScript和其他主流技术开发，开箱即用的中端和后端前端解决方案也可用于学习参考。 特征 最新技术发展水平：使用诸如Vue3 / vite2之类的前端前端技术开发 TypeScript ：应用程序级JavaScript语言 主题：可配置的主题 国际：内置完整的国际化程序 模拟服务器内置模拟数据方案 权限内置完整的动态路由权限生成方案。 组件多个常用组件被封装两次 用法 开始使用时，请首先根据以下列表修改项目 []重命名package.json的name字段 []在LICENSE更改作者姓名 [] public修改favicon.ico []在public/resource/和/src/assets/images/logo.png
vue-vben-admin：基于Vite2，vue3.0，ant-design-vue 2.x，打字稿的vue3样式Admin，正在努力进行更新。
02-06
VUE VBEN ADMIN2.0 | 英语 介绍 该项目是基于'ant设计-VUE实施vue3风格的后台管理系统,打字稿, vue3.0 ,维生素E , tsx`， 的GitHub main分支 瘦 预习 测试帐户：vben / 123456 文献资料 2.0的文档尚未开始，将在以后提供。 预安装 环境要求 Node.js ：-版本> 12.0.0 。 yarn ：-卷装管理工具。 UI框架 -2.0.0-beta.5已删除。 图标 -按需导入的图标。 -图标可用于 构建使用的图标。 插入 -vuex模块化 mock-基于vite的模拟插件 国际化 -JavaScript实
vue-vben-admin:基于Vite2，vue3.0，ant-design-vue 2.x，打字稿，vuex，vue-router的vue3样式管理员，正在努力进行更新。
05-12
Vue vben管理员 English | 介绍 Vue Vben Admin是一个免费的开源中端和后端模板。 使用最新的vue3 ， vite2 ， TypeScript和其他主流技术开发，开箱即用的中端和后端前端解决方案也可用于学习参考。 特征 最新技术发展水平：使用诸如Vue3 / vite2之类的前端前端技术开发 TypeScript ：应用程序级JavaScript语言 主题：可配置的主题 国际：内置完整的国际化程序 模拟服务器内置模拟数据方案 权限内置完整的动态路由权限生成方案。 组件多个常用组件被封装两次 预览 完整版中文网站 完整版本的github站点 简体中文网站 pages-简化的github网站 测试帐号：vben / 123456 使用Gitpod 在Gitpod（适用于GitHub的免费在线开发环境）中打开项目，并立即开始编码。 文献资料 准备 和项目开发环
Vben admin菜单怎么默认打开时是全部展开的？
小菜鸡的博客
09-14 574
SimpleMenu组件中/src/SimpleMenu.vue。SimpleMenu组件中/src/useOpenkeys.ts。//获取所有menu keys。
vben admin的介绍
pjm2222的博客
01-17 3048
Vben Admin基于Vue3.0、Vite、TypeScript的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。
Vben Admin 只保留一级菜单的方法
最新发布
qq_24032033的博客
09-03 177
【代码】Vben Admin 只保留一级菜单的方法。
vben-admin 手册
Tintin_wu的博客
04-15 2249
姓名
Vben Admin配置菜单
04-29
好的，关于Vben Admin配置菜单，我可以为您提供一些基本的信息。Vben Admin是一款基于Vue3和TypeScript的后台管理系统框架，可以快速搭建一套完整的后台管理系统。在Vben Admin中，配置菜单的方式是通过在路由配置文件中定义路由信息，然后在菜单组件中根据路由信息动态生成菜单。具体步骤如下： 1. 在路由配置文件中定义路由信息，包括路由路径、组件、菜单名称等信息。 2. 在菜单组件中读取路由配置文件中的信息，并根据信息生成菜单。 3. 在生成菜单时，可以根据路由信息的meta字段中的信息，来决定是否显示菜单、菜单的图标等信息。 4. 可以通过修改路由配置文件中的信息，来动态修改菜单的内容和结构。 希望这些信息能够对您有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值