前言

這個實作我會用:

• node.js + express framework
• mysql (我使用db4free.net來建我的資料庫~)

前置作業

註冊db4free.net

點我註冊

註冊方式非常簡單~ 設定你的資料庫名稱、username還有密碼!
填寫完後點擊 註冊
之後你會收到email確認信，就完成註冊了喔~~

接著回到原本頁面
點選 phpMyAdmin

輸入你剛剛註冊時填寫的db名稱以及密碼即可!
那接著就來建立Table吧~
以下是我建的 mvc_test table的attributes以及我的PK是id~

建立package.json

首先確定都已安裝nodejs以及vscode，在桌面建立資料夾後
拉入vscode就OK!

空空的什麼都沒有~~

接下來開啟一個新的terminal並寫入

npm init

接著它會帶你設定一些東西，你可以一直按enter

確定好就說 Y

你的第一個檔案就好了~~

然後繼續在terminal 輸入以下，

npm install mysql express body-parser

npm install -D nodemon

安裝完後去 package.json 檔案，在 "scripts" 底下加上

"start": "nodemon index.js"

建立index.js file

來測試我們的server
index.js

const express = require('express');
const app = express();

app.get("/", (req, res, next) => {
  res.send("YAY");
});

app.listen(4000, () => {
  console.log('server is runnung...')
})

當我們在Terminal輸入"npm start"後
看到server is running...
代表檔案正常運行~
此時我們打開瀏覽器搜尋 localhost:(你的portname)/
我上面是設定Port為4000

新增各個folder~

再來我們新增各種我們後續會用到的資料夾~ models, views, controllers以及routes!

前置作業大功告成~