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

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

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

第一节：Vben Admin 最新 v5.0初体验(vben5)
cuiwin的专栏
04-17 854
Vben Admin 框架新出的版本V5.5.4，而之前的Vben Admin 2.x 目前已存档，仅进行重大问题修复。之前在2.x版本曾经简单完成了一版专栏文章，当时也是收获了一些好评和建议。本次决定在v5 版本基础上再完成一次前后端的搭建。希望大家继续多多支持。项目精简后，再次启动项目，执行 pnpm run dev点击登录，可以看到接口报错，现在前端请求的后端有报错，下一节处理这部分逻辑。
第十四节：Vben Admin实战-系统管理之角色菜单绑定
cuiwin的专栏
08-02 640
权限管理部分，目前已经实现了角色，用户，菜单的管理，现在还剩余一个重要的部分，是角色和菜单的动态绑定。Vben Admin 演示案例部分，是在角色管理的抽屉弹出框实现的，但是感觉展示不够直观，我们这里用一个单独的页面实现这部分的功能。src/api/sys/role.ts 文件中定义：# 角色菜单关联表现在权限管理部分的功能基本已经都实现了，还记得第七节：Vben Admin权限-后端获取路由和菜单。
vben-admin框架中插入高德地图
zhulianseu的专栏
10-13 1020
最近在修改前端框架，本人属于前端小菜鸡，堪堪入个门的那种。所以且改且总结吧。主要原因还是vben-admin框架demo中的地图源码不好用，key不能拿来直接用了。所以重新申请了一下key。调试的时候可以根据以下错误码大概定位出是什么问题。
第八节：Vben Admin登录页面自定义
cuiwin的专栏
03-14 1433
目前我们的项目，已经有了基本的登录和菜单功能，下一步呢，应该是继续优化，这篇文章，主要针对Vben Admin自定义的一些细节进行一些整理记录。提示：以下是本篇文章正文内容，下面案例可供参考找到文字位置。用自己的l图片替换logo.png图片即可这里介绍find命令，可以找到指定名称的文件。上文我们已经替换过了/src/assets/images/logo.png文件，这里还需要替换/public/logo.png文件本节主要是登录页面前端的自定义的修改。还有一个注销的功能。
Vben Admin 只保留一级菜单的方法
qq_24032033的博客
09-03 523
【代码】Vben Admin 只保留一级菜单的方法。
Vben Admin 二(登录页)
为何这么帅
09-25 6248
深入 Vben Admin 登录部分 1、运行 使用指令 yarn serve 执行 Local: http://localhost:3100/ 此时的路径为http://localhost:3100/#/login?redirect=/dashboard/analysis 2、参与 文件 作用 main.ts 序入口文件 index.ts 设置默认主页（当前为登录页） LoginForm.vue 登录页表单 3、详解 一、main.ts 问题 解答
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配置详解（Table, Form）
weixin_43244841的博客
10-23 8848
vben admin配置详解（Table, Form）
第七节：Vben Admin权限-后端获取路由和菜单
cuiwin的专栏
03-13 2294
这段时间比较忙，更新暂停了一些天，今天我们继续。上一节，我们切换了权限方式为BACK模式，分析了getPermCode接口。最后我们遇到了/api/getMenuList接口404。这节我们就编写后端对应的/api/getMenuList接口到这里，我们已经实现了后端权限控制模式下的前后端对接。后面的优化方向主要就是如何存储权限和用户数据，用数据库将权限数据保存和查询。
第三节：Vben Admin登录对接后端login接口
cuiwin的专栏
02-25 3252
上一节，我们梳理的Vben Admin登录功能接口的逻辑，本节开始正式开启后端的开发后端我们采用Python的Flask项目，Flask-SQLAlchemy管理数据库模型，Flask-Migrate进行模型迁移。参考版本如下：Flask3.0.23.1.1本节，我们已经开启的后端的开发，因为是主要介绍Vben Admin的登录逻辑，所以Flask开发这里只截取了部分主要代码。
第十一节：Vben Admin实战-系统管理之角色管理实现(删除，状态修改)-下
cuiwin的专栏
03-25 580
本文将完成角色管理的剩余功能。前两节已实现了新增，修改和分页查询。通过三节内容，目前已经完成了角色管理的所有功能（新增，修改，查询，分页，修改状态，删除）。通过实践再开发后面的用户管理，菜单管理会轻松很多。
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-一个前端开箱即用的企业级管理系统框架
最新发布
weixin_74417835的博客
04-11 2061
Vben Admin是一个基于Vue 3、Vite、TypeScript和Ant Design Vue的企业级中后台管理系统框架。它提供了一套完整的解决方案，帮助开发者快速搭建现代化的管理系统。Vben Admin是一个功能完善、易于使用的企业级管理系统框架，它基于最新的前端技术栈，提供了一套完整的解决方案，帮助开发者快速搭建现代化的管理系统。通过使用Vben Admin，开发者可以专注于业务逻辑的开发，而不必花费大量时间在基础架构的搭建上。
vben admin 项目学习day2：登录首页 Login
buchibingqilin的博客
07-25 928
1. AppLocalePicker # 切换语言的下拉菜单2. AppLogo # 左上角的logo部分3. LoginForm # 登录4. ForgetPasswordForm # 忘记密码5. RegisterForm # 注册6. MobileForm # 手机登录。
Vben Admin—— Vben Admin BasicTable 表格搜索项中设置默认值
qq_43201350的博客
10-31 785
Vben Admin—— Vben Admin BasicTable 表格搜索项中设置默认值
vben admin的介绍
pjm2222的博客
01-17 3428
Vben Admin基于Vue3.0、Vite、TypeScript的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。
Vben Admin
guofeng54188的博客
04-11 6846
. ├── build # 打包脚本相关 │ ├── config # 配置文件 │ ├── generate # 生成器 │ ├── script # 脚本 │ └── vite # vite配置 ├── mock # mock文件夹 ├── public # 公共静态资源目录 ├── src # 主目录 │ ├── api # 接口文件 │ ├── assets # 资源文件 │ │ ├── icons # icon sprite 图标文件夹 │ │ ├── i.
vben admin登录界面
03-25
Vben Admin 是基于 Vue 3 和 TypeScript 构建的一个现代化中后台管理框架，其登录界面的设计充分体现了模块化和可扩展性的特点。以下是有关其实现方式以及如何进行自定义配置的关键点： #### 1. **登录页面结构** ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值