跳到主要内容

简介

提示

本项目采用 MIT License 开源协议,无需授权即可免费商用

img.png

XinAdmin 是基于 Ant Design 设计规范封装一套企业级中后台前端模板,使用最新的前端技术栈,包括 React 19Vite 6ReactRouter 7zustand 5 Typescript。 依靠 AntDesign 设计规范,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出符合中后台适用的前端模板, 并附带中后台场景中常用的业务组件,适用于多种场景。此外它还采用了 msw 数据 MOCK 方案,体验真正无缝的 API 模拟体验,使企业级中后台产品的研发更快一步。

特性

  • 前沿技术栈应用:采用 React 19Vite 6ReactRouter 7zustand 5 Typescript 构建。
  • AntDesign 设计规范:通过模块化解决方案,降低冗余的生产成本,让开发者专注于更好的用户体验。
  • 清晰的代码目录:语义化目录命名规范,API、Domain等模块独立命名空间,简单易用。
  • TypeScript: 支持严格的类型检查,提高代码的可维护性。
  • 丰富的主题配置:基于AntDesign设计规范,内置多样的主题配置,随心搭配自己的风格。
  • 内置国际化方案:轻松实现多语言支持。
  • ReactRouter v7:采用 ReactRouter 7 DataMode 支持后端动态路由,自动生成菜单,支持页面嵌套路由。
  • 丰富的页面组件:内置多样页面和组件,包括403、404、500页面,以及布局组件、标签组件、主题配置组件等。
  • TailwindCSS: 只需书写 HTML 代码,无需书写 CSS,搭配 AntDesign 让开发更简单。

文档

XinAdmin 文档基于 docusaurus 书写,地址为:https://xinadmin.cn/ui/intro,如发现文档有误,欢迎提 pr 帮助我们改进。

新手须知

XinAdmin 在力求提供开箱即用的开发体验,为此我们提供完整的脚手架,涉及国际化,权限,mock,数据流,网络请求等各个方面。为这些中后台中常见的方案提供了最佳实践来减少学习和开发成本,但是为了方便你更快的了解 XinAdmin 推荐你去学习和了解以下技术文档:

兼容环境

提示

本地开发推荐使用Chrome 100+ 浏览器

  • 现代浏览器
  • 支持服务端渲染。
  • Electron
Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Electron
Electron
Edgelast 2 versionslast 2 versionslast 2 versionslast 2 versionslast 2 versions

社区互助

如果您在使用的过程中碰到问题,可以通过下面几个途径寻求帮助,同时我们也鼓励资深用户通过下面的途径给新人提供帮助。

通过 GitHub Discussions 提问

提交 Github Issues

加入官方QQ群来解答 Xin Admin 官方交流群

目前项目正处于快速更新迭代阶段,正式开发时如更新版本请先备份项目