|
目录
前言
一、Demo简介
二、通过Demo能够学到什么
三、Demo部分截图展示
1）注册页面
2）登录页面
3）页面的权限控制（使用React高阶组件实现）
四、github地址（https://github.com/Sodaxiang/react_redux_login.git）
如有帮助，请在github上给个star，非常感谢~不足的地方，欢迎大家在评论区留言讨论。
前言
该登录系统Demo基于react，redux，react-router,服务器端采用express搭建，数据库使用非关系型数据库MongoDB存储用户信息。
项目结构大致如下：
一、Demo简介
- 该demo使用react脚手架搭建的一个登录系统，包括用户注册，登录，权限处理等模块；
- 前端使用react构建，页面结构布局方面采用bootstrap，服务器端使用express搭建，数据库采用非关系型数据库mongodb，在操作数据库方面采用mongoose；
- 项目中涉及redux，react-router，axios，react高阶组件，jwt(json web token)，validator库，lodash库等的使用。
二、通过Demo能够学到什么
- react，redux，react-router，express，mongodb的熟练使用；
- 组件化思想，模块化开发，工程化思想；
- 前后端联动，包括跨域的解决， 响应状态码的使用等。
三、Demo部分截图展示
1）注册页面
  
- 该部分会对用户输入的注册信息进行验证，包括信息是否填入完整，该信息是否已存在等。最后，注册成功则跳转至登录页面
2）登录页面
 
3）页面的权限控制（使用React高阶组件实现）
- 对于某些页面，需要用户登录之后才能访问，对于未登录的用户，会让其在访问该页面将其导向登录页面；在用户登录之后便可以访问该页面。
 
| 
转播
