推荐一个React的管理后台框架

栏目: 服务器 · 发布时间: 6年前

内容简介:转载请注明文章出处:

转载请注明文章出处: https://tlanyan.me/recommond-a-react-based-admin-framework/

引言

jQuery 时代, jQuery +后端模板+ Bootstrap/Semantic 就可轻松完成前后端开发。进入 React/Angular/Vue 年代,前后端生态渐行渐远(编程方式上却有殊途同归的感觉),标榜为“全栈”的人更多是从前端通过 Nodejs 向服务端渗透。前端框架和 工具 日新月异,专业前端尚且学不动,更不用说业余的后端。定位为服务端开发,所以一直不太愿意写前端页面。

推荐一个React的管理后台框架

但很多时候需要一个人做前后端开发,写HTML/JavaScript/CSS势在必行。这时候有一个好用的前端模板/库/框架可大幅节省后端的生命。熟悉 React 的开发人员,遇到后台开发需求时,推荐使用 marmelabreact-admin

react-admin

在GitHub上搜”react admin”,排名第二位就是 react-admin ,star数达到5k。排名第一的 ReactJS-AdminLTE 本人也使用过,其与 react admin 的区别是:前者是前端模板,后者是前端开发框架。划重点: 前端开发框架 。根据实际使用,此言不虚。

react-admin 是基于 ReactMaterial Design 的管理后台前端开发框架,官方网址是: http://marmelab.com/react-admin ,Github项目地址: https://github.com/marmelab/react-admin ,演示地址: https://marmelab.com/react-admin-demo/#/login 。其前身是 admini-on-rest ,2.x版本后改名为 react-admin

作为开发框架, react-admin 重点不是华丽、漂亮的页面示例,而是适用于后台开发的一整套解决方案。其重要特性包括:

  1. 认证和授权(Authentication and Authorization),对用户身份和权限进行检查,通过 authProvider 提供;
  2. 后端通信,支持 REST/SOAP 等,由 dataProvider 提供;
  3. 数据更新和删除操作回滚(有限制);
  4. 支持 排序 、分页、搜索的 Datagrid 视图;
  5. 前端数据校验;
  6. 国际化支持,由 i18nProvider 提供;
  7. 主题支持。

react-admin 有完整详细的文档,根据官网的”15分钟”教程( https://marmelab.com/react-admin/Tutorial.html ),可迅速开发出带有登录、对数据表CRUD的管理后台,非常实用。深入框架的各方面,需要继续阅读各专题文档。文档完整详细,并有示例代码,熟悉 React 的开发能在一两天内摸清框架各方面,得心应手的开发后台各种功能。

结论

作为一个基于React的管理后台SPA开发框架, react-admin 几乎覆盖了前端开发中的方方面面,功能强大且实用。界面风格基于 Material Design ,根据文档中开发出的界面比较简洁。如果需要比较美观的界面(图表、表单、列表等),可参考其他前端模板,例如 AdminLTE


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

计算机程序设计艺术・卷3

计算机程序设计艺术・卷3

[美] 高德纳(Donald E. Knuth) / 贾洪峰 / 人民邮电出版社 / 2017-2 / 198.00元

《计算机程序设计艺术》系列被公认为计算机科学领域的权威之作,深入阐述了程序设计理论,对计算机领域的发展有着极为深远的影响。本书为该系列的第3卷,全面讲述了排序和查找算法。书中扩展了卷1中数据结构的处理方法,并对各种算法的效率进行了大量的分析。一起来看看 《计算机程序设计艺术・卷3》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具