Skip to content

uAdmin / 让业务成为主角

Vue 后台的底座,也是业务的起点。

把登录、权限、导航和标签页交给 uAdmin。
把时间留给你的产品,和真正不同的业务。

浏览器本地演示 · 无需后端 · 修改可重置

Vue模块路由 · 权限uAdmin工作台
基于你熟悉的技术

Vue 3 / TypeScript / Element Plus / Vite

探索工作台能力

打开 uAdmin / WORKSPACE

工作台,
适应你的工作方式。

进入后台,试试完整工作台
外观交互示意 · 点击选项切换 · 实际功能请进入后台演示

能力组合 / SYSTEM

不是每个项目,
都要从头搭一遍。

应用内核连接会话、导航与模块,布局和组件承接页面。七个能力包,让项目有清晰的边界,也有组合的余地。

了解能力之间如何协作 ↗

业务界面 / COMPONENTS

从一张业务表,
到一整个工作现场。

页面容器、数据表格与扩展组件,沿用同一套设计语言。

交互体验 / IN ACTION

界面背后,
能力也已经连接好。

不同角色,不同操作。

切换角色,看看菜单与操作如何一起变化。

了解实现方式 以下为交互示意,完整功能请进入后台演示。
uAdmin / 权限示意
编辑者角色权限 → 可见入口概览可见任务可见角色管理隐藏
可用操作 /查看概览编辑任务

可以处理任务,不显示角色管理入口。

预设角色示意;实际菜单与权限由后端决定。

开发接入 / DEVELOPER

写业务,
保持 Vue 的简单。

模块声明路由和权限,内核连接工作台。

业务页面模块声明工作台
接入第一个业务模块 ↗看看可复用的业务组件 ↗
import { defineModule } from '@uadmin/app' export const reports = defineModule({  name: 'reports',  routes: [{    path: '/reports',    name: 'Reports',    component: () => import('./ReportsPage.vue'),    meta: {      title: 'reports.title',      perms: ['report:read'],    },  }],})

代码节选 · 完整接入包含模块注册、导航与语言词条

连接边界 / BACKEND

前端有底座,
后端有选择。

通过 BackendAdapter 适配会话与导航,业务 API 连接自己的服务。已有后端可以继续使用,也可以与 uNode 联调。

共享协议类型化接口前后端分工
了解后端接入 ↗

开始使用 / GET STARTED

以适合你的方式开始。

接入前要知道

uAdmin 提供界面与内核;你的团队负责业务 API、生产数据、服务端授权和部署。

查看评估清单 ↗

常见问题

你可能还想知道。

关于接入、演示与使用边界。

已有后端,需要换吗?

不需要。BackendAdapter 可适配登录、刷新、退出、用户信息与导航,业务 API 连接自己的后端。uNode 是可选方案。查看适配方式。

演示与生产使用有什么区别?

演示使用浏览器 Mock,修改保存在本地,文件存于 IndexedDB,可重置。生产版需要真实后端,由你负责业务校验、服务端授权和部署。邮件与模块安装等演示流程为模拟。查看部署步骤。

如何确认授权与服务范围?

当前包元数据标注 MIT,仓库尚未提供统一许可证文件;商用前需核实所用版本的许可范围。本站没有公开价格、付费服务或 SLA,演示与文档用于技术评估。

uAdmin / 为下一段业务而准备

把下一步,留给你的业务。

打开演示,走一遍真实交互,再决定如何接入你的项目。

Vue 3 · TypeScript · Element Plus