ASP.NETCore和EFCore系列教程——⼊门
ASP.NET Core 和 Entity Framework Core 系列教程——⼊门 (1 / 10)
作者:和
提供了本教程的 Razor 页版本。 Razor 页版本更容易体现和覆盖 EF 的功能。 我们建议你学习。
Contoso ⼤学⽰例 web 应⽤程序演⽰如何使⽤ Entity Framework (EF) Core 2.0 和 Visual Studio 2017 创建 ASP.NET Core 2.0 MVC web 应⽤程序。
⽰例应⽤程序供⼀个虚构的 Contoso ⼤学⽹站使⽤。 它包括诸如学⽣⼊学、 课程创建和导师分配等功能。 这是⼀系列教程中的第⼀个,这⼀系列教程主要展⽰了如何从零开始构建 Contoso ⼤学⽰例应⽤程序。
EF Core 2.0 是 EF 的最新版本,但还没有包括 EF 6.x 的所有功能 。 有关如何在 EF 6.x 和 EF Core 之间选择,请参阅。 如果你选择使⽤ EF 6.x,请参阅。
本教程的 ASP.NET Core 1.1 版本,请参阅。
有关本教程的 Visual Studio 2015 版本,请参阅 。
准备
安装以下组件:
或更⾼版本。
已安装 ASP.NET 和 Web 开发⼯作负载的 Visual Studio 2017 15.3 版或更⾼版本。
疑难解答
如果你遇到⽆法解决的问题,可以通过⽐较查解决⽅案。常见错误以及对应的解决⽅案,请参阅。 如果没有到遇到的问题的解决⽅案你可以将问题发布到StackOverflow 的 或版块。
这是⼀系列⼀共有⼗个教程,其中每个都是在前⾯教程已完成的基础上继续。请考虑在完成每⼀个教程后保存项⽬的副本。之后如果遇到问题,你可以从保存的副本中开始寻问题,⽽不是从头开始。
Contoso ⼤学 web 应⽤程序
你将在这些教程中学习构建⼀个简单的⼤学⽹站的应⽤程序。
⽤户可以查看和更新学⽣、 课程和教师信息。 以下是⼀些你即将创建的页⾯。
本教程主要关注于如何使⽤ Entity Framework , 所以此站点的UI样式都是直接套⽤内置的模板。创建 ASP.NET Core MVC web 应⽤程序
打开 Visual Studio 并创建⼀个新 ASP.NET Core C# web 项⽬名为”ContosoUniversity”。
从⽂件菜单上,选择新建 > 项⽬。
从左窗格中,选择已安装 > Visual C# > Web。
选择“ASP.NET Core Web 应⽤程序”项⽬模板。
输⼊ContosoUniversity作为名称,然后单击确定。
等待新 ASP.NET Core Web 应⽤程序 (.NET Core)显⽰对话框
选择ASP.NET Core 2.0和Web 应⽤程序 (模型-视图-控制器)模板。
注意:本教程需要安装 ASP.NET Core 2.0 和 EF Core 2.0 或更⾼版本-请确保ASP.NET Core 1.1未选中。请确保⾝份验证设置为不进⾏⾝份验证。
单击“确定”
设置站点样式
通过⼏个简单的更改设置站点菜单、 布局和主页。
打开Views/Shared/_Layout.cshtml并进⾏以下更改:
将⽂件中的”ContosoUniversity”更改为”Contoso University”。 需要更改三个地⽅。
添加菜单项Students,Courses,Instructors,和Department,并删除Contact菜单项。
⾼亮代码显⽰所作的变化
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - Contoso University</title>
<environment names="Development">
<link rel="stylesheet"href="~/lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet"href="~/css/site.css" />
</environment>
<environment names="Staging,Production">
<link rel="stylesheet"href="ajax.aspnetcdn/ajax/bootstrap/3.3.7/css/bootstrap.min.css"
asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
asp-fallback-test-class="sr-only"asp-fallback-test-property="position"asp-fallback-test-value="absolute" /> <link rel="stylesheet"href="~/css/site.min.css"asp-append-version="true" />
</environment>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a asp-area=""asp-controller="Home"asp-action="Index"class="navbar-brand">Contoso University</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a asp-area=""asp-controller="Home"asp-action="Index">Home</a></li>
<li><a asp-area=""asp-controller="Home"asp-action="About">About</a></li>
<li><a asp-area=""asp-controller="Students"asp-action="Index">Students</a></li>
<li><a asp-area=""asp-controller="Courses"asp-action="Index">Courses</a></li>
<li><a asp-area=""asp-controller="Instructors"asp-action="Index">Instructors</a></li>
<li><a asp-area=""asp-controller="Departments"asp-action="Index">Departments</a></li>
</ul>
</div>
</div>
</nav>
<div class="container body-content">
@RenderBody()
<hr />
<footer>
<p>© 2017 - Contoso University</p>
</footer>
</div>
<environment names="Development">
<environment names="Development">
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="~/js/site.js"asp-append-version="true"></script>
</environment>
<environment names="Staging,Production">
<script src="ajax.aspnetcdn/ajax/jquery/jquery-2.2.0.min.js"
asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
asp-fallback-test="window.jQuery"
crossorigin="anonymous"
integrity="sha384-K+ctZQ+LL8q6tP7I94W+qzQsfRV2a+AfHIi9k8z8l9ggpc8X+Ytst4yBo/hH+8Fk">
</script>
<script src="ajax.aspnetcdn/ajax/bootstrap/3.3.7/bootstrap.min.js"
asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js"
asp-fallback-test="window.jQuery && window.jQuery.fn && window.dal"
crossorigin="anonymous"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa">
</script>
<script src="~/js/site.min.js"asp-append-version="true"></script>
</environment>
@RenderSection("Scripts", required: false)
</body>
</html>
在Views/Home/Index.cshtml,将⽂件的内容替换为以下代码以将有关 ASP.NET 和 MVC 的内容替换为有关此应⽤程序的内容:
@{
ViewData["Title"] = "Home Page";
}
<div class="jumbotron">
<h1>Contoso University</h1>
</div>
<div class="row">
<div class="col-md-4">
<h2>Welcome to Contoso University</h2>
<p>
Contoso University is a sample application that
demonstrates how to use Entity Framework Core in an
ASP.NET Core MVC web application.
</p>
</div>
<div class="col-md-4">
<h2>Build it from scratch</h2>
<p>You can build the application by following the steps in a series of tutorials.</p>
aspnet和net的区别<p><a class="btn btn-default"href="docs.asp/en/latest/data/ef-mvc/intro.html">See the tutorial »</a></p>
</div>
<div class="col-md-4">
<h2>Download it</h2>
<p>You can download the completed project from GitHub.</p>
<p><a class="btn btn-default"href="github/aspnet/Docs/tree/master/aspnetcore/data/ef-mvc/intro/samples/cu-final">See project source co </div>
</div>
按 CTRL + F5 来运⾏该项⽬或从菜单选择调试 > 开始执⾏不调试。 你会看到⾸页和将通过这个教程创建的页对应的选项卡。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。