bossReact+express+sock.io+mongodb build a boss
boss
React全家桶+express+sock.io+mongodb开发招聘应用
技术栈
React16-
redux管理状态 -
react-router4路由 -
antd-mobile蚂蚁金服UI组件库 -
express构建服务 -
mongodb存储数据 socket.io
Usage
启动mongodDB服务,环境搭建
npm install
#启动程序
npm start
#开启服务
npm run server项目分支
项目的各个部分功能分解
# 使用方法
# 如:git clone -b login-register https://github.com/poetries/boss.git
git clone -b [分支名] https://github.com/poetries/boss.git项目结构
├── config // react开发环境配置
├── docs // 项目开发文档
├── mock // 项目开发中的mock数据
├── package.json // 项目配置文件
├── server // express服务
│ ├── server.js // express服务启动入口
│ ├── model.js // 用户model
│ ├── user.js // 用户信息接口
├── script // webpack配置
│ ├── build.js // 打包相关
│ ├── start.js // 本地开发
│ ├── test.js // 测试
├── public // 打包后的静态资源
├── src // 生产目录
│ ├── actions // redux action相关操作
│ │ └── chatuser.js // 用户列表
│ │ └── index.js // user、chatuser入口
│ │ └── user.js // 用户信息
│ ├── components // 展示组件
│ │ └── Authroute // 授权路由组件，判断用户登录信息
│ │ └── AvatarSelector // 头像选择组件
│ │ └── Boss // Boss组件
│ │ └── Genius // 牛人组件
│ │ └── Chat // 聊天组件
│ │ └── DashBoard // 信息管理面板
│ │ └── Logo // Logo组件
│ │ └── Msg // 消息组件
│ │ └── FooterNav // 底部导航组件
│ │ └── UserCenter // 用户中心组件
│ │ └── UserCard // 用户信息组件
│ ├── config // 配置文件
│ │ └── index.js // axios全局拦截配置
│ └── constants // actionType常量
│ └── container // 容器组件
│ │ └── BossInfo // Boss信息完善页
│ │ └── GeniusInfo // 牛人信息完善页
│ │ └── Login // 登录页
│ │ └── Register // 注册页
│ │ └── Root.js // 页面入口配置
│ └── reducers // 处理action的逻辑
│ │ └── chatuser.js // 获取用户列表
│ │ └── index.js // reducer入口
│ │ └── user.js // 处理user信息action的reducer
│ └── routers // 配置路由
│ └── store // redux store仓库
│ │ └── configureStore.dev.js // 开发中的store配置
│ │ └── configureStore.js // store入口判断
│ │ └── configureStore.prod.js // 生产环境入口
│ └── index.css // 全局样式
│ └── utils // 工具函数
│ │ └── getDirectPath.js // 根据用户信息,返回跳转地址
│ └── App.js // 主页面
│ └── App.css // 主页面样式
│ └── index.html // 项目入口页面
│ └── index.js // Webpack 预编译入口
|__
拓展阅读
评论