Gönderi Oluşturma ve Düzenleme
Ne harika bir zaman. Süper havalı yeni bir blogumuz var, insanlar yorumlarda tartışıyor ve nihayet daha fazla programlama için biraz zamanımız var. Adminer'i sevmemize rağmen, blog yazıları yazmak o kadar da rahat değil. Belki de doğrudan uygulamamızdan yeni yazılar eklemek için basit bir form eklemenin tam zamanıdır. Hadi yapalım.
Kullanıcı arayüzünü tasarlayarak başlayalım:
- Ana sayfaya bir „Yeni yazı yaz“ bağlantısı ekleyelim.
- Başlık ve içerik için textarea içeren bir form gösterecektir.
- Kaydet düğmesine tıkladığınızda, blog gönderisini kaydedecektir.
Daha sonra kimlik doğrulama da ekleyeceğiz ve yalnızca oturum açmış kullanıcıların yeni gönderiler eklemesine izin vereceğiz. Ama bunu daha sonra yapalım. Çalışması için hangi kodu yazmamız gerekecek?
- Gönderi eklemek için bir form içeren yeni bir sunucu oluşturun.
- Formun başarılı bir şekilde gönderilmesinden sonra tetiklenecek ve yeni gönderiyi veritabanına kaydedecek bir geri arama tanımlayın.
- Form için yeni bir şablon oluşturun.
- Ana sayfa şablonuna form için bir bağlantı ekleyin.
Yeni Sunucu
Yeni sunucuya EditPresenter
adını verin ve app/UI/Edit/
adresine kaydedin. Ayrıca veritabanına
bağlanması gerekir, bu nedenle burada yine bir veritabanı bağlantısı gerektirecek bir kurucu yazıyoruz:
<?php
namespace App\UI\Edit;
use Nette;
use Nette\Application\UI\Form;
final class EditPresenter extends Nette\Application\UI\Presenter
{
public function __construct(
private Nette\Database\Explorer $database,
) {
}
}
Gönderileri Kaydetme Formu
Formlar ve bileşenler, yorumlar için destek eklediğimizde zaten ele alındı. Konu hakkında kafanız karıştıysa, formların ve bileşenlerin nasıl çalıştığını tekrar kontrol edin, biz burada bekleyeceğiz ;)
Şimdi bu yöntemi EditPresenter
adresine ekleyin:
protected function createComponentPostForm(): Form
{
$form = new Form;
$form->addText('title', 'Title:')
->setRequired();
$form->addTextArea('content', 'Content:')
->setRequired();
$form->addSubmit('send', 'Save and publish');
$form->onSuccess[] = $this->postFormSucceeded(...);
return $form;
}
Yeni Gönderiyi Formdan Kaydetme
Bir işleyici yöntemi ekleyerek devam edin.
private function postFormSucceeded(array $data): void
{
$post = $this->database
->table('posts')
->insert($data);
$this->flashMessage('Post was published', 'success');
$this->redirect('Post:show', $post->id);
}
Kısa bir açıklama: formdan değerleri alır, bunları veritabanına ekler, kullanıcı için gönderinin başarıyla kaydedildiğine dair bir mesaj oluşturur ve nasıl göründüğünü görebilmeniz için gönderinin yayınlandığı sayfaya yönlendirir.
Yeni Gönderi Oluşturma Sayfası
Sadece Edit/create.latte
şablonunu oluşturalım:
{block content}
<h1>New post</h1>
{control postForm}
Şimdiye kadar her şey netleşmiş olmalı. Son satır, oluşturmak üzere olduğumuz formu göstermektedir.
Buna karşılık gelen bir renderCreate
yöntemi de oluşturabiliriz, ancak bu gerekli değildir. Veritabanından
herhangi bir veri almamız ve bunu şablona aktarmamız gerekmez, bu nedenle bu yöntem boş olacaktır. Bu gibi durumlarda,
yöntem hiç mevcut olmayabilir.
Gönderi Oluşturma Bağlantısı
Muhtemelen EditPresenter
adresine ve create
eylemine nasıl bağlantı ekleyeceğinizi zaten
biliyorsunuzdur. Deneyin bakalım.
Sadece app/UI/Home/default.latte
dosyasına ekleyin:
<a n:href="Edit:create">Write new post</a>
Gönderileri Düzenleme
Mevcut gönderileri düzenleme özelliğini de ekleyelim. Oldukça basit olacak – zaten postForm
adresimiz var
ve bunu düzenleme için de kullanabiliriz.
EditPresenter
adresine yeni bir edit
sayfası ekleyeceğiz:
public function renderEdit(int $id): void
{
$post = $this->database
->table('posts')
->get($id);
if (!$post) {
$this->error('Post not found');
}
$this->getComponent('postForm')
->setDefaults($post->toArray());
}
Ve Edit/edit.latte
şablonunu oluşturun:
{block content}
<h1>Edit post</h1>
{control postForm}
Ve yeni bir gönderi ekleyebilecek (şimdi olduğu gibi) veya mevcut olanları düzenleyebilecek olan
postFormSucceeded
yöntemini güncelleyin:
private function postFormSucceeded(array $data): void
{
$id = $this->getParameter('id');
if ($id) {
$post = $this->database
->table('posts')
->get($id);
$post->update($data);
} else {
$post = $this->database
->table('posts')
->insert($data);
}
$this->flashMessage('Post was published', 'success');
$this->redirect('Post:show', $post->id);
}
id
parametresi sağlandığında, bir gönderinin düzenlenmekte olduğu anlamına gelir. Böyle bir durumda,
gönderinin gerçekten var olup olmadığını kontrol edeceğiz ve eğer varsa, veritabanında güncelleyeceğiz. id
parametresi sağlanmazsa, yeni bir yazı ekleneceği anlamına gelir.
Peki id
nereden geliyor? renderEdit
yöntemine aktarılan parametredir.
Artık app/UI/Post/show.latte
şablonuna bir bağlantı ekleyebilirsiniz:
<a n:href="Edit:edit $post->id">Edit this post</a>
Özet
Blog çalışıyor, insanlar hızla yorum yapıyor ve artık yeni yazılar eklemek için Adminer'a güvenmiyoruz. Tamamen bağımsız ve normal insanlar bile buraya gönderi yapabiliyor. Ama durun, bu muhtemelen doğru değil, herkes, yani gerçekten internetteki herkes blogumuza gönderi ekleyebilir. Yalnızca oturum açmış kullanıcıların gönderi yapabilmesi için bir tür kimlik doğrulama gereklidir. Bunu bir sonraki bölümde ekleyeceğiz.