自用后台的快速开发

• 2020 年 3 月 15 日
• 筆記

前言

工作中，很多自己维护的系统需要开发后台管理系统，这类系统大多在内网使用，进行简单的数据CURD，虽然不一定是重要的项目，但是有一套管理后台，避免以后的维护过程中一直操作SQL，对于提高运维效率，减少维护过程中发生故障也是很有用的。作为后台开发人员，没有更多的时间去研究前端的一些框架和技术，那么我们该如何快速的完成这样的系统呢？

在近1年的日志系统后台开发过程中，尝试过几个管理后台的开发，使用同样的技术，快速搭建，快速开发，感觉挺好用的，于是将这些内容分享出来，希望对大家有所帮助。

如果文章中有出现纰漏、错误之处，还请看到的小伙伴多多指教，先行谢过~

项目简介

前端：react-admin

后端：ThinkPHP

（一）前端：react-admin

react-admin 是由 create-react-app 脚手架快速构建，基于 React 生态系统搭建的后台管理系统模板。实现了登陆/注销、路由懒加载、axios封装、简单权限管理等功能，它可以帮助你快速生成管理系统模板，你只需要添加具体业务代码即可。

线上预览地址（账号/密码 demo/demo） https://marmelab.com/react-admin-demo/#/login

GitHub 代码 https://github.com/marmelab/react-admin

在选择前端框架的时候，就希望有这么一个框架，实现了所有的控件，类似之前的Windows Form编程一样，只处理事件就可以了。

在react-admin的线上预览环境中，可以找到自己想要的大部分控件和功能，于是决定选择这个框架，下载回来，然后按照步骤自己搭建，顺利的跑起来就成功了一半。

（二）后端：ThinkPHP

前端框架跑起来之后，就要来选择合适的后端了，通过查看官方的文档，发现react-admin支持4类数据源：

这里最熟悉的就是REST风格的数据了，所以就暂定选择一个REST风格的后端框架，一找一大堆，简单列举几个：

SlwRest

maven+SpringMVC

gorest

thinkphp

可以说各类语言都有，我们选择后端框架，除了考虑可以轻松实现restful服务外，还要考虑框架本身跟数据库的交互，最终还是选择的自己熟悉的ThinkPHP，简单设定路由规则，就实现了rest，然后再开发业务代码就很轻松了。

附录：

react-admin文档

https://marmelab.com/react-admin/DataProviders.html