react+react-router+react-redux+nodejs+mongodb項目

一個實際項目(OA系統)中的部分功能。這個demo中引入了數據庫，數據庫使用了mongodb。安裝mongodb才能運行完整的功能。要看完整的項目能夠移步個人github

技術棧

• React v15.6.2
• react-redux
• redux
• react-router-dom
• webpack
• nodeJs
• mongodb
• axios

項目結構

```
.
├─ exampleImg/                  # 截圖
├─ note/                        # 學習筆記
├─ my-app/                      # 源碼目錄（開發都在這裏進行）
│   ├─ config/                  # 服務配置文件
|   |── controller              # 處理網絡請求
│   ├─ model/                   # mongoose Model
│   ├─ route/                   # nodeJs 路由配置
│   ├── schema/                 # mongoose Schema
│   ├── scripts/                # 啓動服務的文件
│   ├── src/                    # react代碼從這裏開始
│   │   ├─ components/          # 全局組件
│   │   ├─ css/                 # 全局css樣式
|   |   |── global/             # 全局方法
|   |   |── pages/              # 頁面
|   |   |     |── att/          # 考勤分組模塊
|   |   |     |── attendance/   # 通信錄模塊
|   |   |     |── department/   # 部門管理模塊
|   |   |     |── holiday/      # 假期管理
|   |   |     |── member/       # 員工管理
|   |   |── router/             # router
|   |   |── store/              # redux
|   |   |── App.css
|   |   |── App.js
|   |   |── index.css
|   |   |── index.js            # 入口
```

 

項目截圖

1.通信錄

2.假期管理

3.考勤分組

4.選擇人員

5.員工管理

6.部門管理