本項目適合作為前后端連載的入門練習。
主要功能:
前端:
1.實現自己的v-for, 替換vue的v-for, 用來把后端發過來的學生數據遍歷成學生表格, 然后顯示在頁面上.
2.封裝了"獲取表單數據"的方法.
3.封裝了"驗證是否必填"的方法.
4.動態顯示與隱藏彈出框, 並讓其居中, 可拖動, 彈出框外的背景顏色變暗.
5.登錄,注冊,發送表單數據到后端.
6.模塊化.
后端:
1.接收前端發過來的數據, 返回數據給前端.
2.nodejs對數據庫的增刪改查.
3.模塊化.
源代碼地址: https://github.com/1061186575/Student-Score
啟動方式:
先下載本項目, 把mysql.js的"數據庫連接"配置成自己的數據庫,
然后把自己的數據庫里的字段改成mysql.js里對應的字段,
並啟動自己的數據庫,然后執行下面的操作.
# 1.安裝node.js (下載安裝即可) # 2.cd 到本項目的根目錄 # 3.安裝依賴 npm install express mysql --save-dev # 4.運行服務 npm run dev
然后打開瀏覽器訪問: http://localhost:3000/