当前位置: 首页 > news >正文

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

转载请注明文章出处: https://tlanyan.me/recommond-...

引言

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

<img src="https://tlanyan.me/wp-content...; alt="" width="960" height="777" class="aligncenter size-full wp-image-2763" />

但很多时候需要一个人做前后端开发,写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-adm...。其前身是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-ad...),可迅速开发出带有登录、对数据表CRUD的管理后台,非常实用。深入框架的各方面,需要继续阅读各专题文档。文档完整详细,并有示例代码,熟悉React的开发能在一两天内摸清框架各方面,得心应手的开发后台各种功能。

结论

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

相关文章:

  • JQuery FullCalendar(二)
  • 在Pd中取消Code Name 同步
  • QTREE5 - Query on a tree V(LCT)
  • C/C++ Volatile关键词深度剖析
  • word2vec原理(一) CBOW与Skip-Gram模型基础——转载自刘建平Pinard
  • Treap实现的名次树
  • 最短路径SPFA算法(邻接表存法)
  • python 读取文件基本格式
  • Spring注入静态变量
  • Hadoop的hdfs api操作
  • 反射获取枚举的属性注释
  • 各种卷积结构原理及优劣总结
  • linux 程序管理
  • mysql 索引使用教程
  • C#操作MongoDB
  • -------------------- 第二讲-------- 第一节------在此给出链表的基本操作
  • [nginx文档翻译系列] 控制nginx
  • Angular 2 DI - IoC DI - 1
  • Druid 在有赞的实践
  • IOS评论框不贴底(ios12新bug)
  • LeetCode18.四数之和 JavaScript
  • Odoo domain写法及运用
  • PHP变量
  • 从伪并行的 Python 多线程说起
  • 湖南卫视:中国白领因网络偷菜成当代最寂寞的人?
  • 区块链技术特点之去中心化特性
  • 世界上最简单的无等待算法(getAndIncrement)
  • 手写双向链表LinkedList的几个常用功能
  • 思否第一天
  • 我建了一个叫Hello World的项目
  • 原创:新手布局福音!微信小程序使用flex的一些基础样式属性(一)
  • 宾利慕尚创始人典藏版国内首秀,2025年前实现全系车型电动化 | 2019上海车展 ...
  • 整理一些计算机基础知识!
  • 直播平台建设千万不要忘记流媒体服务器的存在 ...
  • ​520就是要宠粉,你的心头书我买单
  • ​LeetCode解法汇总1410. HTML 实体解析器
  • ​LeetCode解法汇总2583. 二叉树中的第 K 大层和
  • ​LeetCode解法汇总2670. 找出不同元素数目差数组
  • # 安徽锐锋科技IDMS系统简介
  • (C++)栈的链式存储结构(出栈、入栈、判空、遍历、销毁)(数据结构与算法)
  • (echarts)echarts使用时重新加载数据之前的数据存留在图上的问题
  • (javascript)再说document.body.scrollTop的使用问题
  • (办公)springboot配置aop处理请求.
  • (附源码)ssm基于jsp的在线点餐系统 毕业设计 111016
  • (十八)用JAVA编写MP3解码器——迷你播放器
  • (十一)手动添加用户和文件的特殊权限
  • (转)利用ant在Mac 下自动化打包签名Android程序
  • ***linux下安装xampp,XAMPP目录结构(阿里云安装xampp)
  • .net6Api后台+uniapp导出Excel
  • @EnableAsync和@Async开始异步任务支持
  • [ HTML + CSS + Javascript ] 复盘尝试制作 2048 小游戏时遇到的问题
  • [ 蓝桥杯Web真题 ]-Markdown 文档解析
  • [2017][note]基于空间交叉相位调制的两个连续波在few layer铋Bi中的全光switch——
  • [20180129]bash显示path环境变量.txt
  • [Angular 基础] - 自定义指令,深入学习 directive