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 预编译入口 |__
拓展阅读
评论