Vue3 + GoFrame 开源后台管理系统：内置代码生成器和 RBAC 权限管理

做后台管理系统时，很多团队都会遇到同样的问题：登录、权限、菜单、按钮控制、接口鉴权、表格、表单、增删改查、操作日志、文件上传、系统配置，这些模块每个项目都差不多，但每次都要重新搭一遍。

如果只是做一个简单后台，找一个前端模板也许够用。但如果要做企业中后台、运营后台、业务管理后台或私有化管理平台，只有界面模板往往不够，还需要后端权限体系、接口规范、代码生成器和可长期维护的工程结构。

这也是我做 XYGo Admin 的原因。

XYGo Admin 是一套基于 Vue3 + GoFrame 的开源后台管理系统，前端使用 Vue3、TypeScript、Element Plus，后端使用 GoFrame v2，内置 RBAC 权限管理、CRUD 代码生成器、系统监控、文档中心、消息通知、操作日志等常见中后台能力。

官网地址：

https://www.xygoadmin.com/

在线演示：

https://demo.xygoadmin.com/

为什么选择 Vue3 + GoFrame

Vue3 已经是当前管理后台前端开发里很成熟的选择。它适合做动态菜单、路由权限、表格表单、组件化页面和复杂交互。配合 TypeScript 之后，前端项目的可维护性会明显好很多。

GoFrame 则更适合需要工程规范的 Go 后端项目。它本身提供了路由、配置、日志、数据库、校验、错误处理等基础能力，适合做长期维护的企业后台服务。

把 Vue3 和 GoFrame 组合起来，可以形成一个比较清晰的前后端分离后台框架：

• 前端负责菜单、路由、页面、表格、表单和交互体验
• 后端负责接口、权限、业务逻辑、数据访问和系统能力
• 代码生成器负责减少重复的 CRUD 开发
• RBAC 权限管理负责控制角色、菜单、按钮和接口访问

这类组合很适合需要快速交付后台系统，又希望后续能继续二次开发的团队。

XYGo Admin 主要解决什么问题

XYGo Admin 不是单纯的 Vue3 后台模板，而是一套完整的开源后台管理系统源码。

它主要解决这些问题：

1. 后台项目从零搭建成本高
2. 每个业务表都要重复写 CRUD 页面和接口
3. 菜单权限、按钮权限、接口权限经常重复设计
4. 前后端分层不清晰，后期维护成本变高
5. 企业中后台项目需要能私有化部署和二次开发

对于很多中后台项目来说，真正耗时间的往往不是复杂业务，而是前期大量基础模块。XYGo Admin 的目标就是把这些通用能力提前做好，让团队更快进入业务开发。

内置 RBAC 权限管理

后台权限管理是企业管理后台绕不开的一部分。

很多系统一开始只做菜单显示控制，后来慢慢发现还需要按钮权限、接口权限、数据范围、操作日志，最后权限体系越来越乱。

XYGo Admin 内置 RBAC 权限管理，围绕角色、菜单、按钮和接口建立统一授权模型。

常见能力包括：

• 管理员账号管理
• 角色管理
• 菜单权限
• 按钮权限
• 接口权限
• 操作日志
• 登录日志
• 后续可扩展数据权限和字段权限

这样做的好处是，页面上能不能看到某个菜单、能不能点击某个按钮、接口能不能访问，都可以放在统一权限体系里管理。

如果你关注后台权限管理，可以看这个专题页：

RBAC 权限管理解决方案

如果你更关注普通用户容易搜索到的说法，也可以看：

后台权限管理解决方案

内置代码生成器，减少 CRUD 重复开发

中后台系统里，很多页面本质上都是增删改查。

比如用户管理、客户管理、订单管理、配置管理、分类管理、日志管理，这些模块虽然业务含义不同，但底层结构往往很像：

• 列表页
• 查询条件
• 新增表单
• 编辑表单
• 删除操作
• 详情页
• 后端接口
• 数据模型
• 权限控制

如果每个表都手写一遍，时间会被大量重复劳动吃掉。

XYGo Admin 内置代码生成器，可以通过字段配置生成 GoFrame 接口、数据模型和 Vue3 后台页面，适合快速生成基础 CRUD，然后再在业务逻辑层补充自己的规则。

这类代码生成器不是为了替代开发，而是为了把重复的基础结构先搭好，让开发者把精力放在业务逻辑上。

