code-admin:基于 Tornado 与 Vue 的开源后台


简介

在数字化管理需求日益增长的当下,CODO 开源项目应运而生,为开发者提供了一套功能全面且极具拓展性的后台管理解决方案。该方案以 Tornado 框架搭建 restful 风格的 API,实现高效的后台管理;前端结合 iView 与 vue 技术,构建出简洁直观的用户界面。从基础的登录、注册、密码修改,到复杂的用户权限管理、角色管理、权限管理,再到前端组件与路由管理以及通知服务 API 和系统基础信息接口,一应俱全。不仅为 CODO 开源项目提供坚实的后台支持,更是开发者基于此快速开发自有站点的理想之选。

Code-admin

   本应用是基于tornado框架 restful风格的API 实现后台管理,搭配使用admin-f前端(iViewvue)组成的一套后台用户 权限以及系统管理的解决方案(提供登录,注册 密码修改 鉴权 用户管理 角色管理 权限管理 前端组件管理 前端路由管理 通知服务API 系统基础信息接口) 本项目为CODO开源项目提供后台支持,也可以基于此项目基础项目开发自己的站点,更多基础功能还在不断开发中,如果想要查看更新动态,你可以到更新日志查看最新更新,如果你是新手想快速部署,你可以去部署文档 查看

入口

