最近一段時間因為項目需要學了一段時間nodeJs，并用Vue+nodeJs+MySql實作了一套周報管理系統，整體邏輯比較簡單。但是可以我們完整的了解一個項目從資料庫到背景到前端的實作過程，适合有一定前端基礎（包括HTML5、CSS3和JavaScript，對ES6最好有一些了解）但是不太了解這一塊又對此有興趣的的小夥伴們可以拿來練手。
内容主要分為三大塊：
1) 資料庫（mysql）
2) 背景（nodejs+express）
3) 前端（vue+vue-cli3.x+axios+vuex+vue-router+element-ui）
一、資料庫的結構
資料庫中共有兩張表：使用者表和周報表。表結構如下圖所示：
1. 使用者表（共有八個字段）
2.周報表（共有11個字段）
二、背景目錄結構
三、前端目錄結構
四、程式預覽
1. 登入頁面
2. 使用者管理頁面
1）使用者管理首頁面
2）使用者管理-新增使用者
3）使用者管理-編輯使用者
3. 周報管理頁面
1）周報管理首頁面
2）周報管理-新增周報
3）周報管理-編輯周報
五、項目體驗連結
周報管理系統體驗連結： https://www.17sucai.com/pins/35488.html
本人前端程式員，長期混迹于各種前端開發中，現在專門為前端熱愛者建了個微信群，和大家一起分享自己在工作、學習中遇到的技術知識或問題，還有各種資料和課程，各位感興趣的可以加入哦~