Ara
Generic filters
Exact matches only
Filter by Custom Post Type
Ana Sayfa / MVC / Hazır Mvc Projesi

Hazır Mvc Projesi

Bu yazımızda hazır mvc projesi paylaşacağım. Mvc ile yeni kod yazmaya başlayan arkadaşlara ışık tutacağını düşündüğüm projemizi sitenin en altında link olarak indirebilirsiniz.

Hazır Mvc Projesi Yapımı

Öncelikle projede ne yapılmak istendiğini belirtelim. Projemizi Mvc olarak visual studio içerisinde bir adet masterpage page yeni adıyla Layout oluşturuyoruz. Daha sonra partialview olarak 3 adet view oluşturuyoruz. Bu viewlerı masterpage olacak şekilde oluşturup, projeye Bootstrap ve jquery ekliyoruz.

Projemizin görünümü ;

 

Sayfaları 3 partial şeklinde yapıyoruz. Bu noktada olması gereken global yapılardaki ;

1- Header

2-Content

3-Footer

şeklinde 3 adet template olacak.

Header Template

 

<nav class=”navbar navbar-expand-lg navbar-light bg-light”>
<a class=”navbar-brand” href=”#”>LOGO</a>
<button class=”navbar-toggler” type=”button” data-toggle=”collapse” data-target=”#navbarSupportedContent” aria-controls=”navbarSupportedContent” aria-expanded=”false” aria-label=”Toggle navigation”>
<span class=”navbar-toggler-icon”></span>
</button>

<div class=”collapse navbar-collapse” id=”navbarSupportedContent”>
<ul class=”navbar-nav mr-auto”>
<li class=”nav-item active”>
<a class=”nav-link” href=”/”>Ana Sayfa <span class=”sr-only”>(current)</span></a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”/Home/Hakkimizda/”>Hakkımızda</a>
</li>
<li class=”nav-item dropdown”>
<a class=”nav-link dropdown-toggle” href=”#” id=”navbarDropdown” role=”button” data-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”>
Hizmetler
</a>
<div class=”dropdown-menu” aria-labelledby=”navbarDropdown”>
<a class=”dropdown-item” href=”/Home/Hizmetler/”>Hizmet 1</a>
<a class=”dropdown-item” href=”#”>Hizmet 2</a>
<div class=”dropdown-divider”></div>
<a class=”dropdown-item” href=”#”>Hizmet 3</a>
</div>
</li>
<li class=”nav-item”>
<a class=”nav-link disabled” href=”/Home/Iletisim/”>İletişim</a>
</li>
</ul>
<form class=”form-inline my-2 my-lg-0″>
<input class=”form-control mr-sm-2″ type=”search” placeholder=”Arama” aria-label=”Search”>
<button class=”btn btn-outline-success my-2 my-sm-0″ type=”submit”>Search</button>
</form>
</div>
</nav>

 

Content Template

<div id=”carouselExampleIndicators” class=”carousel slide” data-ride=”carousel”>
<ol class=”carousel-indicators”>
<li data-target=”#carouselExampleIndicators” data-slide-to=”0″ class=”active”></li>
<li data-target=”#carouselExampleIndicators” data-slide-to=”1″></li>
<li data-target=”#carouselExampleIndicators” data-slide-to=”2″></li>
</ol>
<div class=”carousel-inner”>
<div class=”carousel-item active”>
<img class=”d-block w-100″ src=”~/images/s1.jpg” alt=”First slide”>
</div>
<div class=”carousel-item”>
<img class=”d-block w-100″ src=”~/images/s2.jpg” alt=”Second slide”>
</div>
<div class=”carousel-item”>
<img class=”d-block w-100″ src=”~/images/s3.jpg” alt=”Third slide”>
</div>
</div>
<a class=”carousel-control-prev” href=”#carouselExampleIndicators” role=”button” data-slide=”prev”>
<span class=”carousel-control-prev-icon” aria-hidden=”true”></span>
<span class=”sr-only”>Previous</span>
</a>
<a class=”carousel-control-next” href=”#carouselExampleIndicators” role=”button” data-slide=”next”>
<span class=”carousel-control-next-icon” aria-hidden=”true”></span>
<span class=”sr-only”>Next</span>
</a>
</div>

 

Footer Template

<section id=”footer”>
<div class=”container”>
<div class=”row text-center text-xs-center text-sm-left text-md-left”>
<div class=”col-xs-12 col-sm-4 col-md-4″>
<h5>Quick links</h5>
<ul class=”list-unstyled quick-links”>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>Home</a></li>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>About</a></li>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>FAQ</a></li>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>Get Started</a></li>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>Videos</a></li>
</ul>
</div>
<div class=”col-xs-12 col-sm-4 col-md-4″>
<h5>Quick links</h5>
<ul class=”list-unstyled quick-links”>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>Home</a></li>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>About</a></li>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>FAQ</a></li>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>Get Started</a></li>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>Videos</a></li>
</ul>
</div>
<div class=”col-xs-12 col-sm-4 col-md-4″>
<h5>Quick links</h5>
<ul class=”list-unstyled quick-links”>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>Home</a></li>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>About</a></li>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>FAQ</a></li>
<li><a href=”javascript:void();”><i class=”fa fa-angle-double-right”></i>Get Started</a></li>
<li><a href=”https://wwwe.sunlimetech.com” title=”Design and developed by”><i class=”fa fa-angle-double-right”></i>Imprint</a></li>
</ul>
</div>
</div>
<div class=”row”>
<div class=”col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-5″>
<ul class=”list-unstyled list-inline social text-center”>
<li class=”list-inline-item”><a href=”javascript:void();”><i class=”fa fa-facebook”></i></a></li>
<li class=”list-inline-item”><a href=”javascript:void();”><i class=”fa fa-twitter”></i></a></li>
<li class=”list-inline-item”><a href=”javascript:void();”><i class=”fa fa-instagram”></i></a></li>
<li class=”list-inline-item”><a href=”javascript:void();”><i class=”fa fa-google-plus”></i></a></li>
<li class=”list-inline-item”><a href=”javascript:void();” target=”_blank”><i class=”fa fa-envelope”></i></a></li>
</ul>
</div>
</hr>
</div>
<div class=”row”>
<div class=”col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-2 text-center text-white”>
<p><u><a href=”https://www.nationaltransaction.com/”>National Transaction Corporation</a></u> is a Registered MSP/ISO of Elavon, Inc. Georgia [a wholly owned subsidiary of U.S. Bancorp, Minneapolis, MN]</p>
<p class=”h6″>&copy All right Reversed.<a class=”text-green ml-2″ href=”https://www.sunlimetech.com” target=”_blank”>Sunlimetech</a></p>
</div>
</hr>
</div>
</div>
</section>

 

Menülerdeki alt sayfalar oluşturulmuştur.

Hazır Mvc Projesi indir

 


Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir