Proses Pengembangan Yelpcamp
Proyek Full-Stack Node.js dari kursus dev saya dengan perutean yang tenang
Pengaturan Awal
- Tambahkan halaman arahan
- Tambahkan halaman perkemahan yang mencantumkan semua perkemahan
Setiap perkemahan memiliki:
Tata letak dan gaya dasar
- Buat Parsial Header dan Footer
- Tambahkan Bootstrap
Menciptakan perkemahan baru
- Mengatur rute pos perkemahan baru
- Tambahkan body-parser
- Rute pengaturan untuk menampilkan formulir
- Tambahkan Formulir Basic -Untung
Gaya halaman perkemahan
- Tambahkan header/judul yang lebih baik
- Membuat perkemahan ditampilkan di dalam jaringan
Gaya navbar dan bentuk
- Tambahkan navbar ke semua templat
- Gaya bentuk perkemahan baru
Tambahkan luwak
- Instal dan Konfigurasikan Mongoose
- Pengaturan Model Perkemahan
- Gunakan model perkemahan di dalam rute
Tampilkan halaman
- Tinjau rute RESTful yang telah kita lihat sejauh ini
- Tambahkan deskripsi ke model perkemahan
- Tampilkan db.collection.drop ()
- Tambahkan Rute/Template Tampilkan
Kode Refactor Mongoose
- Buat Direktori Model
- Gunakan Module.Exports
- Membutuhkan semuanya dengan benar!
Tambahkan file biji
- Tambahkan file seeds.js
- Jalankan file seeds setiap kali server dimulai
Tambahkan model komentar!
- Buat kesalahan komentar hilang!
- Menampilkan komentar di halaman acara perkemahan
Komentar Baru/Buat
- Diskusikan rute bersarang
- Tambahkan komentar yang baru dan buat rute
- Tambahkan Formulir Komentar Baru
Halaman Tampilkan Gaya
- Tambahkan bilah sisi untuk menampilkan halaman
- Menampilkan komentar dengan baik
Halaman Tampilkan Styling Finish
- Tambahkan Direktori Publik
- Tambahkan Stylesheet Kustom
Otentikasi pt. 1 - Tambahkan model pengguna
- Instal semua paket yang dibutuhkan untuk auth
- Tentukan model pengguna
Otentikasi pt. 2 - Daftar
- Konfigurasikan paspor
- Tambahkan rute register
- Tambahkan Template Register
Otentikasi pt. 3 - Masuk
- Tambahkan Rute Login
- Tambahkan template login
Otentikasi pt. 4 - Logout/Navbar
- Tambahkan Rute Logout
- Mencegah pengguna menambahkan komentar jika tidak masuk
- Tambahkan tautan ke Navbar
Otentikasi pt. 5 - Tampilkan/Sembunyikan Tautan
- Tampilkan/Sembunyikan Tautan Auth di Navbar
Refactor rute
- Gunakan Router Express untuk menata ulang semua rute
Pengguna + Komentar
- Mengaitkan pengguna dan komentar
- Simpan nama penulis ke komentar secara otomatis
Pengguna + Perkemahan
- Cegah pengguna yang tidak autentikasi membuat perkemahan
- Simpan Nama Pengguna+ID ke perkemahan yang baru dibuat
Mengedit perkemahan
- Tambahkan metode-override
- Tambahkan rute edit untuk perkemahan
- Tambahkan tautan ke halaman Edit
- Tambahkan Rute Pembaruan
Menghapus perkemahan
- Tambahkan Rute Hancurkan
- Tambahkan tombol Hapus
Otorisasi Bagian 1: Perkemahan
- Pengguna hanya dapat mengedit perkemahannya
- Pengguna hanya bisa menghapus perkemahannya
- Sembunyikan/Tampilkan Tombol Edit dan Hapus
Mengedit komentar
- Tambahkan rute edit untuk komentar
- Tambahkan tombol Edit
- Tambahkan Rute Pembaruan
Campground Edit Rute:/Campgrounds/: ID/Edit Komentar Edit Rute:/Campgrounds/: ID/Komentar/: Komentar_ID/Edit
Menghapus komentar
- Tambahkan Rute Hancurkan
- Tambahkan tombol Hapus
Campground Hancurkan Rute:/Campgrounds/: ID Komentar Hancurkan Rute:/Campgrounds/: ID/Komentar/: Komentar_ID
Otorisasi Bagian 2: Komentar
- Pengguna hanya dapat mengedit komentarnya
- Pengguna hanya bisa menghapus komentarnya
- Sembunyikan/Tampilkan Tombol Edit dan Hapus
- Middleware refactor ke satu file
Menambahkan Flash!
- Versi kerja demo
- Instal dan Konfigurasikan Connect-Flash
- Tambahkan peringatan bootstrap ke header
Menambahkan Label Harga Dinamis
- Tunjukkan harga yang ditentukan pengguna
- Edit Harga Baru atau Lama
- Ubah model untuk perkemahan
