全文 2110 字

阅读时间约 7 分钟

目录

Material Dashboard React: 免费!​

EasyDev: 新手友好​

Wieldy: Best for easily customized layouts​

Fuse: Best for Oms/Ecommerce​

Reactify: SaaS 数据看板​

Dandelion Pro: 邮件模板​

Gogo: Best for user surveys​

码匠​​​​​​​

在日常业务开发中,除了核心产品相关的工作之外,很大一部分工作量便是 Admin 管理后台的开发。因为在企业内无论哪种岗位都离不开与数据打交道,而数据库中的数据往往是不直观的,Excel 操作可能又过于简陋且容易出错,所以企业内会有形形色色的 Admin 管理后台服务各种业务场景。那么对于企业来说,一款能够快速上手并开发 Admin 管理后台的工具就显得尤为重要了。这篇文章中,码匠将向您介绍 8 款基于 React 的 Admin 后台模版,并针对不同使用场景提出建议。

针对 React Admin 管理后台模板,用户一方面需要能快速复用模板功能搭建应用,另一方面也可以根据实际需要进行定制,从技术角度来说,这些模板带有 UI、Widget 和 App 模块,并支持添加自定义 React 组件。

其它需要关注的模板功能:

  • 多浏览器支持(至少支持 Firefox、Safari 和 Chrome)
  • 支持用 Redux 处理数据
  • 浅色和深色模式以及其它主题功能

对于每个模板,我们将从以下几个方面进行比较:

  • 价格
  • UI 组件 - UI 组件的数量
  • 内置网页模板 - 网站登录页面,如登录和错误页面
  • 内置应用模板 - 功能齐全的应用程序,如 ToDo 列表
  • 内置数据看板 - 功能齐全和可定制的数据看板

Material Dashboard React: 免费!

本文提到的 React Admin 管理后台模板价格几乎都超过了 20 美元(一个 9 美元的除外)。所以在预算紧张的情况下推荐使用 Material Dashboard React 提供的免费版本。虽然 Material Dashboard React 付费版中有 200 个 UI 组件和 8 个应用程序模版,但其免费版本仍提供有 30 个 UI 组件和 7 个样本应用程序,相信应付日常需求完全没问题。

价格:免费

UI组件:30 个

内置网页模板:

  • 身份验证

    • 锁定屏幕
    • 登录
    • 注册
  • 错误
  • 价格
  • 时间轴
  • 用户资料

点击这里进行实时预览。

EasyDev: 新手友好

本文中的大多数 React Admin 管理后台模板都提供一个初始模板供用户参考,但 EasyDev 中包含不止一种模板。除此之外,EasyDev 还提供完整的注释代码和大量帮助文档、视频教程等来帮助用户使用,很适合新手。

价格:28 美元

UI组件:200+

内置网页模板:

  • 日历选择器
  • 错误
  • 常见问题
  • 画廊控件
  • 发票
  • 价格
  • 项目摘要
  • 搜索结果

内置应用模板:

  • 聊天窗口
  • 电子邮件
  • 待办事项

内置数据看板:

  • 预订系统
  • 加密货币
  • 电子商务
  • 健身房后台

点击这里查看实时预览。

Wieldy: Best for easily customized layouts

React Admin 管理后台模板有多种布局选择,但大多数只是意味着将导航面板放在左边或右边。Wieldy 是本文唯一提供 10 种不同布局选项的 React Admin 管理后台模板。用户可以选择一个简洁的布局,将 Admin 管理后台放在汉堡菜单(也叫左滑菜单或抽屉菜单)后面,或者将面板移到顶部,还可以明确控制面板中显示哪些数据和菜单选项。

价格:24 美元

UI组件:50+

内置网页模板:

  • 身份验证

    • 忘记密码
    • 锁定屏幕
    • 签到
    • 注册
    • 重置密码
  • 呼出
  • 错误
  • 电子商务
    • 价格表
    • 产品网格
    • 产品列表
  • 列表
    • 普通列表
    • 分隔列表
    • 卡片列表
    • 读者评价

内置应用模板:

  • 聊天窗口
  • 联系我们
  • 电子邮件
  • 笔记
  • 待办事项

内置数据看板:

  • 客户关系管理
  • 密码
  • 列表

点击这里查看实时预览。

Fuse: Best for Oms/Ecommerce

本文提到的 React 模板中,每一个都包含有一个电子商务的模板,但 Fuse 为用户提供了多个电子商务模板。这些模板包含的组件都很有用,包括产品列表、详细的产品展示等;订单处理信息展示页由订单状态、发票、付款、运输等部分组成,并且集成了谷歌地图。

