cui_win的专栏

权限管理部分，目前已经实现了角色，用户，菜单的管理，现在还剩余一个重要的部分，是角色和菜单的动态绑定。Vben Admin 演示案例部分，是在角色管理的抽屉弹出框实现的，但是感觉展示不够直观，我们这里用一个单独的页面实现这部分的功能。src/api/sys/role.ts 文件中定义：# 角色菜单关联表现在权限管理部分的功能基本已经都实现了，还记得第七节：Vben Admin权限-后端获取路由和菜单。

我们的前端是antd design vue pro开发的项目，之前我们可以通过https://abc.test.io访问，现在多个项目通过一个域名，现在的需求是使用https://abc.test.io/admin 访问。这里记录下修改的的过程，这块前端框架大同小异，应该都可以借鉴到。前端 JS 经典：vue 开发中的 base 和 publicPathnginx配置vue项目添加访问前缀。

目前我们已经实现了角色管理和用户管理，本节将实现菜单的管理（增删改查）。菜单管理涉及的接口如下：接口定义主要涉及的文件包括# 菜单表menu_type = db.Column(db.String(50),nullable=False) # 0: 目录 1：菜单 2：按钮status = db.Column(db.String(10),default='1') #状态 1：有效 0：无效。

前三节，我们完成了角色管理的增删改查的实现，本节我们完成用户管理的增删改查的功能。用户管理主要涉及下面的接口：用户管理的增删改查已经都实现了，下一步要实现的是权限管理（菜单管理），希望大家多多支持关注。

本文将完成角色管理的剩余功能。前两节已实现了新增，修改和分页查询。通过三节内容，目前已经完成了角色管理的所有功能（新增，修改，查询，分页，修改状态，删除）。通过实践再开发后面的用户管理，菜单管理会轻松很多。

这里是Vben Admin角色管理的下半部分。第九节，我们实现了角色的添加功能。本节完成剩下的修改角色信息，删除角色等功能。提示：以下是本篇文章正文内容，下面案例可供参考目前，角色管理，已经实现了新增，修改，分页查询，还剩余的功能是：删除，切换角色状态按钮，还有参数查询，下一节来完成这部分功能。

之前的章节，主要侧重对Vben Admin的了解，后端代码主要是模拟的Json数据，从本节开始，我们要侧重后端的代码，结合数据库进行系统权限的管理。本节主要介绍角色管理模块的增删改查。这节主要是摸索，Vben Admin 在实际使用过程中如何和后端接口打通，目前只简单实现了添加功能，后面还需要补充分页查询，修改，删除等功能。

目前我们的项目，已经有了基本的登录和菜单功能，下一步呢，应该是继续优化，这篇文章，主要针对Vben Admin自定义的一些细节进行一些整理记录。提示：以下是本篇文章正文内容，下面案例可供参考找到文字位置。用自己的l图片替换logo.png图片即可这里介绍find命令，可以找到指定名称的文件。上文我们已经替换过了/src/assets/images/logo.png文件，这里还需要替换/public/logo.png文件本节主要是登录页面前端的自定义的修改。还有一个注销的功能。

这段时间比较忙，更新暂停了一些天，今天我们继续。上一节，我们切换了权限方式为BACK模式，分析了getPermCode接口。最后我们遇到了/api/getMenuList接口404。这节我们就编写后端对应的/api/getMenuList接口到这里，我们已经实现了后端权限控制模式下的前后端对接。后面的优化方向主要就是如何存储权限和用户数据，用数据库将权限数据保存和查询。

上一节，我们了解了Vben Admin前端控制方式权限的实现方式。并手动创建了一个路由和菜单，最后，通过结合用户角色，可以控制菜单的显示和隐藏。本节，我们开始实践Vben Admin后端控制方式生成权限。这节，我们把权限模式改成了BACK了，通过实现getPermCode接口，再次打开的工作台。经过前几节内容，我们已经快摸清楚Vben Admin的权限了。

上一节，我们完成了登录功能，已经顺利登录到工作台页面。在工作台页面可以看到左侧已经存在了一些路由菜单。本节我们首先要分析下路由的来龙去脉。本节我们分析了Vben Admin路由生成的原理，手动生成了一段路由并自动转菜单。结合登录用户的角色，控制了菜单的显示和隐藏。

上一节，我们完成了/api/auth/login接口的创建，通过login接口，我们完成了登录和Token的生成。但是登陆还是报404返回，发现是Vben Admin又请求了一个/api/getUserInfo接口，本节我们就来分析完成这个接口本节，我们完成了getUserInfo接口，完成了登录操作，成功的进入到工作台页面。

上一节，我们梳理的Vben Admin登录功能接口的逻辑，本节开始正式开启后端的开发后端我们采用Python的Flask项目，Flask-SQLAlchemy管理数据库模型，Flask-Migrate进行模型迁移。参考版本如下：Flask3.0.23.1.1本节，我们已经开启的后端的开发，因为是主要介绍Vben Admin的登录逻辑，所以Flask开发这里只截取了部分主要代码。

第一节，我们已经配置了前端环境，运行起来了我们的Vben Admin的项目。本节内容，我们先熟悉下项目的目录和文件，然后开始准备对接后端程序路由在 src/router页面在 sr/views本节前端登录逻辑梳理完成了，后端只要在/api/login 接口编写返回逻辑，前后段就可以打通了，具体详情我们下一节介绍。

本文是【实战Vben Admin + Python】的第一节，本文内容主要是介绍Vben Admin框架和我们后端使用的技术，开发环境和工具的准备本节文章的目的是Vben Admin的简单介绍，通过配置可以让项目前端运行起来，由于项目默认开启了mock，展示的都是静态模拟数据，我们在此基础上，下一节将研究分析下Vben Admin的目录。为我们后端搭建准备。