---
tags: Node.js 直播班 - 2022 春季班
---
# 🏅 Day 6

## Mongoose、schema
### Mongoose
Mongoose 是 MongoDB 的 ODM（Object Data Modeling） 套件，Mongoose 套件會藉由 MongoDB driver 操作資料庫的資料

使用 ODM 通常可以降低開發和維護成本，因 ODM 會使用 JavaScript 的物件反映出資料庫中的資料，相對於使用資料庫原生的查詢語言 (SQL)，用 ODM 的方式操作資料庫會更好上手

- 在專案中安裝 Mongoose

npm install mongoose --save

- 引入 mongoose 套件並連線 MongoDB 資料庫

const mongoose = require('mongoose');
mongoose.connect('mongodb://localhost:27017/test');
// test 為資料庫的名稱，可以改為自己的資料庫名稱

### Schema

安裝 Mongoose 並連線至資料庫後，接著可以開始建立 Schema（資料庫綱要），定義需要哪些資料、型別、是否顯示、預設值...等等

例如：[文件](https://mongoosejs.com/docs/guide.html)中列出 Blog 的 Schema

const blogSchema = new mongoose.Schema({
  title:  String, // String is shorthand for {type: String}
  author: String,
  body:   String,
  comments: [{ body: String, date: Date }],
  date: { type: Date, default: Date.now },
  hidden: Boolean,
  meta: {
    votes: Number,
    favs:  Number
  }
});

當接收到資料，就可以依此 Schema 把關資料是否帶入正確

Schema 中會有需要帶入的資料屬性，title、author 等等，並會針對此資料加入相關設定，例如：型別、必填、預設...等等

#### type

title: {type: String} // 代表 title 需為一個字串

若只有設定型別可以使用簡寫 `title: String`

若 title 是一個**物件**，可以針對裡面的屬性設定型別

title: {
  chinese: {type: String},
  english: {type: String}
} 

若 title 為一個**陣列**，也可指定陣列中資料型別

title: [{type: String}] // 若只有設定型別可以使用簡寫 [String]

#### required
若此資料需為必填項目，可以設定 required，並且可客製化錯誤訊息，格式如下：

title: {
  type: String,
  required: [true, 'title 為必填']
}

#### default
若有資料未填寫，也可以設定此資料的預設值

title: {
  type: String,
  default: '未命名的文章'
}

通常 required 與 default 不會同時使用

#### select
若有資料欄位希望可以被保護，不顯示出來，可以加入 select 設定
例如：若有涉及使用者相關個資 password、email ...等等，都會建議加入 `select: false` 不將資料回傳給前端

password: {
  type: String,
  select: false
}

#### enum
若此資料設定型別為 `String` 或 `Number`，可以設定 `enum` 指定需為哪些值
以字串為例，若 author 需為 Amy、Bob 或 Cody 其中之一，可以設定為以下：

author: {
  type: String,
  enum: ['Amy','Bob','Cody']
}

### 參考資源
[Mongoose v6.2.10: Schemas](https://mongoosejs.com/docs/guide.html)
[Mongoose v6.2.10: SchemaTypes](https://mongoosejs.com/docs/schematypes.html)

[Mongoose NPM 教學（可看到 Mongoose 新增 Model 流程）](https://courses.hexschool.com/courses/1670869/lectures/39252168)（章節影片）

### 題目（將答案寫在 CodePen 並提交至回報區）

請參考以下需求，設計手搖飲的 Schema

- 產品名稱（product）: 需為字串,必填，若未填寫，錯誤訊息為「產品名稱未填寫」
- 價錢（price）: 需為數字, 必填，若未填寫，錯誤訊息為「價錢未填寫」
- 冰塊（ice）： 需為字串, 若未填寫預設為 '正常冰'
- 甜度（sugar）：需為字串，若未填寫預設為 '全糖'
- 配料（toppings）：為陣列，內容需為字串

const drinkSchema = new mongoose.Schema({  
 /* 請在此填入答案 */
    
});

回報流程
---
請同學依照下圖教學觀看解答、回報答案:


回報格式：請在「回報區」貼上連結回報答案 (為了統計人數，請同學依序加上「報數」)

<!-- 解答

const drinkSchema = new mongoose.Schema({  
  product: {
    type: String,
    required: [true, '產品名稱未填寫']
  },
  price: {
    type: Number,
    required: [true, '價錢未填寫'] 
  },
  ice: {
    type: String,
    default: "正常冰"
  },
  sugar: {
    type: String,
    default: "全糖"
  },
  toppings: [{type: String}]
 });

-->

回報區
---

| 報數 | 組別 / 名字 | codepen / hackMD / 其他回饋 |
| ---- | ----------------------- | ------------------------------------------------------------------------------- |
| 1 | 第 6 組 / Wendy | [Codepen](https://codepen.io/wendy03/pen/MWrPPpR) |
| 2 | 第 2 組 / Vic | [Codepen](https://codepen.io/hsuan333/pen/QWaZZvZ) |
| 3 | 第 4 組 / 小宥 | [Codepen](https://codepen.io/yosontw21/pen/VwyEbyW) |
| 4 | 第 3 組 / HedgehogKU | [Codepen](https://codepen.io/hedgehogkucc/pen/MWrPPZW) |
| 5 | 第 2 組 / Jin | [Codepen](https://codepen.io/Jin-L/pen/bGammyz) |
| 6 | 第 2 組 / Genos | [Codepen](https://codepen.io/pb220416/pen/RwxeemM) |
| 7 | 第 3 組 / Hobby | [Codepen](https://codepen.io/hobbyling/pen/ZEvqqZG) |
| 8 | 第 1 組 / Phoebe | [Codepen](https://codepen.io/phoebe26/pen/xxpyQQj) |
| 9 | 第 8 組 / Hank | [Codepen](https://codepen.io/hank-hsiao/pen/jOYeQJM) |
| 10 | 第 9 組 / 黃士桓 | [Codepen](https://codepen.io/shr-huan-huang/pen/yLpRGJz) |
| 11 | 第 6 組 / Ruta | [Codepen](https://codepen.io/rue503/pen/bGamOgB) |
| 12 | Naiky | [Codepen @Naiky](https://codepen.io/naiky/pen/dyJgwey) |
| 13 | 第 14 組｜East | [Codepen](https://codepen.io/EastM/pen/LYegMrw?editors=0010) |
| 14 | 第 4 組 / sihle | [Codepen](https://codepen.io/bugbug777/pen/KKZGJVG) |
| 15 | 第 2 組 / joe.chang | [Codepen](https://codepen.io/t7552175/pen/KKZGJdx) |
| 16 | 0 / Aya | [Codepen](https://codepen.io/NoNameNote/pen/Exodrvj) |
| 17 | 第 4 組 / 苡安 | [Codepen](https://codepen.io/yi-an-yang/pen/MWrPRYE) |
| 18 | 第 5 組 / HazelWu | [Codepen HazelWu](https://codepen.io/wualnz/pen/ZEvqZZm) |
| 19 | 第 9 組 / konstante | [Hackmd](https://hackmd.io/66Yel55aSSKSaaNG3d-7-Q) |
| 20 | 第 1 組 / Claire | [Codepen](https://codepen.io/claire-chang-the-bashful/pen/OJzaJOY?editors=1010) |
| 21 | 第13組/KFC | [Codepen](https://codepen.io/kuan-fu-chen/pen/RwxqNNz?editors=1010) |
| 22 | 第11組 / Han Lai | [Codepen](https://codepen.io/x94han/pen/JjMeoMz) |
| 23 | 第2組 / wendy.li | [Codepen](https://codepen.io/rockayumitw/pen/bGaQvbQ?editors=0011) |
| 24 | 第11組 / mandy | [Codepen](https://codepen.io/manyu1225/pen/bGYqwyM?editors=1011) |
| 25 | 第3組 / larry | [Codepen](https://codepen.io/larrylinr5/pen/NWXeNoB?editors=1010) |
| 26 | 第4組 / mischa | [codepen_day6_mischa](https://codepen.io/Dorothy_0528/pen/zYpyqVx?editors=0010) |
| 27 | 第7組 / 程翔 | [Codepen](https://codepen.io/xxxiang/pen/JjMwKoR?editors=1010) |
| 28 | 第5組 / sihyun | [Codepen](https://codepen.io/siyuch/pen/NWXerRo) |
| 29 | 第3組 / hiYifang | [Codepen](https://codepen.io/hiYifang/pen/qBpLqWG) |
| 30 | 第3組 / Justin | [Codepen](https://codepen.io/justin3737/pen/GRyPNxm?editors=0010) |
| 31 | 第16組 / 皓皓 | [Codepen](https://codepen.io/cutecat8110/pen/GRyPWNb) |
| 32 | 第14組 / 涼二 | [Codepen](https://codepen.io/Araytsai/pen/GRyPvja) |
| 33 | 第14組 / yolala | [Codepen](https://codepen.io/chiakilalala/pen/bGaOoGq) |
| 34 | 第2組 / Rikkubook | [Codepen](https://codepen.io/rikkubook/pen/rNpoYaN?editors=0010) |
| 35 | 第14組 /uniza | [Codepen](https://codepen.io/unizalin/pen/jOYXYqq) |
| 36 | 第 9 組 / Reynold | [Codepen](https://codepen.io/chasel1020/pen/KKZbZEv) |
| 37 | 第 1 組 / Ed Huang | [Codepen](https://codepen.io/yide1986/pen/gOoZveW?editors=0011) |
| 38 | 第 6 組 / 馨云 | [Codepen](https://codepen.io/bigheadyun/pen/OJzrQrO) |
| 39 | 第 3 組 / Adam Hsu | [Codepen](https://codepen.io/Adam-Hsu/pen/RwxEvmV) |
| 40 | 第 5 組 / Nap | [Codepen](https://codepen.io/o0o0o1o0/pen/dyJwrgJ)
| 41 | 第 8 組 / JackLee | [Codepen](https://codepen.io/yxzzktmb/pen/popqEKr?editors=0010)
| 42 | 第 12 組 / Jimmy | [Codepen](https://codepen.io/JimmyChangWenChi/pen/QWazRvO?editors=0010)
| 43 | 第 2 組 / peter | [Codepen](https://codepen.io/JIAN-RONG/pen/VwyqOQv?editors=0012)
| 44 | 第 8 組 / Jordan Tseng | [Codepen](https://codepen.io/jordan-ttc-design/pen/QWazXRL?editors=1010)
| 45 | 第 15 組 / Tofu | [Codepen](https://codepen.io/Tofutseng/pen/KKZJpjG)
| 46 | 第 1 組 / Jerry Huang | [Codepen](https://codepen.io/sun31483/pen/yLpZJzd?editors=0010)
| 47 | 第 8 組 / Albert | [HackMD](https://hackmd.io/@Albertnotes/r1zV8ga4c)
| 48 | 第 3 組 / 小葉 | [HackMD](https://hackmd.io/@FyKv37KcRSWqAO_e336w8g/HJNHB5UV9) |
| 49 | 第 15 組 / CHIU | [Codepen](https://codepen.io/awdx8326/pen/popYJWd?editors=1112) |
| 49 | 第 1 組 / snow | [Codepen](https://hackmd.io/@snowsuika/BJ7_e60Vq) |
| 50 | nick6303 | [Codepen](https://codepen.io/nick6303/pen/ZEvZpqO) |
| 50 | 第 7 組 / jason06286 | [HackMD](https://hackmd.io/DKqtftCkShGg9a-jRPao_w) |
| 51 | 第 10 組 / 橘子 | [HackMD](https://codepen.io/joanne-wei/pen/bGaypJe?editors=0010) |
| 52 | 第 5 組 / AmberCYT | [HackMD](https://hackmd.io/@amber871023/HkzRYKzB5/%2Fxiet4CBlRiOwqyU0vAWfyw) |
| 53 | 第 10 組 / Otis | [HackMD](https://codepen.io/humming74/pen/zYpVpax?editors=0010) |
| 54 | 第 1 組 / Emily Hsi | [HackMD](https://hackmd.io/@EmilyHsi/rJ-bVhvrc) |
| 55 | 第15組 / Castiel | [Codepen](https://codepen.io/everydaycodedog/pen/xxpvyyd?editors=1010) |
| 56 | 第7組 / TracyChien | [HackMD](https://hackmd.io/@TracyChien/ryVMuQYBq) |
| 56 | 第10組 / Butters | [HackMD](https://hackmd.io/Lh6Ko7lcRPaGBomdYptg1w) |
| 57 | 第 12 組 / Sylvia-H | [HackMD](https://codepen.io/Cosmosheart/pen/LYQGxEw?editors=0010) |
| 58 | 第 14 組 / 皮皮 | [HackMD](https://codepen.io/super-shrimp/pen/zYReeNx?editors=0010) |