flask-admin 框架下添加menu_links 菜单

背景:

在使用flask-admin框架默认VIEW的UI进行开发时,我们更多时候需要将一些菜单排布到左边一些在右边,比如登录/登出 按钮往往在右边,其实框架提供能类似的能力。

制作:

1、看页面效果

2、查边了资料都没有找到有关这个需求的实现,最后看源码发现了思路,源码如下

3、通过阅读源码发现框架本身提供了类似能力,那怎么才能赋值到 menu_links 下,我们直接代码,首先继承MenuLink 实现一个连接

复制代码
from flask_admin.menu import MenuLink
from flask import redirect, url_for
from flask_login import current_user


class LogoutLink(MenuLink):

    def is_accessible(self):
        return current_user.is_authenticated
    
    def inaccessible_callback(self, name, **kwargs):
        return redirect(url_for('admin/login'))

4、注册上面的连接

复制代码
    def init_app(app):
        admin = Admin(
            app,  
            name=u"AI阅读管理系统",
            index_view=MyAdminIndexView(name="首页"),
            template_mode='bootstrap3'
        )

        略

        admin.add_link(LogoutLink(name='退出', url='/admin/logout'))
        
        return admin

5、通过上面的实现我们发现自定义的菜单会顺序的出现在左侧,也就是 main_menu 菜单列表下,此刻 admin.add_link(LoginLink(name='登录', url='/admin/logout'))等同与admin.add_menu_item(LogoutLink(name='登录', url='/admin/logout'))

6、怎么办呢?继续看源码,通过分析发现只要让该自定义菜单的category 为false 即可,也就是变成全局变量即可。

7、继续阅读MenuLink 的源码查找出路,哈哈原来默认是有权限的,那好办

8、修改上面自定义的 LogoutLink 类,效果如下:

复制代码
class LogoutLink(MenuLink):

    def is_category(self):
        return False

    def is_accessible(self):
        return current_user.is_authenticated
    
    def inaccessible_callback(self, name, **kwargs):
        return redirect(url_for('admin/login'))

9、至此,大工搞成

相关推荐
Tanecious.4 分钟前
机器视觉--python基础语法
开发语言·python
ALe要立志成为web糕手13 分钟前
SESSION_UPLOAD_PROGRESS 的利用
python·web安全·网络安全·ctf
战族狼魂40 分钟前
CSGO 皮肤交易平台后端 (Spring Boot) 代码结构与示例
java·spring boot·后端
Tttian6222 小时前
Python办公自动化(3)对Excel的操作
开发语言·python·excel
杉之2 小时前
常见前端GET请求以及对应的Spring后端接收接口写法
java·前端·后端·spring·vue
蹦蹦跳跳真可爱5892 小时前
Python----机器学习(KNN:使用数学方法实现KNN)
人工智能·python·机器学习
hycccccch3 小时前
Canal+RabbitMQ实现MySQL数据增量同步
java·数据库·后端·rabbitmq
独好紫罗兰3 小时前
洛谷题单2-P5713 【深基3.例5】洛谷团队系统-python-流程图重构
开发语言·python·算法
bobz9653 小时前
k8s 怎么提供虚拟机更好
后端
bobz9654 小时前
nova compute 如何创建 ovs 端口
后端