需求分析

页面架构和用户交互流程

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