专题页：

代码生成器与 CRUD 生成方案

适合哪些项目

XYGo Admin 更适合这些场景：

• 企业内部管理系统
• 运营后台
• 业务管理后台
• 客户管理后台
• 内容管理后台
• 私有化部署平台
• 需要权限体系的中后台管理系统
• 需要二次开发的后台管理系统源码

如果你的项目只是一个非常简单的展示页面，可能用不到完整后台框架。但如果项目里已经出现角色、菜单、权限、日志、文件、配置、增删改查这些需求，那么使用一套开源后台管理系统会更省时间。

相关专题：

开源后台管理系统解决方案

中后台管理系统解决方案

企业管理后台解决方案

技术栈

前端：

• Vue3
• TypeScript
• Element Plus
• Pinia
• Vite

后端：

• GoFrame v2
• Go
• MySQL
• PostgreSQL
• Redis
• JWT

核心模块：

• RBAC 权限管理
• 后台权限管理
• CRUD 代码生成器
• 系统监控
• 操作日志
• 登录日志
• 文档中心
• 消息通知
• 文件上传
• 系统配置

和普通后台模板有什么区别

很多后台模板只提供前端界面，例如菜单、布局、表格和登录页。它们适合做前端基础壳，但真正落地业务时，还需要自己补后端、权限、接口、日志和代码生成。

XYGo Admin 更偏向完整项目起点。

它包含前端，也包含后端；包含页面，也包含接口；包含基础 UI，也包含权限体系和代码生成器。对于需要快速搭建企业后台的人来说，这比单纯找一个前端模板更接近实际项目。

如果你要找的是 Vue3 管理后台，可以看：

Vue3 后台管理解决方案

Vue3 管理后台解决方案

如果你更关注 Go 后端框架，可以看：

GoFrame 后台框架解决方案

开源后台管理系统源码

XYGo Admin 是开源后台管理系统源码，适合二次开发和私有化部署。

对企业项目来说，源码可控很重要。你可以根据自己的业务调整菜单、权限、接口、数据模型和页面结构，也可以在已有模块上继续扩展新的业务功能。

源码相关专题：

后台管理系统源码解决方案

代码仓库：

GitHub 仓库

Gitee 仓库

总结

如果你正在寻找一套 Vue3 后台管理、GoFrame 后台框架、开源后台管理系统源码，或者希望用代码生成器减少 CRUD 重复开发，XYGo Admin 可以作为一个项目起点。

它的价值不只是提供一个后台界面，而是把企业中后台里常见的登录、权限、菜单、接口、日志、配置、代码生成和系统监控提前整理好，让团队可以更快进入业务开发。

项目地址：

XYGo Admin 官网

在线演示

官方文档

GitHub

Gitee@TOC

欢迎使用Markdown编辑器

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

1. 全新的界面设计 ，将会带来全新的写作体验；
2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
4. 全新的 KaTeX数学公式 语法；
5. 增加了支持甘特图的mermaid语法¹ 功能；
6. 增加了 多屏幕编辑 Markdown文章功能；
7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
8. 增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G
查找：Ctrl/Command + F
替换：Ctrl/Command + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

• 项目
  • 项目
    • 项目

1. 项目1
2. 项目2
3. 项目3

• 计划任务
• 完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants 是一个文本转换工具，主要功能是将普通的 ASCII 标点符号自动转换为更美观的印刷体标点符号。例如：

原始符号	转换后	说明
"引号"	“引号”	直引号变弯引号
'单引号'	‘单引号’	直单引号变弯单引号
--	–	两个连字符变短破折号
---	—	三个连字符变长破折号
...	…	三个点变省略号

创建一个自定义列表

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

如何创建一个注脚

一个具有注脚的文本。²

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ 是通过欧拉积分

$$\Gamma (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能，丰富你的文章

• 关于 甘特图 语法，参考 这儿,

UML图表

可以使用UML图表进行渲染，例如下面产生的一个序列图：

• 关于 UML图表 语法，参考 这儿,

流程图

• 关于 Mermaid 语法，参考 这儿,

FLowchart流程图

我们依旧会支持flowchart.js的流程图语法：

• 关于 Flowchart流程图 语法，参考 这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

---

1. mermaid语法说明 ↩︎

2. 注脚的解释 ↩︎