React+Antd 后台管理系统
发布于 5 个月前 作者 zhaoyu69 4013 次浏览 最后一次编辑是 16 天前 来自 分享

说明

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

更新日志

218-05-11

  1. echarts: @3.8.5 - @4.1.0
  2. 修复登录失败的问题

效果图

login.gif!

main.gif

date.gif

add.gif

update.gif

del.gif

search.gif

echarts.gif

Components

安装运行

1.克隆项目

git clone git@github.com:zhaoyu69/antd-spa.git

2.安装依赖

npm i

3.运行

npm run start

4.打包

npm run build

结尾

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

源码

Github.

23 回复

蹭热点, 一个react+ antd+ dva+ express+ mongo 的库存管理系统 AccountSystem; 逃~~

界面听漂亮,多久做出来的?

chart好像不是antd里的吧

react表单验证用什么?

公司老板是老古董,不喜欢这种现代化风格,偏爱xp界面风格

我也是醉了, react白学,毫无用武之地

@zsea echarts不是,只是集成上去玩玩

@pengliheng 不会的,学会React走遍天下都不怕!

@yakczh antd 封装了表单模块,提交的时候会获取一个组的表单信息。

@chapgaga 谢谢,时间跨度不太记得了,空闲时间断断续续做的~

antd确实不错,我也用了一年多了,但是没有深入研究过

@zhaoyu69 正在学习react 中, 我如果看源代码,有疑问, 能不能留个联系QQ啥的,学习一下。。。

@cnlile 当然,815238363

@yakczh 其实表单验证如果用 redux-form 也是极好的,感兴趣可以看一波,整体处理起来还是比较清爽的,git地址,当然前提是你要用 redux; 如果你非用 mobx,那也没办法,你可以用 mobx-react-form, 用起来简直高潮,git地址

@yvanwangl mobx 有没有完整的例子参考一下

@yakczh 有的,我最近在重构自己的博客就转用mobx了,项目地址

老铁,这个效果图什么东西做的

回到顶部