PDA

View Full Version : شروع به کار Entity Framework6 با استفاده از MVC5



fatima_h66
چهارشنبه 21 آبان 1393, 09:55 صبح
در این تاپیک قصد دارم نحوه کار با EF6 را با استفاده از یک مثال کاربردی آموزش بدهم.
خوشحال میشوم تا پایان آموزش همراهیم کنید.
این آموزش ترجمه شده مقالات سایت asp.net است.

fatima_h66
چهارشنبه 21 آبان 1393, 09:56 صبح
شروع به کار Entity Framework6 با استفاده از MVC5
با استفاده از یک مثال از نرم افزار تحت وب دانشگاه کونتوسو نحوه ایجاد برنامه های کاربردی با استفاده از EF6 و همچنین کار در ویژوال استودیو 2013 را به شما آموزش میدهیم.
این آموزش با استفاده از روش code first انجام می شود. شما میتوانید بین دو روش code first و Database First یکی را انتخاب کنید.
برنامه ای که به عنوان مثال در اینجا انجام می شود، یک وب سایت برای دانشگاه کونتوسو خیالی است. که شامل قابلیت هایی مانند پذیرش دانشجو، ایجاد درس، و تکالیف استاد است. این مجموعه آموزش نحوه ساخت برنامه نمونه دانشگاه کونتوسو است. شما می توانید برنامه کامل را از این لینک (http://code.msdn.microsoft.com/ASPNET-MVC-Application-b01a9fe8) دانلود کنید.
برنامه نوشته شده توسط مایک برایند ، با نسخه ویژوال بیسیک در دسترس است: MVC5 با EF در ویژوال بیسیک 6 در سایت Mikesdotnetting.
MVC 5 with EF 6 in Visual Basic (http://www.mikesdotnetting.com/article/241/mvc-5-with-ef-6-in-visual-basic-creating-an-entity-framework-data-model)

fatima_h66
چهارشنبه 21 آبان 1393, 10:00 صبح
برنامه شما در این آموزش ساخت یک وب سایت ساده دانشگاه است.

کاربران می توانند دانشجوها و دروس و اطلاعات اساتید را ببینند ، و آنها را بروز رسانی کنند. در شکل های زیر تعداد کمی از صفحه های ذکر شده به عناون مثال ایجاد شده است.
125558

125559

در این پروژه از یک سبک UI (رابط کاربری) ساده که توسط خود MVC میتوان ایجاد کرد استفاده شده است تا تمرکز اصلی ما روی چگونگی استفاده از Entity Framework باشد.

fatima_h66
چهارشنبه 21 آبان 1393, 10:17 صبح
لینک صفحه (http://www.asp.net/mvc/overview/getting-started/getting-started-with-ef-using-mvc/creating-an-entity-framework-data-model-for-an-asp-net-mvc-application)

ایجاد یک برنامه کاربردی MVC :
ویژوال استودیو را باز کنید و یک یک پروزه جدید C# از نوع Web Application ایجاد کنید و نام پروژه را "ContosoUniversity" بگذارید.
125560

در پنجره NewASP.NET Project گزینه MVC template را انتخاب کنی.روی create projectکلیک کنید مثل تصویر زیر :

125561

fatima_h66
چهارشنبه 21 آبان 1393, 14:28 عصر
طراحی استایل سایت:
تعداد کمی تغییر کوچک روی استایل منوی سایت ، layout،homepage میدهیم.
به مسیر زیر بروید Views\Shared\_Layout.cshtml ، فایل را باز کنید و تغییرات زیر را انجام دهید:
هر جا مقادیر My ASP.NET Application و "Application name" وجود دارد به مقادیر Contoso University تغییر دهید.
به منو گزینه های Students, Courses, Instructors, Departments, delete the Contact entry را اضافه کنید.
تغییراتی که انجام دادیم به شکل هایلایت شده میبینید:




<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8"/>
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - Contoso University</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
</head>
<body>
<divclass="navbar navbar-inverse navbar-fixed-top">
<divclass="navbar-inner">
<divclass="container">
<buttontype="button"class="btn btn-navbar"data-toggle="collapse"data-target=".nav-collapse">
<spanclass="icon-bar"></span>
<spanclass="icon-bar"></span>
<spanclass="icon-bar"></span>
</button>
@Html.ActionLink("Contoso University", "Index", "Home", null, new { @class = "brand" })
<divclass="nav-collapse collapse">
<ulclass="nav">
<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
<li>@Html.ActionLink("Students", "Index", "Student")</li>
<li>@Html.ActionLink("Courses", "Index", "Course")</li>
<li>@Html.ActionLink("Instructors", "Index", "Instructor")</li>
<li>@Html.ActionLink("Departments", "Index", "Department")</li>
</ul>
</div>
</div>
</div>
</div>

<divclass="container">
@RenderBody()
<hr/>
<footer>
<p>&copy; @DateTime.Now.Year - Contoso University</p>
</footer>
</div>

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
</body>
</html>

fatima_h66
چهارشنبه 21 آبان 1393, 14:42 عصر
در صفحه Views\Home\Index.cshtml محتوای فایل را با مقادیر زیر جایگزین کنید تا بجای توضیحاتی از MVC متنی درباره پروزه خودمان نمایش داده شود:





@{
ViewBag.Title = "Home Page";
}

<divclass="jumbotron">
<h1>Contoso University</h1>
</div>
<divclass="row">
<divclass="col-md-4">
<h2>Welcome to Contoso University</h2>
<p>Contoso University is a sample application that
demonstrates how to use Entity Framework 6 in an
ASP.NET MVC 5 web application.</p>
</div>
<divclass="col-md-4">
<h2>Build it from scratch</h2>
<p>You can build the application by following the steps in the tutorial series on the ASP.NET site.</p>
<p><aclass="btn btn-default"href="http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc/">See the tutorial &raquo;</a></p>
</div>
<divclass="col-md-4">
<h2>Download it</h2>
<p>You can download the completed project from the Microsoft Code Gallery.</p>
<p><aclass="btn btn-default"href="http://code.msdn.microsoft.com/ASPNET-MVC-Application-b01a9fe8">Download &raquo;</a></p>
</div>
</div>


CTRL+F5 را بفشارید تا پروژه شما اجرا شود و صفحه اصلی به همراه منوی اصلی را به شکل زیر ببنید:

125565