React+Antd 后台管理系统
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React+Antd 后台管理系统相关的知识,希望对你有一定的参考价值。
参考技术A 之前为了熟练antd框架,特别做了这个后台管理系统练手。正因为要熟悉,所以在设计面板的时候,尽可能想用上更多的控件。
于是对照着antd的 API ,开始往这个项目上堆控件。
!
新增本地文件服务 使用自己修改的服务器端文件上传组件 https://github.com/zhaoyu69/jquery-file-upload-middleware 保存文件为以hash命名,避免重复保存。hash值前两位相同的放入同一文件夹,减少文件过多的压力。
新增七牛云文件服务 需要从后台拿上传的token,不提供自己的七牛云密钥,可免费申请 https://portal.qiniu.com/user/key 只需要将相关信息填入Server/routes/qiniu.js中就可以使用七牛云上传了,七牛服务器自带hash比较,不会重复上传。
页面不复杂,没有使用状态管理。
使用React本身的State更新,也很好理解。
练练手熟悉熟悉框架还是不错的。
1.克隆项目
2.安装客户端依赖
3.运行客户端
4.安装服务端依赖
5.运行服务端
Github.
以上是关于React+Antd 后台管理系统的主要内容,如果未能解决你的问题,请参考以下文章
共享单车—— React后台管理系统开发手记:AntD Form基础组件
共享单车—— React后台管理系统开发手记:AntD Table高级表格
共享单车—— React后台管理系统开发手记:AntD Table基础表格