前端后台管理系统UI框架

目前,有几款热门的框架非常适合开发后台管理系统,主要包括基于Vue3/React的框架和一些其他流行的选择。

基于Vue3的框架

RuoYi:是一款开源的后台管理系统,它基于SpringBoot、Apache Shiro、MyBatis等技术构建,旨在为Web应用程序提供一个高效、易用且功能丰富的管理后台。该系统适用于多种Web应用程序,如网站管理后台、会员中心、CMS、CRM以及OA系统等。RuoYi的设计注重易读性和界面简洁美观,且不依赖于任何重度外部库或框架。它的核心功能包括完善的权限管理系统、多语言支持、丰富的前端插件、强大的代码生成器等。

# 代码仓库地址
https://gitee.com/y_project/RuoYi.git
# 预览地址
https://vue.ruoyi.vip/

img

Vue-Vben-Admin 是一个基于 Vue3.0、 Vite、 Ant-Design-Vue、 TypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。项目会使用前端较新的技术栈,可以作为项目的启动模版,以帮助你快速搭建企业级中后台产品原型。

# 代码仓库地址
https://github.com/vbenjs/vue-vben-admin
# 预览地址
https://www.vben.pro/

img

Fantastic-admin 是一款基于 Vue 技术栈的中后台管理系统框架,它提供了丰富的功能和灵活的配置选项,覆盖市面上各种中后台应用场景,兼容PC、平板和移动端,使得开发人员能够快速构建和管理复杂的后台系统,基础版免费。

# 代码仓库地址
https://github.com/fantastic-admin/basic.git
# 预览地址
https://fantastic-admin.hurui.me/

img

基于React的框架

react-admin:这是一个用于构建单页应用程序的前端框架,该应用程序运行在浏览器中,基于 REST/GraphQL API,使用 TypeScript、React 和 Material Design。该框架由 marmelab 开源并维护。

# 代码仓库地址
https://github.com/marmelab/react-admin.git
# 预览地址
https://marmelab.com/react-admin-demo

img

sakai-react:是一个基于流行的 Next.js 框架(使用新的 App Router)的 React 应用模板,使用 Next v13, React v18, Typescript with PrimeReact v10。

# 代码仓库地址
https://github.com/primefaces/sakai-react.git

img

基于Bootstrap的框架

AdminLTE:这是一个完全响应式管理模板。基于 Bootstrap 5 框架以及 JavaScript 插件。高度可定制且易于使用。适合从小型移动设备到大型台式机的多种屏幕分辨率。

# 代码仓库地址
https://github.com/ColorlibHQ/AdminLTE.git
# 预览地址
https://adminlte.io/themes/v3/

img

其他推荐的框架

CoreUI Free React Admin Template: 纯净透明的代码没有多余的组件,因此该应用程序足够轻巧,可以提供最终的用户体验。这也意味着移动设备,其中的导航与台式机或笔记本电脑一样简单直观。CoreUI 布局 API 允许您为几乎任何设备自定义您的项目——无论是移动设备、Web 还是 WebApp——CoreUI 涵盖了所有设备!并提供了不同ui框架的实现代码,如 Bootstrap、Angular、React、Vue等。

# 代码仓库地址
https://github.com/coreui/coreui-free-react-admin-template.git

img

版权声明:
作者:lrbmike
链接:https://blog.liurb.org/2024/11/01/management_system_uii_framework/
来源:大卷学长
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>