Aspに基づく.Net Core MvcとEntityFramework Coreの実戦入門チュートリアルシリーズ-1

56437 ワード

このシリーズの文章は翻訳のために私の個人の使用心得の理解を加えて、勉強が好きなプログラマーを助けたいです.

このシリーズの文章は原文と少し异なって、罗里のくどい文字を取り除きました。


原文:Getting started with ASP.NET Core MVC and Entity Framework Core using Visual Studio
2017-3-7 22:01:58この時間は私が本シリーズの翻訳を始めた時間であり、vs 2017発表会の時間でもあります.祝愿Net Coreはますます良くなっています

前言


Contoso大学のサンプルプロジェクトはVisual Studio 2015に基づいて開発され、使用技術は.Netcore 1.0 mvcとEntityFramework Core 1.0. 機能説明:本プログラムは架空のContoso大学のウェブサイトで、彼は学生募集、課程管理、先生管理などの機能を含んでいる.これは、ゼロからContoso大学のプログラムを構築する場合について説明する一連のチュートリアルです.
EF Core1.0はEFの最新バージョンですが、彼はすべてのEF 6を備えていません.Xの機能.(訳者注:だからあなたたちが使っている間に自分が出会った穴は自分で埋めなければなりません)

システム必須コンポーネント:


Visual Studio 2017
.Net Core 1.1

Contoso大学Webプログラム


以下は本文ですが、原作者のロリのうるさい言葉は言いません.基本的には、ユーザーが学生、カリキュラム、先生の情報を表示および変更できることです.以下はスクリーンショットです.
このチュートリアルでは、EntityFrameworkの使用方法に焦点を当てることができます.Webサイトのユーザーインタフェーススタイルは、VS 2015に組み込まれたテンプレートに基づいて生成されたページの内容です.

ASPを作成する.NET Core MVCのプロジェクト


私はVS 2017 RTMで開発しました.
Visual Studio 2017を開き、新しいASPを作成します.NET Core MVCプロジェクトは、「ContosoUniversity」という名前を付けます.
「ファイル」メニューから「新規プロジェクト」を選択します.
左ウィンドウからWeb を選択
ASPを選択する.NET Core Webアプリケーション(.NET Core)プロジェクト名前としてContosoUniversityを入力し、「OK」をクリックします.
外国人は辛抱強くすればいいのに,こんなに詳しく書いても疲れない.
次に、「認証を行わないように変更」をクリックし、クラウドでの管理をキャンセルし、「OK」をクリックします.
ここで選択できます.NETCORE 1.1
うっかりして認証を有効にしてしまったら、プロジェクトを削除しましょう.Microsoft Identityのモジュールは空いています.暇を見つけて、単独で翻訳しましょう.今から続けましょう.

Webサイトのレイアウトとスタイルを変更


メニューレイアウト、トップページビュー情報の簡単な調整
開くパスは「Views/Shared/_Layout.cshtml」
タイトル名「ContosoUniversity」を「Contoso University」に変更
メニューナビゲーションビュー情報、Studio、Courses、Instructors、Departmentsを追加し、Contantメニューを削除します.



<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - Contoso Universitytitle> 

    <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 navigationspan>
                    <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 Universitya>
            div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a asp-area="" asp-controller="Home" asp-action="Index">Homea>li>
                    <li><a asp-area="" asp-controller="Home" asp-action="About">Abouta>li>
                    <li><a asp-area="" asp-controller="Students" asp-action="Index">Studentsa>li>
                    <li><a asp-area="" asp-controller="Courses" asp-action="Index">Coursesa>li>
                    <li><a asp-area="" asp-controller="Instructors" asp-action="Index">Instructorsa>li>
                    <li><a asp-area="" asp-controller="Departments" asp-action="Index">Departmentsa>li>
                ul>
                @await Html.PartialAsync("_LoginPartial")
            div>
        div>
    div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>© 2016 - Contoso Universityp>
        footer>
    div>

    <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="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js"
                asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
                asp-fallback-test="window.jQuery">
        script>
        <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/bootstrap.min.js"
                asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js"
                asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal">
        script>
        <script src="~/js/site.min.js" asp-append-version="true">script>
    environment>

    @RenderSection("scripts", required: false)
body>
html>

パス"Views/Home/Index.cshtml"で、Homeビューで次のコード情報に置き換えます.
@{
    ViewData["Title"] = "Home Page";
}

<div class="jumbotron">
    <h1>Contoso Universityh1>
div>
<div class="row">
    <div class="col-md-4">
        <h2>Welcome to Contoso Universityh2>
        <p>
            Contoso University is a sample application that
            demonstrates how to use Entity Framework Core 1.0 in an
            ASP.NET Core MVC 1.0 web application.
        p>
    div>
    <div class="col-md-4">
        <h2>Build it from scratchh2>
        <p>You can build the application by following the steps in a series of tutorials.p>
        <p><a class="btn btn-default" href="https://docs.asp.net/en/latest/data/ef-mvc/intro.html">See the tutorial »a>p>
    div>
    <div class="col-md-4">
        <h2>Download ith2>
        <p>You can download the completed project from GitHub.p>
        <p><a class="btn btn-default" href="https://github.com/aspnet/Docs/tree/master/aspnet/data/ef-mvc/intro/samples/cu-final">See project source code »a>p>
    div>
div>

次にCTRL+F 5を押し、プロジェクトを実行してデバッグモードに入ります.ホームページのページの変化を見ることができます
   “  ”          【    】,         【  】  【    】,              ,       !

