ViteReact后台

super-admin — Vite 后台模板

作者 finedaybreak

基于 React 与 Vite 的后台管理模板，提供多标签页缓存路由与基于路由的权限控制，仓库自述为建设中状态。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-30查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

实现类似 Vue keepalive 的多标签路由缓存，官方称不会产生庞大 DOM

02

提供基于路由的权限控制

03

技术栈包含 React、TypeScript、Antd、Zustand、Axios、TailwindCSS

04

使用 Vite 作为构建工具

05

README 提供登录页、嵌套路由与深色模式演示截图

模板详细介绍

Super Admin 是一个后台管理方向的 React 模板，技术栈包括 React、TypeScript、Antd、Zustand、Axios 与 TailwindCSS，构建工具为 Vite。仓库描述与 README 均标注项目“正在建设中”，因此它更适合作为多标签页后台方案的参考实现，而非功能完备的成品后台。

模板的核心能力集中在路由与标签页层面：实现类似 Vue keepalive 的多标签路由缓存，官方说明强调不会产生庞大的 DOM 元素；同时提供基于路由的权限控制。README 列出了登录页、嵌套路由页以及深色模式三张演示截图，并给出在线演示地址。

使用方式上，依赖安装使用 pnpm，开发环境通过 pnpm run start:mock 启动，即开发模式依赖 mock 数据，未在资料中说明真实后端接口的接入方式。仓库未提供除上述命令之外的构建、部署或配置说明。

许可方面，仓库根目录包含标准 MIT 许可文本，允许免费使用、修改、商用与分发该版本代码，分发时需保留版权与许可声明；演示图片、字体、图标等第三方素材需另行核对各自许可。

ViteReact后台

适合你的项目吗？

适用场景

  • 需要为后台系统实现多标签页缓存导航的参考实现
  • 研究 React 中类似 keepalive 的路由缓存方案
  • 需要基于路由做权限控制的后台项目起步参考
  • 查看 Antd 与 TailwindCSS 组合的后台界面示例

适合人群

  • 正在设计多标签后台导航的前端开发者
  • 希望参考 React 路由缓存与权限控制实现方式的团队
  • 需要 MIT 许可后台模板代码作为起点的项目

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    使用 pnpm install 安装依赖

  2. 2

    开发环境通过 pnpm run start:mock 启动，依赖 mock 数据

  3. 3

    仓库自述为建设中状态，功能完整度需自行评估

  4. 4

    演示图片、字体、图标等第三方素材需单独核对许可

  5. 5

    资料未说明生产构建与部署方式

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文
https://github.com/finedaybreak/super-admin/blob/main/LICENSEhttps://github.com/finedaybreak/super-admin/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-09-30。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 92 / 100
技术栈
Vite · React
网站类型
后台
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2025-11-29
截图检查日期
2026-09-30

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Vite。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 75f3d07d94d2f8da846a4d4fb889872f21b47913416a9c95eb55360202723de2

2026-09-30T09:34:09.595Z

来源文件 / 仓库
# Super Admin

[中文](./README.zh_CN.md) | English

Introduction: Backend management solution under construction 🔨...

visit : [https://admin.wongyichen.com](https://admin.wongyichen.com)

![demo](./images/admin_login.png)

![demo](./images/admin_nested.png)

dark mode

![demo](./images/admin_nested_dark.png)

## Features

-   [x] Based on React, TypeScript, Antd, Zustand, Axios, TailwindCSS
-   [x] keepalive like in vue, multi-tab routing, no huge dom elements
-   [x] Route-based permission control

## Install dependencies

```bash
pnpm install
```

## run dev

```bash
pnpm run start:mock
```
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

kiaalap

kiaalap

Free admin dashboard template focused on education, online course and school management. Build using Bootstrap…

Vite · 后台

react-vite-admin

react-vite-admin

This Starter utilizes React, Recoil, React Query, React Hooks, Typescript, Axios And Vite. 全新技术栈的后台管理系统

Vite · 后台

admin-antd-react

admin-antd-react

React + Ant Design Admin template

Vite · 后台

arco-admin-template

arco-admin-template

🔥基于 vite构建的react后台模版 使用： acro-design + react-router-dom v6 + mockjs + less，支持国际化，亮色暗色切换等

Vite · 后台

react-vite-tailwind-typescript-firebase-auth-template

react-vite-tailwind-typescript-firebase-auth-template

Good starting point for your next application with React.JS, TypeScript, TailwindCSS, Firebase Auth and Vite.

Vite · 后台

saasboard

saasboard

Free and open-source SaaS dashboard template for startups, businesses, and AI Tools. | Built with Meku, React,…

Vite · 后台