React+Antd 后台管理系统

说明

之前为了熟练antd框架,特别做了这个后台管理系统练手。
正因为要熟悉,所以在设计面板的时候,尽可能想用上更多的控件。
于是对照着antd的API,开始往这个项目上堆控件。

效果图

React+Antd 后台管理系统_第1张图片

React+Antd 后台管理系统_第2张图片

React+Antd 后台管理系统_第3张图片

React+Antd 后台管理系统_第4张图片

React+Antd 后台管理系统_第5张图片

React+Antd 后台管理系统_第6张图片

React+Antd 后台管理系统_第7张图片

React+Antd 后台管理系统_第8张图片

React+Antd 后台管理系统_第9张图片

React+Antd 后台管理系统_第10张图片

快速开始

1.克隆项目

git clone [email protected]:zhaoyu69/antd-spa.git

2.安装客户端依赖

cd client
npm i

3.运行客户端

npm run start

4.安装服务端依赖

cd ../server
npm i 

5.运行服务端

npm run start 

结尾

页面不复杂,没有使用状态管理。
使用React本身的State更新,也很好理解。
练练手熟悉熟悉框架还是不错的。

源码

Github.

你可能感兴趣的:(react,javascript)