价格:28 美元

UI组件:65+

内置网页模板:

  • 身份验证

    • 忘记密码
    • 锁定屏幕
    • 登录
    • 邮件确认
    • 注册
    • 重置密码
  • 即将推出
  • 错误
  • 常见问题
  • 发票
  • 知识库
  • 维护
  • 价格
  • 栏目简介
  • 搜索

内置应用模板:

  • 日历
  • 聊天窗口
  • 联系我们
  • 电子商务
  • 文件管理器
  • 电子邮件
  • 笔记
  • 人物看板
  • 待办事项

内置数据看板:

  • 分析
  • 项目

点击这里查看实时预览。

Reactify: SaaS 数据看板

如果您需要构建一个面向客户的应用程序,Reactify 是一个很好的选择。Reactify 开发人员专门研究了 SaaS 应用程序的要求(如项目管理、任务管理和销售分析),并在设计这个模板时考虑到了这一点。注意:如果用户打算出售用 Reactify 构建的应用程序,则还需要购买 699 美元的扩展许可证。

价格:24美元

UI组件:300+

内置网页模板:

  • 常见问题
  • 反馈信息
  • 画廊控件
  • 价格
  • 报告
  • 条款和条件

内置应用模板:

  • 聊天窗口
  • 收件箱
  • 待办事项

内置数据看板:

  • 代理网站
  • 客户关系管理
  • 电子商务
  • 新闻
  • SaaS

点击这里进行实时预览。

Dandelion Pro: 邮件模板

Dandelion Pro 是唯一有电子邮件模板的 React Admin 管理后台模板。用户可以用他们预制的电子邮件模板配置新闻简报、促销活动、交易电子邮件和用户通知,并将它们设置为「通过应用程序发送」。

价格:24 美元

UI组件:40+

预置的页面:

  • 身份验证

    • 错误
    • 锁定屏幕
    • 登录
    • 注册
    • 重置密码
  • 博客
    • 主页
    • 文章
  • 即将推出
  • 帮助
  • 维护
  • 图库
  • 价格
  • 设置
  • 用户资料

内置应用模板:

  • 聊天窗口
  • 联系我们
  • 日历选择器
  • 电子商务
  • 电子邮件
  • 时间表
  • 待办事项

内置数据看板:

  • 客户关系管理
  • 加密货币
  • 个人管理后台

点击这里查看实时预览。

Gogo: Best for user surveys

许多 React Admin 管理后台模板都有一些内置应用模板的组合,不管是搭建电子商务应用程序程序还是信息传递和待办事项的程序都可以使用。而 Gogo 是唯一拥有问卷调查模板的 React 管理。

价格:24 美元

UI组件:85+

内置网页模板:

  • 身份验证

    • 错误
    • 忘记密码
    • 登录
    • 注册
    • 重置密码
  • 博客
    • 发布列表
    • 详情
  • 常见问题
  • 发票
  • 知识库
  • 列表
    • 数据
    • 缩略图
    • 图片
    • 详细信息
  • 邮件
  • 价格
  • 搜索
  • 社会概况

内置应用模板:

  • 聊天窗口
  • 调查
  • 待办事项

内置数据看板:

  • 分析
  • 电子商务
  • 内容

点击这里进行实时预览。

码匠

最后,在常规的 React 模板之外,我们再向您介绍码匠,码匠是一款开发者友好的低代码平台,您无需了解 React 开发、部署等各种细节,就可以快速打通前后端连接 REST API、MySQL、MongoDB 等多种数据源,然后通过一套开箱即用的组件,就可以轻松搭建功能完善的数据看板、数据洞察、Admin 管理后台等多种应用。

