歡迎來到 JavaScript 軟體實戰班!

檢視學生資料

如果我們只將學生名稱顯示出來,但是沒有顯示更詳細的資料, 這時你或許會想知道:如何拿到我想看到的單筆資料。

沒錯,「查詢」可說是資料庫最重要,也最常用的功能。

我們不是能夠一次抓到所有資料嗎?為甚麼需要查詢呢?

想想看,當一個資料庫中裝有數千筆資料時(這個數字一點也不多,一間大一點的學校就有數千人了),把資料全部撈出來後再一筆一筆人工找出需要的資料,是多麼累人的一件事。 所以我們必須學會如何在資料庫中找尋我們想要的資料。

搜尋方式其實不難,我們只要用 物件(Object) 設定好搜尋的條件,並傳入 find 函式中,回傳的便會是符合條件的資料了。

var query = {
    _id: "2ac602a59f6ad20"
};
result = DB.collection("students").find(query);


一定要搜尋 id 嗎?

不一定!

但是查詢功能最常使用的情境就是針對特定 id 的資料做搜尋,舉例來說,當你在查看某個朋友的臉書頁面時,有沒有注意到他的臉書網址後有一串數字或是文字呢? 這串文字就是這個人在臉書世界中獨一無二的 id 了,現在來找看看臉書 id 前五號是誰吧! https://www.facebook.com/<數字1~5>


小挑戰 - 點選學生顯示詳細資料

請試著結合 Bootstrap 的 Modal 功能:

  • 當點擊學生的 id 時,從資料庫中抓出這筆學生的資料
  • 接著彈出 Modal ,將資料顯示出來!

小提示