通过「CODO」全球一站式运维平台的门户导航顶部菜单栏(CODO可进入 管理后台 进行配置管理

code-admin:基于 Tornado 与 Vue 的开源后台

或者直接通过链接即可进入【管理后台】:https://demo.opendevops.cn/mg/home==

业务、用户、权限配置

业务配置——业务列表

通过权限管理中的【业务列表】,即可对业务进行统一管理,此处支持增删改,即新建业务、编辑业务、删除业务等。在此处配置的业务将作为基础数据,应用至后续的运维相关流程中。

code-admin:基于 Tornado 与 Vue 的开源后台
新建业务

输入如下信息(业务ID、中文名、英文名、业务实体、管理员、运维人员、开发人员、测试人员、产品运营、生命周期、排序、备注信息)即可完成业务新建,新建成功的业务将会呈现在业务列表中,后续可继续通过业务配置进行编辑删除等操作

code-admin:基于 Tornado 与 Vue 的开源后台
编辑业务

点击业务列表中的编辑操作,即可对如下业务信息进行编辑,点击提交即可完成业务编辑,点击保存并继续可暂

code-admin:基于 Tornado 与 Vue 的开源后台
用户配置——用户列表

通过权限管理中的【用户列表】,即可对用户进行统一管理,此处支持增删改,即添加用户、编辑用户、批量删除用户等,支持对用户状态进行开启/关闭。在此处配置的用户将作为基础数据,应用至后续的运维相关流程中。

code-admin:基于 Tornado 与 Vue 的开源后台code-admin:基于 Tornado 与 Vue 的开源后台

添加用户

输入如下信息(账户名称、用户姓名、部门、手机、邮箱、启用令牌、是否启用)即可完成用户添加,添加成功的用户将会呈现在用户列表中,后续可继续通过用户列表进行编辑、删除、启用/禁用等操作。

code-admin:基于 Tornado 与 Vue 的开源后台
编辑用户

点击用户列表中的编辑操作,即可对如下用户信息进行编辑,点击提交即可完成用户编辑,点击保存并继续可暂存。

code-admin:基于 Tornado 与 Vue 的开源后台
批量删除用户

通过列表的选择框选择用户,点击上方的批量删除按钮进行删除。

code-admin:基于 Tornado 与 Vue 的开源后台
用户配置——角色管理
  • 新角色:点击添加角色按钮完成角色新建,回到列表通过关联按钮在角色中加入用户,通过授权按钮完成权限授权,后续根据需要可进行查看、编辑、删除操作。

  • 管理已有角色:可使用搜索或筛选找到所需角色,根据需要进行查看、编辑、授权、关联或删除操作。

  • 完成操作后,使用刷新缓存确保信息更新。

此处可查看所有角色的ID、名称、类型和继承状态。 帮助管理员方便地管理系统角色项,即把用户组合为不同的角色,包含查询与增删改等功能。

添加角色

通过点击添加角色按钮可创建新的角色

code-admin:基于 Tornado 与 Vue 的开源后台
角色操作
  • 查看:点击查看可以获取角色的详细信息。

  • 编辑:点击编辑可以修改角色的属性。

  • 授权:点击授权可以为角色分配权限

    • step.1 左侧上方,选择想要分配的权限:后端权限/前端菜单

    • step.2 选择后,在左侧下方通过多选框将想要分配的具体权限勾选,点击中间的蓝色按钮,将左侧下方所选择的具体权限加入右侧,即完成具体权限授权。

  • 关联:点击关联可以设置角色与其他实体的关系,此处可搜索选择关联用户和关联角色。

code-admin:基于 Tornado 与 Vue 的开源后台
刷新缓存

点击刷新缓存可更新角色列表,确保显示最新信息。

权限配置——权限列表

管理后端API权限,权限与角色关联后推送到网关。

通过权限管理中的【权限列表】,即可对权限进行统一管理,此处支持增删改,即添加权限、编辑权限、克隆、删除等,支持不同的请求方法。在此处配置的权限将作为基础数据,应用至后续的运维相关流程中。

其他管理后台功能

令牌列表

此处可帮助管理员有效管理和监控用户的令牌,即所有用户的长期token,后续会设置黑名单禁用无状态的JWT令牌,从而确保系统的安全性。

  1. 令牌筛选检索:允许用户通过输入关键词来全局搜索特定的令牌。

  2. 令牌信息展示:以表格形式展示令牌的详细信息,包括用户ID、昵称、状态、令牌(MD5)、令牌、备注、过期时间和创建时间。

免密链接

此处可帮助管理员方便地管理免密链接,包含查询与增删改等功能,提高系统的安全性和便捷性。

  1. 添加链接:通过点击添加链接按钮并输入如下弹窗内所需字段(名称、认证地址、真实地址、链接和client_id),完成链接添加

  2. 搜索功能:提供搜索框,可输入关键词来搜索特定的免密链接

  3. 链接信息展示:展示已添加的免密链接的详细信息,包括编码、名称、认证地址、真实地址、链接和client_id

  4. 编辑和删除:对于每个免密链接均支持编辑和删除,即允许对链接进行修改或删除操作

应用列表

此处可帮助管理员方便地管理应用信息,包含查询与增删改等功能,确保应用的有序和安全。

  1. 添加应用:通过点击添加应用按钮并输入如下弹窗内所需字段(必填信息有应用名称、服务编码、分类和备注信息),完成应用添加

  2. 应用信息展示:以表格形式展示应用的详细信息,包括应用编码、前端编码、名称、外链和备注

  3. 全局搜索:支持通过搜索框输入关键词来全局搜索特定的应用

  4. 编辑和删除:对于每个应用均提供编辑和删除,允许对应用信息进行修改或删除操作

菜单列表

此处可帮助管理员方便地管理系统菜单项,包含查询与增删改等功能,确保菜单的有序和安全。

  1. 添加菜单:通过点击添加菜单按钮并输入如下弹窗内所需字段(必填信息有菜单名称、服务名称和备注名称),完成菜单添加

  2. 筛选检索:可通过下拉菜单选择,也可输入关键词来全局搜索特定的菜单项。

  3. 批量操作:提供复选框,允许选择多个菜单项进行批量删除操作。

  4. 菜单信息展示:展示系统中所有菜单项的列表,包括应用编码、菜单名称和备注名

  5. 编辑和删除:对于每个菜单项均提供编辑和删除,允许对菜单项进行修改或删除。

审计日志

审计日志帮助管理员监控和审查系统的使用情况,确保系统的安全性和合规性。

  1. 日志查询:允许用户通过列表上方下拉菜单并输入关键词进行精准筛选,以及通过选择日期范围来搜索特定的审计日志。

  2. 日志信息展示:展示审计日志的详细信息,包括用户名、昵称、服务、请求、请求路径、请求头、请求数据、链路ID、upstream、状态、访问IP和访问时间。

当没有日志数据时,页面会显示“暂无数据”的提示。

总结

CODO 开源项目的后台管理解决方案,凭借 Tornado 与 Vue 的强大组合,为开发者提供了丰富的功能和便捷的开发体验。无论是权限管理还是系统基础信息的处理,都展现出其专业性和高效性。随着更多基础功能的不断开发,它将持续为开源社区和开发者带来更多价值。无论是想要快速搭建自有站点的新手,还是寻求高效后台管理方案的开发者,都不应错过这个潜力无限的开源项目。持续关注更新日志,你将见证它不断进化的精彩历程。


原文始发于微信公众号(python源码小栈):code-admin:基于 Tornado 与 Vue 的开源后台

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/310841.html

(0)
小半的头像小半

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!