第二节：Vben Admin 登录逻辑梳理和对接后端准备

已于 2024-05-03 20:08:58 修改
阅读量2.8k 收藏 8
点赞数 20
分类专栏： Vben Admin框架实战(Python后端) 文章标签： anti-design-vue 前端框架 vue vben admin flask python前端
于 2024-02-23 13:40:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cui_win/article/details/136252836
版权
本文档详细梳理了Vben Admin的登录逻辑，包括前端路由、登录接口`loginApi`及其参数和返回模型。在对接后端之前，介绍了如何使用Mock模拟登录。在关闭Mock后，指出了前端请求的`/api/login`接口需要后端实现，为后端开发提供了清晰的接入点。
摘要由CSDN通过智能技术生成

系列文章目录

基础篇
第一节：Vben Admin介绍和初次运行
第二节：Vben Admin 登录逻辑梳理和对接后端准备
第三节：Vben Admin登录对接后端login接口
第四节：Vben Admin登录对接后端getUserInfo接口
第五节：Vben Admin权限-前端控制方式
第六节：Vben Admin权限-后端控制方式
第七节：Vben Admin权限-后端获取路由和菜单

实战篇
第八节：Vben Admin登录页面自定义
第九节：Vben Admin实战-系统管理之角色管理实现-上
第十节：Vben Admin实战-系统管理之角色管理实现(分页查询，修改)-中
第十一节：Vben Admin实战-系统管理之角色管理实现(删除，状态修改)-下

