boss
React全家桶+express+sock.io+mongodb开发招聘应用
技术栈
React16redux管理状态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 预编译入口 |__
拓展阅读
-
快递概述 Express是一个最小且灵活的Node.js Web应用程序框架，它提供了一组强大的功能来开发Web和移动应用程序。 它有助于基于节点的Web应用程序的快速开发。 以下是Express框架的一些核心功能 - 允许设置中间件以响应HTTP请求。 定义路由表，该表用于基于HTTP方法和URL执行不同的操作。 允许基于将参数传递给模板来动态呈现HTML页面。 安装Express 首先，使用N
-
art-template for express. Install npm install --save art-template npm install --save express-art-template Example var express = require('express'); var app = express(); app.engine('art', require('exp
-
Serverless Express ⎯⎯⎯ This Serverless Framework Component enables you to take existing Express.js apps and deploy them onto cheap, auto-scaling, serverless infrastructure on AWS (specifically AWS HTT
-
囊括了perl程序员必需的编写和调试的所有工具，无论是对新手还是对老手都很合适
-
Simple and fast HTTP-Framework with the touch of expressjs State of this project I created this years ago and I'm no longer actively working with java. If anyone is interested maintaining this (and ha
-
Next.js + Express Next.js project using Spotify API (See demo). Build Setup # Dependencies$ npm install# Serve at at localhost:3000$ npm run dev Docs Next.js Now React Express
-
Jest Express Mock Express for testing with Jest express() json() static() Router() urlencoded() resetMocked() Application locals mountpath all() delete() disable() disabled() enable() enabled() engine
-
Hydra-Express is a light-weight library for building NodeJS and ExpressJS based distributed computing applications. It was announced at EmpireNode 2016. Hydra offers features such as service discovery