![](https://img-blog.csdnimg.cn/cc071015493147d29ac9b54accbf754d.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vben Admin框架实战(Python后端)
文章平均质量分 92
Vben Admin是基于Vue3、Vite、TypeScript等最新技术栈开发的前端框架,可以满足大多数项目开发的需求。但是封装比较多,入门有些困难,本专栏计划通过结合Python后端,实践Vben Admin框架,为大家学习提供参考
锅锅来了
运维工程师,全栈开发,后端使用过C#,PHP,Python,Golang,前端使用JQuery,Vue,微信小程序。乐于分享一些运维和开发,Linux性能优化思路和工具等相关的内容。
展开
-
第十四节:Vben Admin实战-系统管理之角色菜单绑定
权限管理部分,目前已经实现了角色,用户,菜单的管理,现在还剩余一个重要的部分,是角色和菜单的动态绑定。Vben Admin 演示案例部分,是在角色管理的抽屉弹出框实现的,但是感觉展示不够直观,我们这里用一个单独的页面实现这部分的功能。src/api/sys/role.ts 文件中定义:# 角色菜单关联表现在权限管理部分的功能基本已经都实现了,还记得第七节:Vben Admin权限-后端获取路由和菜单。原创 2024-08-02 17:54:22 · 320 阅读 · 0 评论 -
Andt Desgin Vue Pro 项目添加前缀访问解决
我们的前端是antd design vue pro开发的项目,之前我们可以通过https://abc.test.io访问,现在多个项目通过一个域名,现在的需求是使用https://abc.test.io/admin 访问。这里记录下修改的的过程,这块前端框架大同小异,应该都可以借鉴到。前端 JS 经典:vue 开发中的 base 和 publicPathnginx配置vue项目添加访问前缀。原创 2024-07-11 17:15:12 · 147 阅读 · 0 评论 -
第十三节:Vben Admin实战-系统管理之菜单管理
目前我们已经实现了角色管理和用户管理,本节将实现菜单的管理(增删改查)。菜单管理涉及的接口如下:接口定义主要涉及的文件包括# 菜单表menu_type = db.Column(db.String(50),nullable=False) # 0: 目录 1:菜单 2:按钮status = db.Column(db.String(10),default='1') #状态 1:有效 0:无效。原创 2024-05-03 20:04:42 · 663 阅读 · 1 评论 -
第十二节:Vben Admin实战-系统管理之用户管理
前三节,我们完成了角色管理的增删改查的实现,本节我们完成用户管理的增删改查的功能。用户管理主要涉及下面的接口:用户管理的增删改查已经都实现了,下一步要实现的是权限管理(菜单管理),希望大家多多支持关注。原创 2024-04-04 21:11:20 · 431 阅读 · 1 评论 -
第十一节:Vben Admin实战-系统管理之角色管理实现(删除,状态修改)-下
本文将完成角色管理的剩余功能。前两节已实现了新增,修改和分页查询。通过三节内容,目前已经完成了角色管理的所有功能(新增,修改,查询,分页,修改状态,删除)。通过实践再开发后面的用户管理,菜单管理会轻松很多。原创 2024-03-25 07:30:00 · 347 阅读 · 0 评论 -
第十节:Vben Admin实战-系统管理之角色管理实现(分页查询,修改)-中
这里是Vben Admin角色管理的下半部分。第九节,我们实现了角色的添加功能。本节完成剩下的修改角色信息,删除角色等功能。提示:以下是本篇文章正文内容,下面案例可供参考目前,角色管理,已经实现了新增,修改,分页查询,还剩余的功能是:删除,切换角色状态按钮,还有参数查询,下一节来完成这部分功能。原创 2024-03-23 19:34:33 · 1073 阅读 · 0 评论 -
第九节:Vben Admin实战-系统管理之角色管理实现-上
之前的章节,主要侧重对Vben Admin的了解,后端代码主要是模拟的Json数据,从本节开始,我们要侧重后端的代码,结合数据库进行系统权限的管理。本节主要介绍角色管理模块的增删改查。这节主要是摸索,Vben Admin 在实际使用过程中如何和后端接口打通,目前只简单实现了添加功能,后面还需要补充分页查询,修改,删除等功能。原创 2024-03-17 14:28:06 · 2043 阅读 · 1 评论 -
第八节:Vben Admin登录页面自定义
目前我们的项目,已经有了基本的登录和菜单功能,下一步呢,应该是继续优化,这篇文章,主要针对Vben Admin自定义的一些细节进行一些整理记录。提示:以下是本篇文章正文内容,下面案例可供参考找到文字位置。用自己的l图片替换logo.png图片即可这里介绍find命令,可以找到指定名称的文件。上文我们已经替换过了/src/assets/images/logo.png文件,这里还需要替换/public/logo.png文件本节主要是登录页面前端的自定义的修改。还有一个注销的功能。原创 2024-03-14 17:49:24 · 782 阅读 · 0 评论 -
第七节:Vben Admin权限-后端获取路由和菜单
这段时间比较忙,更新暂停了一些天,今天我们继续。上一节,我们切换了权限方式为BACK模式,分析了getPermCode接口。最后我们遇到了/api/getMenuList接口404。这节我们就编写后端对应的/api/getMenuList接口到这里,我们已经实现了后端权限控制模式下的前后端对接。后面的优化方向主要就是如何存储权限和用户数据,用数据库将权限数据保存和查询。原创 2024-03-13 21:48:55 · 1332 阅读 · 0 评论 -
第六节:Vben Admin权限-后端控制方式
上一节,我们了解了Vben Admin前端控制方式权限的实现方式。并手动创建了一个路由和菜单,最后,通过结合用户角色,可以控制菜单的显示和隐藏。本节,我们开始实践Vben Admin后端控制方式生成权限。这节,我们把权限模式改成了BACK了,通过实现getPermCode接口,再次打开的工作台。经过前几节内容,我们已经快摸清楚Vben Admin的权限了。原创 2024-03-01 22:50:20 · 1404 阅读 · 1 评论 -
第五节:Vben Admin权限-前端控制方式
上一节,我们完成了登录功能,已经顺利登录到工作台页面。在工作台页面可以看到左侧已经存在了一些路由菜单。本节我们首先要分析下路由的来龙去脉。本节我们分析了Vben Admin路由生成的原理,手动生成了一段路由并自动转菜单。结合登录用户的角色,控制了菜单的显示和隐藏。原创 2024-02-27 18:15:30 · 2144 阅读 · 1 评论 -
第四节:Vben Admin登录对接后端getUserInfo接口
上一节,我们完成了/api/auth/login接口的创建,通过login接口,我们完成了登录和Token的生成。但是登陆还是报404返回,发现是Vben Admin又请求了一个/api/getUserInfo接口,本节我们就来分析完成这个接口本节,我们完成了getUserInfo接口,完成了登录操作,成功的进入到工作台页面。原创 2024-02-25 14:23:51 · 1588 阅读 · 1 评论 -
第三节:Vben Admin登录对接后端login接口
上一节,我们梳理的Vben Admin登录功能接口的逻辑,本节开始正式开启后端的开发后端我们采用Python的Flask项目,Flask-SQLAlchemy管理数据库模型,Flask-Migrate进行模型迁移。参考版本如下:Flask3.0.23.1.1本节,我们已经开启的后端的开发,因为是主要介绍Vben Admin的登录逻辑,所以Flask开发这里只截取了部分主要代码。原创 2024-02-25 10:33:30 · 2012 阅读 · 1 评论 -
第二节:Vben Admin 登录逻辑梳理和对接后端准备
第一节,我们已经配置了前端环境,运行起来了我们的Vben Admin的项目。本节内容,我们先熟悉下项目的目录和文件,然后开始准备对接后端程序路由在 src/router页面在 sr/views本节前端登录逻辑梳理完成了,后端只要在/api/login 接口编写返回逻辑,前后段就可以打通了,具体详情我们下一节介绍。原创 2024-02-23 13:40:19 · 2429 阅读 · 0 评论 -
第一节:Vben Admin介绍和初次运行
本文是【实战Vben Admin + Python】的第一节,本文内容主要是介绍Vben Admin框架和我们后端使用的技术,开发环境和工具的准备本节文章的目的是Vben Admin的简单介绍,通过配置可以让项目前端运行起来,由于项目默认开启了mock,展示的都是静态模拟数据,我们在此基础上,下一节将研究分析下Vben Admin的目录。为我们后端搭建准备。原创 2024-02-20 14:00:52 · 2641 阅读 · 0 评论