React结合AntD、Node的编写简单的管理系统

React结合AntD、Node的编写简单的管理系统

大家好，刚学完React基本知识就等不及立即上手写个东西，正好管理系统好像是一般大家都会写写的东西，我也就想利用余韵写个简单的管理系统，因为我也还是个刚学了几个月前端的小白，基本上都是初次使用，也只是想简单的分享下项目的成果，所以有什么问题也希望帮我指点指点。

GitHub链接：https://github.com/Keifer-G/BackgroundManageSystem.git

登陆页面

我首先是完成了登陆页面，因为第一次使用React写项目，所以踩了很多坑。这里的话，因为自己还是身为一个设计生，所以也尽量不让自己的页面丑陋，很多时候还会去想怎么样会好看点，logo也就是我自己随便设计了一个，背景是一个GIF，也利用animate.css放了点自我感觉还Ok的动效，然后我首当其冲遇到的就是命名问题，react的className不是像Vue那样组件各自互不影响的，我第一次尝试，索性就直接把form的那个UI自己写了，然后样式也自己添了上去，但是我刚开始写没有引入React 的Css库，也还不知道React的命名问题，所以问题就暂时潜伏在了这里：

当我认识并引入了antd的css库时，它将我原来写的登陆form的样式都给覆盖了，然后就再配置了less，用less一点点把我原来的样式给再覆盖了回来。

后台的话，我是利用的是Node的Koa框架和MongoDB数据库，登陆操作的话，主要就是前台先验证然后是post请求，后台再验证响应，这里开始我也记得一个坑，我利用了MongoDB的可视化创建了两个集合，重要的是，我在可视化工具里创建的集合名不是复数，这样我从node上就读取不到这个集合，但是利用mongodb本身操作可以找到，所以这里坑了我一会儿，如果是直接利用mongodb创建集合的话࿰