iT邦幫忙

2021 iThome 鐵人賽

DAY 18
0
Modern Web

初學者對於做購物車系統的分析系列 第 18

Day 18-製作購物車系統之產品架構與描述

  • 分享至 

  • xImage
  •  

今天要輸入購物網站中有賣的產品

以下內容有參考教學影片,底下有附網址。
(內容包括我的不專業解說分析及在實作過程中遇到的困難與解決)

衝啊~~~/images/emoticon/emoticon08.gif


首先來個產品價錢、敘述、名稱、數目及圖片的URL的model
在VScode的backend資料夾裡的models資料夾中,新增一個file叫Product.js
https://ithelp.ithome.com.tw/upload/images/20210920/20139720ZsZIqJhZqA.png
第1行:將mongoose與引入此檔案。
第3-24行:建立productScheme(產品scheme),接著輸入價錢、敘述、名稱、數目及圖片的URL標明他們的資料類型。
第26行:建立model,後半部分mongoose.model('product' ,productScheme);,讓MongoDB儲存住些東西時名字叫product。
第28行:輸出model。
!小補充!
在node.js中每個JS檔案都是一個獨立的module,且裡面的內容是私有的,因此需要輸出才能給其他使用。

現在就是要來把商品資料放進來啦
打開backend資料夾裡的data資料夾中,新增一個products.js的檔案
將你要放在網站上賣的東西輸入
https://ithelp.ithome.com.tw/upload/images/20210920/20139720FNyIMVm59a.png
最後一樣輸出以上的function
https://ithelp.ithome.com.tw/upload/images/20210920/201397200n8302GrT0.png


參考教學網站:https://www.youtube.com/watch?v=0divhP3pEsg&t=786s
mongoose小介紹指路:https://ithelp.ithome.com.tw/articles/10262420
module詳細解說:https://medium.com/coding-hot-pot/export-%E8%B7%9Fmodule-exports-53739c4171cc


  • 明天要說將products.js的data引入到scripts/images/emoticon/emoticon29.gif

上一篇
Day 17-製作購物車系統之MongoDB設定
下一篇
Day 19-製作購物車系統之將資料匯入腳本
系列文
初學者對於做購物車系統的分析30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言