Yelp Camp

Yelpcamp開發過程

來自我的Web Dev課程的全棧Node.js項目，並帶有靜止路由

初始設置

• 添加著陸頁
• 添加列出所有露營地的露營地頁面

每個營地都有：

• 姓名
• 圖像

佈局和基本樣式

• 創建標題和頁腳部分
• 加入引導程序

創建新的露營地

• 設置新露營地路線
• 添加身體偏遠
• 展示表單的設置路線
• 添加基本​​的未風格表格

樣式露營地頁面

• 添加更好的標題/標題
• 將露營地展示在網格中

風格Navbar和形式

• 在所有模板中添加一個Navbar
• 樣式新露營地

加入貓鼬

• 安裝和配置貓鼬
• 設置營地模型
• 在路線內使用營地模型

顯示頁面

• 查看到目前為止我們看到的安靜路線
• 將描述添加到營地模型
• 顯示db.collection.drop（）
• 添加顯示路線/模板

重構雜貨代碼

• 創建模型目錄
• 使用模塊。 Exports
• 正確需要一切！

添加種子文件

• 添加seeds.js文件
• 每次服務器啟動時運行種子文件

添加評論模型！

• 讓評論錯誤消失！
• 在營地展示頁面上顯示評論

評論新/創建

• 討論嵌套路線
• 添加新評論並創建路線
• 添加新評論表格

樣式顯示頁面

• 添加側邊欄以顯示頁面
• 很好地顯示評論

完成樣式展示頁面

• 添加公共目錄
• 添加自定義樣式表

身份驗證PT。 1-添加用戶模型

• 安裝Auth所需的所有軟件包
• 定義用戶模型

身份驗證PT。 2-註冊

• 配置護照
• 添加註冊路線
• 添加寄存器模板

身份驗證PT。 3-登錄

• 添加登錄路線
• 添加登錄模板

身份驗證PT。 4-註銷/Navbar

• 添加註銷路由
• 如果未簽署，請防止用戶添加評論
• 添加鏈接到Navbar

身份驗證PT。 5-顯示/隱藏鏈接

• 在Navbar中顯示/隱藏驗證鏈接

重構路線

• 使用Express Router重新打擊所有路線

用戶 +評論

• 副用戶和評論
• 將作者的名字自動保存到評論

用戶 +露營地

• 防止未經驗證的用戶創建營地
• 將用戶名+ID保存到新創建的營地

編輯營地

• 添加方法以上的方法
• 添加露營地的編輯路線
• 將鏈接添加到編輯頁面
• 添加更新路線

刪除營地

• 添加銷毀路線
• 添加刪除按鈕

授權第1部分：露營地

• 用戶只能編輯他/她的露營地
• 用戶只能刪除他/她的露營地
• 隱藏/顯示編輯和刪除按鈕

編輯評論

• 添加編輯路由以評論
• 添加編輯按鈕
• 添加更新路線

露營地編輯路線：/campgrounds/：ID/編輯評論編輯路由：/campgrounds/：ID/註釋/：comment_id/edit

刪除評論

• 添加銷毀路線
• 添加刪除按鈕

露營地銷毀路線：/露營地/：ID評論銷毀路線：/campgrounds/：ID/註釋/：comment_id

授權第2部分：評論

• 用戶只能編輯他/她的評論
• 用戶只能刪除他/她的評論
• 隱藏/顯示編輯和刪除按鈕
• 重構中間件到一個文件

添加閃光燈！

• 演示工作版本
• 安裝和配置Connect-Flash
• 將bootstrap警報添加到標題

增加動態價格標籤

• 顯示用戶定義的價格
• 編輯新價格
• 露營地的更改模型