本系列文章為翻譯加上我個人的使用心得理解,希望協助熱愛學習的程式員。 珍重聲明:本系列文章會跟原文有點出入,去掉了羅裡吧嗦的文字。
原文:Getting started with ASP.NET Core MVC and Entity Framework Core using Visual Studio
2017-3-7 22:01:58這個時間是我開始翻譯本系列的時間也是vs2017發布會的時間。祝願.Net Core越來越好 前言
Contoso 大學樣本項目是一個 基於Visual Studio 2015開發,使用技術是.net core 1.0mvc與EntityFramework Core1.0。
功能說明:
本程式是一個虛構的Contoso大學網站,他包含了招生、課程管理、老師管理等功能。這是一個系列教程,講述如果從零開始構建一個Contoso大學程式。
EF Core1.0 是EF的最新版本,但是他沒有具備所有的EF6.X的功能。(譯者註: 所以你們用的時候自己遇到的坑要自己填) 系統必備組件: Visual Studio 2017 (譯者註:我們肯定用2017了啊是不是)
.Net Core 1.1 Contoso 大學 Web程式
以下為本文,原作者羅裡吧嗦的話語我就不說了。基本就是使用者可以查看和修改學生、課程、老師的資訊。
以下是截圖:
為了本教程可以集中主要精力介紹如何使用EntityFramework,網站的使用者介面樣式都是基於VS2015內建的模板產生的頁面內容。 建立一個ASP.NET Core MVC的項目
我都用VS2017 RTM開發了。
開啟Visual Studio 2017並建立一個新的ASP.NET Core MVC項目,取個名字:“ContosoUniversity”。 從檔案菜單中,選擇建立項目 從左邊視窗中選擇Web 選擇ASP.NET Core Web Application (.NET Core)項目 輸入“ContosoUniversity”作為名稱並且點擊確定
老外耐心就是好,寫的這麼詳細一點都不嫌累
然後點擊更改身分識別驗證為不進行身分識別驗證,取消在雲中託管,然後點擊確定
這裡可以選擇.NETCORE 1.1
如果你不小心點了啟用身份認證的話,那麼就把 項目刪除了吧。Microsoft Identity的模組我空了,抽空在單獨翻譯翻譯吧,現在我們繼續。 修改下網站的布局和風格
簡單調整下菜單布局、首頁視圖資訊
開啟 路徑為“Views/Shared/_Layout.cshtml ” 修改下標題名稱“ContosoUniversity” 為“Contoso University” 添加菜單導航視圖資訊,Students,Courses,Instructors和Departments然後刪除Contant菜單
<!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="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/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> <div 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> @await Html.PartialAsync("_LoginPartial") </div> </div> </div> <div class="container body-content"> @RenderBody() <hr /> <footer> <p>© 2016 - Contoso University</p> </footer> </div> <environment names="Development"> <script src="~/lib/jquery/dist/jquery.js"></script> <script src="~/lib/bootstrap/dist/js/bootstrap.js"></