Slash Admin:基于蚂蚁 Ant Design 5 的中后台管理系统

科技   2024-11-01 18:07   湖北  


文章底部获取项目地址



Slash Admin 一个开源的中后台管理系统开发模板,基于 React 18、Ant Design 5,集成常见的管理功能,如用户管理、角色管理、权限管理等,为构建企业级后台管理系统提供基础,可高度自定义主题和样式,提供响应式设计、国际化功能。

技术栈:React 18 + Vite 5 + TypeScript + Ant Design 5 + Axios + Tailwindcss。

部分页面预览:

功能和特性:

React 18 Hooks:利用 React 18 的 Hooks 特性,如 useState 和 useEffect,来构建组件的交互逻辑,使代码更简洁、更易于维护。

Vite:使用 Vite 作为开发服务器和构建工具,提供快速的冷启动和热模块替换(HMR),加快开发效率和构建速度。

Ant Design:集成了 Ant Design,一个流行的 React UI 组件库,提供丰富的组件和设计模式,确保应用拥有一致的用户体验和外观。

TypeScript:使用 TypeScript 编写代码,提供类型安全性,减少运行时错误,并提供更好的开发体验,如智能提示和代码自动完成。

响应式设计:应用响应式设计,确保应用能够适应各种屏幕尺寸和设备,包括手机、平板和桌面。

灵活的路由配置:支持多级嵌套路由,使得应用能够构建复杂的导航结构,适合大型企业级应用。

权限管理:集成权限管理,根据用户角色控制页面和组件的访问权限,增强应用的安全性。

国际化支持:集成国际化(i18n)支持,允许应用轻松切换多语言,满足全球化需求。

可定制的主题和样式:提供可定制的主题和样式,使应用能够符合特定品牌的视觉需求。

Mock 方案:基于 MSW(Mock Service Worker)和 Faker.js 的 Mock 方案,用于开发阶段模拟后端服务和生成模拟数据。

Zustand:使用 Zustand 进行状态管理,提供简洁且高效的方式来管理应用的状态。

React-Query:使用 React-Query 进行数据获取和缓存,优化数据请求,减少 API 调用次数,并提供数据同步和更新机制。


《前端资源推荐》公众号收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等,如有其他优秀资源,欢迎发消息投稿,感谢点赞、在看、转发、关注!!!

其他推荐:

Vuetify:谷歌 Material 风格 响应式 UI 组件库

GitHub 56k+ Star AI 项目 截图就能生成前端代码
Tesseractjs:OCR 前端识别提取图像文本字符
美呆了!纯前端技术实现 Web 原神启动
NutUI Bingo:助力双十一 京东抽奖游戏组件库

项目地址


GitHub:https://github.com/d3george/slash-admin

在线预览:https://admin.slashspaces.com/

前端资源推荐
推荐分享各种前端组件UI、插件工具、中后台系统、低代码、可视化、开源项目、学习资源、特效源码等
 最新文章