Kullanıcı giriş ekranını Session ile yapma

    Merhabalar, WEB sayfalarının vazgeçilmezi kullanıcı giriş ekranını Session yönetimi ile yapalım. Öncelikle SQL serverde Kullanici isimli bir veritabanı ve user adlı tablo oluşturalım.Tablomuz şöyle olsun.

Login isimli bir Controllers oluşturalım ve Login için bir View oluşturalım. Viewi şöyle tasarlayalım.

-----------------------------------------------

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <link href="~/Content/Site.css" rel="stylesheet" />

    <meta name="viewport" content="width=device-width" />

    <link href="~/Content/bootstrap.css" rel="stylesheet" />

    <script src="~/scripts/bootstrap.js"></script>

      <title>Index</title>

</head>

<body id="arka">

    <form  id="duz" method="post" action="\Login\Index">

         <div class="form-group">

             <label for="exampleInputPassword1">Kullanıcı Adı</label>

             <input type="text" class="form-control" id="exampleInputPassword1" name="kulad">

         </div>

    <div class="form-group">

        <label for="exampleInputPassword1">Şifre</label>

        <input type="password" class="form-control" id="exampleInputPassword1" name="sifre">

    </div>

    <button type="submit" class="btn btn-primary">Giriş</button>

</form>

    <script src="~/scripts/jquery-1.10.2.js"></script>

</body>

</html>

-----------------------------------------------

Koyu olan yerleri biz ekliyoruz. Body ve Form için kullandığım Site.Css dosyasının içeriğini şöyle yazalım

-----------------------------------------------

#arka{background:#808080;}

#duz{

    width:300px;

    margin:auto;

    color:white;

}

-----------------------------------------------
Evet şimdi veritabanının modelini oluşturalım. User tablosu için modelimiz;
    public partial class user
    {
        public int id { get; set; }
        public string kulad { get; set; }
        public string sifre { get; set; }
    }
-----------------------------------------------
Ve Login Controller içeriğini yazalım
  public class LoginController : Controller
    {
        // GET: Login
        kullaniciEntities db = new kullaniciEntities();
        public ActionResult Index()
        {
            return View();
        }
        [HttpPost]
        public ActionResult Index(string kulad,string sifre)
        {
            var kulla = db.user.FirstOrDefault (x=>x.kulad==kulad && x.sifre ==sifre );
            if (kulla!=null)
            {
                Session["Kullanici"] = kulla.kulad ;
                return RedirectToAction("Index", "ana");

            }
            return View();
        }
    }
Dikkat ederseniz  Session["Kullanici"] = kulla  satırı işlemi gerçekleştirdik.
Yeni bir Controller oluşturup ismini ana yapıp index view ekleyalim. Ve sayfaya izinsiz girişi engellemek için Sessionu şöyle kullanalım.
@{
    Layout = null;
  }

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Hoşgeldiniz </title>
</head>
<body>
@ if (Session["kullanici"]!=null)
    {
      <div>  Hoşgeldiniz </div>
    } 
    else
    {
      <div>  Yetkiniz Yok</div>
    } 
</body>
</html>
Ve işte bu kadar....




Etiketler
Session Oturum Üye User
Mesaj Yaz