Odak modu

Node.js

Kategori Eklemek ve Silmek

Kategori Ekleme ve Silme


Bu çalışmamızda admin alanı içerisinde kategorileri eklemek ve silmek üzerine konuşacağız. Burada yine tablo yapısını kullanacağız kategorileri sıralamak için.


<table class="table">
  <thead>
    <tr>
    <th scope="col">ID#</th>
    <th scope="col">Name</th>
    <th scope="col">Add</th>
    <th scope="col">Delete</th>
    </tr>
  </thead>
  <tbody>
<% for (let i=0; i< categories.length; i++) { %>
    <tr>
    <th scope="row"><%=categories[i]._id %></th>
    <td><%=categories[i].name %></td>
    <td><button class="btn btn-lg btn-warning rounded-0 text-white" href="#"
      data-toggle="modal" data-target="#addCategory"><span>
        ADD</span></button></td>
    <td><a href="/categories/<%= categories[i]._id %>?_method=DELETE" 
      onclick="return confirm('ARE YOU SURE')"
      class="btn btn-danger rounded-0 text-white"><span>DELETE</span></a></td>
    </tr>
<% } %>
  </tbody>
</table>


Yukarıda da göreceğiniz üzere kategori silme ve ekleme işlemlerini yapmak için kategori ID bilgisine ihtiyacımız var. Kategori eklemek için:


try {
    const category = await Category.create(req.body);
    res.status(201).redirect('/users/dashboard');
  } catch (error) {
    res.status(400).json({
      status: 'fail',
      error,
    });
  }
};


Kategori silmek için:


exports.deleteCategory = async (req, res) => {
  try {    

    await Category.findByIdAndRemove(req.params.id)
    res.status(200).redirect('/users/dashboard');

  } catch (error) {
    res.status(400).json({
      status: 'fail',
      error,
    });
  }
};


Template dosyasında yapılan değişiklikleri aşağıdaki GitHUB linkerinde bulabilirsiniz.



Proje GitHub


Çalışma Özel GitHub

Background Pattern
Birlikte öğrenelim

Sektörde en çok aranan yazılım becerilerini kazan

Yapay zeka desteği, birebir mentörlük saatleri, canlı dersler ve senin için özel hazırlanmış içeriklerle eksiklerini tamamla, düzenli geri bildirimler al ve öğrenme sürecini en verimli hale getir.

Yunus Emre Kabakcı

Patika+ mezunu

Patika+ Fullstack Web Development Bootcamp mezunumuz Yunus Emre,

3 ay içinde Katar’dan aldığı teklif ile, global bir şirket olan Pavo Group’da işe başladı!


“İçerik zenginliği, mentor desteği, ileriye dönük bir network sağlaması ve dünyada en çok tercih edilen frameworkler üzerinden bir eğitim veriyor olması Patika+’ı tercih etmemin temel sebepleri oldu!“

Yorumlar

Yorum yapabilmek için derse kayıt olmalısın!