了解本专栏 订阅专栏 解锁全文 超级会员免费看
锅锅来了
关注
专栏目录
订阅专栏
第八节：Vben Admin登录页面自定义
cui_win的专栏
03-14 975
目前我们的项目，已经有了基本的登录和菜单功能，下一步呢，应该是继续优化，这篇文章，主要针对Vben Admin自定义的一些细节进行一些整理记录。提示：以下是本篇文章正文内容，下面案例可供参考找到文字位置。用自己的l图片替换logo.png图片即可这里介绍find命令，可以找到指定名称的文件。上文我们已经替换过了/src/assets/images/logo.png文件，这里还需要替换/public/logo.png文件本节主要是登录页面前端的自定义的修改。还有一个注销的功能。
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
第四节：Vben Admin登录对接后端getUserInfo接口
cui_win的专栏
02-25 1740
上一节，我们完成了/api/auth/login接口的创建，通过login接口，我们完成了登录和Token的生成。但是登陆还是报404返回，发现是Vben Admin又请求了一个/api/getUserInfo接口，本节我们就来分析完成这个接口本节，我们完成了getUserInfo接口，完成了登录操作，成功的进入到工作台页面。
Vben Admin—— vben-admin BasicTable 表格多选时，动态显示/隐藏选择框
最新发布
qq_43201350的博客
09-30 294
Vben Admin—— vben-admin BasicTable 表格多选时，动态显示/隐藏选择框
第三节：Vben Admin登录对接后端login接口
cui_win的专栏
02-25 2412
上一节，我们梳理的Vben Admin登录功能接口的逻辑，本节开始正式开启后端的开发后端我们采用Python的Flask项目，Flask-SQLAlchemy管理数据库模型，Flask-Migrate进行模型迁移。参考版本如下：Flask3.0.23.1.1本节，我们已经开启的后端的开发，因为是主要介绍Vben Admin的登录逻辑，所以Flask开发这里只截取了部分主要代码。
SpringBoot+Vue-Vben-Admin中台&后台前后端完整
06-30
该互联网实战项目是基于 Spring Boot 2+ SpringSecurity5+Element UI+Vue3-Vben-Admin+蚂蚁可视化AntV 等技术栈开发的项目，采用多模块，前后端分离开发。包括图形展示、权限管理、用户管理等功能。【后端技术】技术 说明Spring Boot2 MVC框架 开发的一站式解决方案Spring Security5  认证和授权框架MyBatisPlus3.3.1  基于 MyBatis 框架的快速研发框架MyBatisCode工具 生成 MyBatis 相关代码Jackson 提供了处理 JSON 数据的工具Lombok 简化对象封装工具 Druid   数据库连接池 【前端技术】Vue        互联网最火的前端框架Vue Router 路由框架Vuex 全局状态管理框架Axios 前端 HTTP 框架Vue-Vben-AdminI 前端 UI 框架 前端模板 
Vben Admin 的介绍以及使用
热门推荐
YZRHANYU的博客
11-17 3万+
Vben Admin 的介绍以及使用
实战SpringBoot2+Vue3-Vben-Admin整合之前端篇
05-14
【※  购买前提醒  ※】本课程分为前端+后端共计2个课程，本课属于前端部分，后端属于另外课程。 后端部分：https://download.csdn.net/course/detail/37057适用人群Java生态开发人员、Vue生态开发人员、IT类从业者课程概述该互联网实战项目是基于 Spring Boot 2+ SpringSecurity5+Element UI+Vue3-Vben-Admin+可视化等技术栈开发的项目，采用多模块，前后端分离开发。包括图形展示、权限管理、用户管理等功能。【后端技术】技术 说明Spring Boot2 MVC框架 开发的一站式解决方案Spring Security5  认证和授权框架MyBatisPlus3.3.1  基于 MyBatis 框架的快速研发框架MyBatisCode工具 生成 MyBatis 相关代码Jackson 提供了处理 JSON 数据的工具Lombok 简化对象封装工具 Druid   数据库连接池 【前端技术】Vue        互联网最火的前端框架Vue Router 路由框架Vuex 全局状态管理框架Axios 前端 HTTP 框架Vue-Vben-AdminI 前端 UI 框架 前端模板【开发工具】IntelliJ IDEA 开发 IDESQLyog 数据库连接客户端Postman HTTP 请求工具【开发环境】工具 版本JDK 1.8MySQL 5.7
Vben Admin 自学记录 —— 介绍及使用（持续更新中...）
qq_36842789的博客
04-29 9542
3.在 src/locales/lang/zh-CN/routes 下添加 test.ts，设置路由title。在 src/router/routes/modules 内的 .ts 文件会被视为一个路由模块。2.在 src/views/myComponents中添加三个test1~3的测试页面。1.在 src/router/routes/modules 下添加 test.ts。例：src/router/routes/modules/dashboard.ts。4.至此路由模块及子页面添加成功，修改后效果。
vue-vben-admin.md
07-30
vue-vben-admin.md
vben admin白名单配置
03-20
### Vben Admin 白名单配置详解 #### 一、背景介绍 ...综上所述，通过对Vben Admin框架中路由白名单的合理配置，不仅解决了iframe集成时的登录限制问题，还进一步提升了用户体验，确保了项目的稳定性和安全性。
vben-mini:用于vue2.0和vue3.0的学习vue-vben-admin的迷你vben
04-16
该模板将帮助您开始在Vite中使用Vue 3和Typescript进行开发。 推荐的IDE设置 + 。 确保在设置中启用vetur.experimental.templateInterpolationService ！ 如果使用[removed] 是当前处于RFC阶段的功能。 要获得...
vue-vben-admin-main.zip
04-09
Vue-Vben-Admin 是一个基于 Vue.js 的现代化管理后台模板，设计风格采用了流行的 Ant Design Vue 框架，提供了一套完整的权限管理、表单、表格、多级路由、国际化等企业级应用所需的组件和功能。这个压缩包 "vue-...
Vue-Vben-Admin：打造高效中大型项目后台解决方案
chenchuang0128的博客
03-05 2162
Vue-Vben-Admin是一个基于Vue3.0、Vite、Ant-Design-Vue和TypeScript的开源项目，旨在为开发中大型项目提供一站式的解决方案。随着技术的不断更新与发展，我们有理由相信，Vue-Vben-Admin将会在未来的企业级开发中发挥越来越重要的作用。基于Vue3.0、Vite和Ant-Design-Vue：Vue-Vben-Admin采用了最新的Vue3.0框架，结合Vite构建工具和Ant-Design-Vue组件库，为开发者提供了一个高效且易于维护的开发环境。
vben admin配置详解（Table, Form）
Web面试那些事儿的博客
12-16 4817
vben这个后台管理系统的框架，基于ant-design-vue组件库封装了很多好用的组件，我们在日常开发中用的最多的就是Table, Form组件了。下面就简单介绍一下。
第一节：Vben Admin介绍和初次运行
cui_win的专栏
02-20 3343
本文是【实战Vben Admin + Python】的第一节，本文内容主要是介绍Vben Admin框架和我们后端使用的技术，开发环境和工具的准备本节文章的目的是Vben Admin的简单介绍，通过配置可以让项目前端运行起来，由于项目默认开启了mock，展示的都是静态模拟数据，我们在此基础上，下一节将研究分析下Vben Admin的目录。为我们后端搭建准备。
vben admin的介绍
pjm2222的博客
01-17 3068
Vben Admin基于Vue3.0、Vite、TypeScript的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。
Vben Admin学习笔记
lirtyuj的博客
07-26 885
register用于注册useModal，如果需要使用useModal提供的api，必须将register传入组件的onRegister。其原理就是：vue的组件子传父通信，内部通过emit（“register”，instance）实现，同时独立出去的组件需要将attrs绑定到BasicModal上面。
vben admin如何修改登录接口
06-03
Vben Admin 的登录接口是由后端 API 提供的，如果你需要修改登录接口，你需要修改后端 API 中的登录接口。 一般来说，Vben Admin 的后端 API 是使用 Node.js 或者 .NET 等技术栈进行开发的，你需要在后端代码中找到关于登录的接口代码，并且修改它。具体的修改方式会因为后端框架和技术栈而异，你需要根据自己的后端技术栈进行相应的修改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值