前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >自用后台的快速开发

自用后台的快速开发

原创
作者头像
stevenclji
发布2020-03-15 18:12:53
1.4K0
发布2020-03-15 18:12:53
举报
文章被收录于专栏:万亿日志之道万亿日志之道

前言

工作中,很多自己维护的系统需要开发后台管理系统,这类系统大多在内网使用,进行简单的数据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编程一样,只处理事件就可以了。

演示页面1
演示页面1
演示页面2
演示页面2

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

(二)后端:ThinkPHP

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

react-admin支持的数据源
react-admin支持的数据源

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

SlwRest

maven+SpringMVC

gorest

thinkphp

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

附录:

react-admin文档

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
作者已关闭评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com