このシリーズの文章は翻訳のために私の個人の使用心得の理解を加えて、勉強が好きなプログラマーを助けたいです.

このシリーズの文章は原文と少し异なって、罗里のくどい文字を取り除きました。


原文:Getting started with ASP.NET Core MVC and Entity Framework Core using Visual Studio
2017-3-7 22:01:58この時間は私が本シリーズの翻訳を始めた時間であり、vs 2017発表会の時間でもあります.祝愿Net Coreはますます良くなっています

前言


Contoso大学のサンプルプロジェクトはVisual Studio 2015に基づいて開発され、使用技術は.Netcore 1.0 mvcとEntityFramework Core 1.0. 機能説明:本プログラムは架空のContoso大学のウェブサイトで、彼は学生募集、課程管理、先生管理などの機能を含んでいる.これは、ゼロからContoso大学のプログラムを構築する場合について説明する一連のチュートリアルです.
EF Core1.0はEFの最新バージョンですが、彼はすべてのEF 6を備えていません.Xの機能.(訳者注:だからあなたたちが使っている間に自分が出会った穴は自分で埋めなければなりません)

システム必須コンポーネント:


Visual Studio 2017
.Net Core 1.1

Contoso大学Webプログラム


以下は本文ですが、原作者のロリのうるさい言葉は言いません.基本的には、ユーザーが学生、カリキュラム、先生の情報を表示および変更できることです.以下はスクリーンショットです.
このチュートリアルでは、EntityFrameworkの使用方法に焦点を当てることができます.Webサイトのユーザーインタフェーススタイルは、VS 2015に組み込まれたテンプレートに基づいて生成されたページの内容です.

ASPを作成する.NET Core MVCのプロジェクト


私はVS 2017 RTMで開発しました.
Visual Studio 2017を開き、新しいASPを作成します.NET Core MVCプロジェクトは、「ContosoUniversity」という名前を付けます.
「ファイル」メニューから「新規プロジェクト」を選択します.
左ウィンドウからWeb を選択
ASPを選択する.NET Core Webアプリケーション(.NET Core)プロジェクト名前としてContosoUniversityを入力し、「OK」をクリックします.
外国人は辛抱強くすればいいのに,こんなに詳しく書いても疲れない.
次に、「認証を行わないように変更」をクリックし、クラウドでの管理をキャンセルし、「OK」をクリックします.
ここで選択できます.NETCORE 1.1
うっかりして認証を有効にしてしまったら、プロジェクトを削除しましょう.Microsoft Identityのモジュールは空いています.暇を見つけて、単独で翻訳しましょう.今から続けましょう.

Webサイトのレイアウトとスタイルを変更


メニューレイアウト、トップページビュー情報の簡単な調整
開くパスは「Views/Shared/_Layout.cshtml」
タイトル名「ContosoUniversity」を「Contoso University」に変更
メニューナビゲーションビュー情報、Studio、Courses、Instructors、Departmentsを追加し、Contantメニューを削除します.



<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - Contoso Universitytitle> 

    <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 navigationspan>
                    <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 Universitya>
            div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a asp-area="" asp-controller="Home" asp-action="Index">Homea>li>
                    <li><a asp-area="" asp-controller="Home" asp-action="About">Abouta>li>
                    <li><a asp-area="" asp-controller="Students" asp-action="Index">Studentsa>li>
                    <li><a asp-area="" asp-controller="Courses" asp-action="Index">Coursesa>li>
                    <li><a asp-area="" asp-controller="Instructors" asp-action="Index">Instructorsa>li>
                    <li><a asp-area="" asp-controller="Departments" asp-action="Index">Departmentsa>li>
                ul>
                @await Html.PartialAsync("_LoginPartial")
            div>
        div>
    div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>© 2016 - Contoso Universityp>
        footer>
    div>

    <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="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js"
                asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
                asp-fallback-test="window.jQuery">
        script>
        <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/bootstrap.min.js"
                asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js"
                asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal">
        script>
        <script src="~/js/site.min.js" asp-append-version="true">script>
    environment>

    @RenderSection("scripts", required: false)
body>
html>

パス"Views/Home/Index.cshtml"で、Homeビューで次のコード情報に置き換えます.
@{
    ViewData["Title"] = "Home Page";
}

<div class="jumbotron">
    <h1>Contoso Universityh1>
div>
<div class="row">
    <div class="col-md-4">
        <h2>Welcome to Contoso Universityh2>
        <p>
            Contoso University is a sample application that
            demonstrates how to use Entity Framework Core 1.0 in an
            ASP.NET Core MVC 1.0 web application.
        p>
    div>
    <div class="col-md-4">
        <h2>Build it from scratchh2>
        <p>You can build the application by following the steps in a series of tutorials.p>
        <p><a class="btn btn-default" href="https://docs.asp.net/en/latest/data/ef-mvc/intro.html">See the tutorial »a>p>
    div>
    <div class="col-md-4">
        <h2>Download ith2>
        <p>You can download the completed project from GitHub.p>
        <p><a class="btn btn-default" href="https://github.com/aspnet/Docs/tree/master/aspnet/data/ef-mvc/intro/samples/cu-final">See project source code »a>p>
    div>
div>

次にCTRL+F 5を押し、プロジェクトを実行してデバッグモードに入ります.ホームページのページの変化を見ることができます
   “  ”          【    】,         【  】  【    】,              ,       !