最近一段時間因爲項目需要學了一段時間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
本人前端程序員,長期混跡於各種前端開發中,現在專門爲前端熱愛者建了個微信羣,和大家一起分享自己在工作、學習中遇到的技術知識或問題,還有各種資料和課程,各位感興趣的可以加入哦~