React+Antd 后台管理系统

说明

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

效果图

login.gif

main.gif

date.gif

add.gif

update.gif

del.gif

search.gif

echarts.gif

richText.png

upload.png

快速开始

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.

猜你喜欢

转载自blog.csdn.net/zhaoyu_m69/article/details/78914164
今日推荐