iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 20
1
Modern Web

還在想要買哪一堂線上課程嗎?培養看文件的習慣吧!用 MDN 文件學後端:NodeJS & MongooseDB系列 第 24

24日: Express Tutorial: The Local Library website ( 概述、 寫到卡住了怎麼辦 )

寫在前面

這頁篇幅很少, 也沒有程式碼, 貌似概覽、 大綱性質的前導文

出處 , 有簡體版

Express Tutorial: The Local Library website

Tutorial 系列第一篇文章, 解釋將會學到什麼及概覽 "當地圖書館" 這個範例網站

Overview

範例的網站,目標是用它來管理圖書館目錄。 這個系列我們將會:

  • 使用 Express App Generator 建造 skeleton
  • 開始 & 暫停 Node sever
  • 使用 db 儲存 app data
  • 根據不同需求建立不同 req 路由 & templates 來 render data
  • 表單運作
  • 發佈網站

以上我們有些已經學過了。 教學的最後我們應該要能夠自己開發簡單的 Express app

圖書館網站

這個網站的目的是要為圖書館提供線上目錄, 讓 user 可以瀏覽他們要的書目、管理自己的帳號

這個範例能被雀屏中選主因在於: 它可以隨我們的需要調整規模, 而且可以彰顯大部分 Express feature。 最重要的是, 這裡的 guided 將可運用在所有網站:

  • 一開始會定義 browse-only , 供會員找書使用。 這可以讓我們探索常見網站的操作模式: 從 db 打撈資料秀在頁面上
  • 越往後, 我們會將這個網站加入更多功能, 像是建立新書資料、 表單、 授權

這是個可擴充的範例, 不過稱為當地/本地圖書館的原因是, 我們只顯示最小資訊量, 讓我們趕快在 Express 上面運作。 最後我們會儲存書的資料、 數量及授權, 我們不會儲存真正圖書館的龐大資料量

I'm stuck, where can I get the source?

這段只有重點最後的連結是重點
這份教學會提供 code 讓我們去複製貼上, 而有些只會提供一些指引讓我們自己去練習。

試著把那些可以直接複製貼上的 code 自己些出來, 對我們很有幫助, 未來對類似的 code 會越來越熟悉

如果卡住了可以到這邊找找

Note: Node, Express 及其他 modules 的版本可以在 package.json 看到

總結

下一篇要開始建立 skeleton project 囉~


上一篇
23日: Setting up a Node development environment ( Running tasks 、 安裝 Express App Generator 、 總結 )
下一篇
25日: Express Tutorial 2: Creating a skeleton website ( $ express [options] 、 怎麼選 template/CSS/db )
系列文
還在想要買哪一堂線上課程嗎?培養看文件的習慣吧!用 MDN 文件學後端:NodeJS & MongooseDB30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
阿展展展
iT邦好手 1 級 ‧ 2019-11-07 04:14:44

自己 出來

寫 ~!~!~!~!

我要留言

立即登入留言