使用码匠快速搭建 CRM 系统(具体可参考:https://majiang.co/templates/mysql-crm)

码匠主要面向国内用户,相较于国外开发的 Admin 后台工具,码匠的 UI 界面设计更加适合国内业务场景。同时码匠整合了多款国内常见数据源,包括飞书、企业微信、钉钉、阿里云 OSS等。不仅如此,码匠还一站式提供了企业内部系统常用的租户管理、细粒度的权限控制、审计日志等功能,让您快速搭建后台应用的同时,也为您的企业信息安全保驾护航。

本文为原创内容,版权归「码匠」所有,欢迎文末点赞、收藏、评论!转载请联系我们。

8 款好用的 React Admin 管理后台模板推荐相关推荐

  1. [转]22 个精美的网站管理后台模板推荐

       互联网上有大量的关于如何设计网站的教程,可以使你的工作更加容易和简单.但关于网站管理后台的教程却比较少.今天,我们提供一些非常强大的管理面板,可以帮助开发者设计网站的后台部分,另外,漂亮的后台也 ...

  2. 高端大气上档次的管理后台模板

    极客Style:12款华丽的Admin管理后台模板 http://www.csdn.net/article/2012-10-11/2810656-admin-templates-for-the-bac ...

  3. Spring Boot快速开发企业级Admin管理后台

    点击上方 好好学java ,选择 星标 公众号重磅资讯,干货,第一时间送达今日推荐:分享一套基于SpringBoot和Vue的企业级中后台开源项目,这个项目有点哇塞!个人原创100W +访问量博客:点 ...

  4. Django 3.2.5博客开发教程:用Admin管理后台管理数据

    上节我们我们把数据库迁移到数据库里去了,那么现在我们数据库里是个什么样的情况呢?我们点击Pycharm右上角的Database,然后在网站项目里选中我们的数据库文件db.sqlite3,把它拖到Dat ...

  5. 使用 admin 管理后台

    使用 admin 管理后台     后台登录地址:http://localhost:8000/admin     1.创建后台管理员(超级用户)         ./manage.py creates ...

  6. Voyager,最方便的lavavel admin管理后台

    今天飞哥推荐1个最简最省心的管理后台,10分钟搭建1个功能齐全的管理后台,开箱即用,如果你在寻找方便的管理数据的管理后台,Voyager在github有11.2K star,值得推荐. 需求背景 开源 ...

  7. 08-Django-基础篇-admin管理后台

    admin管理后台 前言 管理后台使用 1. .创建管理员 2. .注册模型类 3. .发布内容到数据库 前言 本篇来学习Django自带的admin管理后台 管理后台使用 使用Django的管理模块 ...

  8. ReactJs+Bootstrap5管理后台模板下载

    下载地址Qovex是一个简单而漂亮的管理后台模板,建立基于最新的React Js和Bootstrap5.它有6 +不同的布局和3种模式(黑暗,光明和RTL).你可以改变任何布局或模式通过改变几行代码. ...

  9. 开发新项目看过来,这3款基于 Vue 的免费开源的 admin 管理后台框架非常好用

    三款 admin 框架,分别基于热门的前端 UI 组件库 ElementPlus / Ant Design / Naive UI 打造,开箱即用. 新项目的开始,一般是搭建 admin 系统,今天盘点 ...

  10. Django:admin管理后台2,ModelAdmin模型管理器类

    https://docs.djangoproject.com/zh-hans/3.2/ref/contrib/admin/ admin.py from django.contrib import ad ...

最新文章

  1. Java创建线程的方式
  2. NgModule imports定义的运行时数据结构
  3. (笔记)java环境变量设置
  4. Go语言与数据库开发:01-11
  5. 使用Express搭建Web服务器
  6. 竹节纱疵的成因及预防措施
  7. PL/SQL 调用JAVA使用UDP发送数据
  8. 项目设计----会员充值(基础)
  9. spring3.1.1与commons-dbcp1.2的冲突?
  10. iocomp入门教程(绘制Plot)
  11. c语言中的字符数组和字符串之间的关系
  12. Vue使用Echarts控件实现图表设计
  13. 2020.9.2丨个体重测序、KASP分型产品介绍
  14. 后台弹出界面权限踩坑
  15. python f检验 模型拟合度_python 线性回归分析模型检验标准--拟合优度详解
  16. Linux中gcc的常用命令
  17. 删除文件夹遇到的 错误ox80070091:目录不是空的错误解决
  18. 0/0型极限等于多少_有限个极限运算及常见错误小结
  19. 程序员如何求职找工作?这样分析就对了!
  20. 虚拟机启动后一直黑屏的解决办法

热门文章

  1. MATLAB中.m文件命名规则
  2. Tempo超进化,提效降本好帮手,工时管理小当家 Timewise
  3. CCproxy代理服务器
  4. 用turtle绘图做一个钟表时钟
  5. 人类最早计算机阿西莫夫,“人类先知”阿西莫夫50年前的2014年6大预言
  6. mermaid流程图语法教程
  7. littleVGL开发(11):任务系统(task)
  8. Postek博思得标签打印机更换电脑,打印出来标签空白
  9. 计算机常用英语词汇 短语,四级英语常用词汇短语
  10. R语言使用geomtextpath包的coord_curvedpolar函数和coord_polar函数可视化时间表盘(time dial plate)