UserController içerisine SignUp Action yazalım.
public IActionResult SignUp()
{
return View(new User());
}
{
return View(new User());
}
Buradaki SignUp ismine sağ tıklayıp AdView diyerek SignUp ismiyle view açalım ve aşağıdaki tasarım kodlarını alalım.
@model User
<section id="get-a-quote" class="get-a-quote">
<div class="container" data-aos="fade-up">
<div class="row g-0">
<div class="col-lg-2"></div>
<div class="col-lg-4 quote-bg" style="background-image: url(/img/quote-bg.jpg);"></div>
<div class="col-lg-5">
<form action="forms/quote.php" method="post" class="php-email-form">
<h2 style="text-align: center;">Aramıza Katılmak İstermisin?</h2>
<div class="row gy-4 mt-5">
<div class="col-md-12">
<input type="text" name="name" class="form-control" placeholder="İsim Soyisim Giriniz" required>
</div>
<div class="col-md-12 ">
<input type="text" class="form-control" name="email" placeholder="Kullanıcı Adınızı Giriniz" required>
</div>
<div class="col-md-12 ">
<input type="password" class="form-control" name="email" placeholder="Şifrenizi Giriniz" required>
</div>
<div class="col-md-12 ">
<input type="password" class="form-control" name="email" placeholder="Şifrenizi Yeniden Giriniz" required>
</div>
<div class="col-md-12">
<input type="text" class="form-control" name="phone" placeholder="Telefon Giriniz" required>
</div>
<div class="col-md-12">
<label> <b>Profil Resminiz</b></label>
<input type="file" >
</div>
<div class="col-md-12 text-center">
<button type="submit">Üye OL</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
Layout sayfasındaki Üye ol butonuna controller ve Action komutlarını ekleyelim:
<li><a class="get-a-quote" asp-controller="User" asp-action="SignUp">Üye Ol</a></li>
Çalıştırıp bakalım :
Bir sonraki yazıda formdan gelen veriler ile üye ekleme işlemini ile profil resim işlemleri ile Cloudinary API bağlantsıını yapalım..
Hiç yorum yok:
Yorum Gönder