react-admin system solution : react 后台管理系统解决方案。
React Admin依赖模块
项目是用 create-react-app 创建的,主要还是列出新加的功能依赖包
react
react-router(react 路由,4.x 的版本,如果还使用 3.x 的版本,请切换分支(ps:分支不再维护))
redux(基础用法,但是封装了通用 action 和 reducer,demo 中主要用于权限控制(ps:目前可以用 16.x 的 context api 代替),可以简单了解下)
antd(蚂蚁金服开源的 react ui 组件框架)
axios(http 请求模块,可用于前端任何场景,很强大)
echarts-for-react(可视化图表,别人基于 react 对 echarts 的封装,足够用了)
recharts(另一个基于 react 封装的图表,个人觉得是没有 echarts 好用)
nprogress(顶部加载条,蛮好用 )
react-draft-wysiwyg(别人基于 react 的富文本封装,如果找到其他更好的可以替换)
react-draggable(拖拽模块,找了个简单版的)
screenfull(全屏插件)
photoswipe(图片弹层查看插件,不依赖 jQuery,还是蛮好用)
animate.css(css 动画库)
react-loadable(代码拆分,按需加载,预加载,样样都行,具体见其文档,推荐使用)
redux-alita 极简的 redux2react 工具
其他小细节省略
React Admin功能模块
备注:项目只引入了 ant-design 的部分组件,其他的组件 antd 官网有源码,可以直接复制到项目中使用,后续有时间补上全部组件。
项目使用了 antd 的自定义主题功能-->黑色,若想替换其他颜色,具体操作请查看 antd 官网
备注:项目只引入了 ant-design 的部分组件,其他的组件 antd 官网有源码,可以直接复制到项目中使用,后续有时间补上全部组件。
项目使用了 antd 的自定义主题功能-->黑色,若想替换其他颜色,具体操作请查看 antd 官网
- 首页
- 完整布局
- 换肤(全局功能,暂时只实现了顶部导航的换肤,后续加上其他模块)
- 导航菜单
- 顶部导航(菜单伸缩,全屏功能)
- 左边菜单(增加滚动条以及适配路由的 active 操作)
- UI 模块
- 按钮(antd 组件)
- 图标(antd 组件并增加彩色表情符)
- 加载中(antd 组件并增加顶部加载条)
- 通知提醒框(antd 组件)
- 标签页(antd 组件)
- 轮播图(ant 动效组件)
- 富文本
- 拖拽
- 画廊
- 动画
- 基础动画(animate.css 所有动画)
- 动画案例
- 表格
- 基础表格(antd 组件)
- 高级表格(antd 组件)
- 异步表格(数据来自掘金酱的接口)
- 表单
- 基础表单(antd 组件)
- 图表
- echarts 图表
- recharts 图表
- 页面
- 登录页面(包括 GitHub 第三方登录)
- 404 页面
React Admin数据统计
React Admin数据评估
本站商娱网提供的React Admin都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由商娱网实际控制,在2024年3月1日 20:27收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,商娱网不承担任何责任。