页面架构和用户交互流程
1、页面
屏幕快照 2018-07-01 下午11.17.38.png
- 项目骨架
- src前端源码目录
- server后端express目录
- 根据功能划分文件夹 ： component(组件)，container(页面)，reducer
- 页面入口处获取用户信息，决定跳转到哪个页面
2、router怎么划分页面
- 进入应用时获取用户信息，用户未登录跳转login页面
- Login和register页面不需要权限认证
- 用户细信息，聊天列表，职位列表页面共享底部tabbar
3、其他注意事项
- Mongodb字段设计
- axios发送异步请求
- redux管理所有数据，组件尽量使用antd-mobile，弱化css
4、开发流程
屏幕快照 2018-07-02 下午7.28.50.png
图解：
1、用户加载页面的时候带着cookie向后端获取用户信息（当然，初次加载的用户是没有cookie的）
2、来到用户加载loading的页面，后台会返回用户的登录状态，如果没有登录，就让前端跳转到用户的登录页
3、登录之后，前端存储cookie，下次再去加载页面的时候带上登录成功的cookie，后端检测已经登录了，就不用再跳转到登录页，直接进入到APP内部的页面。
项目结构
屏幕快照 2018-07-03 上午12.33.48.png
网友评论