使用thinkjs+vue+vuex全棧開發--週報企業管理系統weekly

weekly週報系統

週報系統主要是node+vue+redis+mysql+es6，一個企業管理系統，企業員工彙報每週工做狀況，以及完成狀況，各級負責人能夠查看和提醒相應未寫週報人員。
，後端徹底使用nodeJS，數據庫使用mysql，基於nodejs的thinkjs框架搭建的，若是喜歡nodeJS寫的後端，支持大前端，支持全棧開發，請請star並fork項目。

同步到sau交流學習社區：www.mwcxs.top/page/461

系統演示地址爲： 週報線上地址。
（公司負責人）帳號：testadmin，密碼：123456
（部門經理）帳號：test，密碼：123456
（成員）帳號：teststaff，密碼：123456

若有使用問題請留言。

公告：

1.不要刪除默認的帳號，以及相關東西
2.本身能夠新建帳號來測試，玩耍
3.每個公司（組織機構）都是獨立，每個部門是獨立，互不干擾
4.若是有商務要求，能夠對接我，郵箱: saucxs@163.com，新建本身公司（組織機構）統一管理。

功能點：

一、全部人週報提交修改；
二、全部人週報自身週報歷史查看；
三、部門經理查看部門週報填寫狀況，增改部門人員；
四、總監（或公司擁有者）查看和修改全部人的週報填寫狀況，增刪改公司人員，增改公司部門；
五、管理員權限，增刪改公司總監，增刪改部門人員，增刪改公司部門，查看和編輯全部全部的週報，以及全部全部週報填寫狀況；

1、技術棧

ThinkJS（ Node端框架） 官方網站
Vue.js（客戶端雙向數據綁定框架） 官方網站

2、版本功能

[x] Element UI

[x] 登陸/註銷

[x] 我的中心

[x] 修改用戶信息

[x] 修改密碼

[x] mysql

[x] 寫週報

[x] 我的歷史週報

[x] 部門人員管理

[x] 部門週報狀況

[x] 公司的部門新建，修改，刪除

2018.09.18

完成基本版本的功能

2018.09.20部門經理權限優化

左側增長首頁

部門人員管理增長查詢，可根據用戶名，工號，公司名，部門名稱，查詢部門成員

2018.10.12

優化權限管理

3、系統截圖

3.1 登陸頁

3.2 成員頁面

3.3 部門經理頁面

3.4 總監頁面

3.5 管理員頁面

4、本地運行程序

一、首先你的環境是nodejs，不會安裝配置參考：nodejs安裝和環境配置（Windows）

二、clone下來項目

git clone https://github.com/saucxs/weekly.git
複製代碼

三、分別針對前端vue的weekly-web的文件夾和node後端weekly-node，安裝相應依賴

npm install
複製代碼

四、安裝redis（能夠考慮安裝RedisDesktopManager）

參考：安裝window下的redis，redis可視化管理工具（Redis Desktop Manager）安裝，基礎使用，實例化項目

五、安裝mysql，這個就不贅述

六、修改nodejs的後端的配置文件adapter.js，config.js這兩個文件中

adapter.js

exports.cache = {
    type: 'redis',
    common: {
        timeout: 24 * 60 * 60 * 1000 // millisecond
    },
    redis: {
        handle: redisCache,
        host: '127.0.0.1',
        port: 6379,
        password: 'a123456'  //redis安裝時候設置的祕密
    }
};
//
//
exports.model = {
  type: 'mysql',
  common: {
    logConnect: true,
    logSql: true,
    logger: msg => think.logger.info(msg)
  },
  mysql: {
    handle: mysql,
    database: 'weekly',
    prefix: 'week_',
    encoding: 'utf8',
    host: '127.0.0.1',   //本地數據庫
    port: '3306',　　　　　//數據庫端口
    user: 'root',    //數據庫的用戶名
    password: '123456',    //數據庫該用戶名的密碼
    dateStrings: true
  }
};
複製代碼

七、分別對先後端分離的項目啓動

(1)前端vue的weekly-web的啓動

npm run dev
複製代碼

(2)和node後端weekly-node的啓動

npm start
複製代碼