ode to food

Odetofood

Repo untuk Proyek Pluralsight Inti ASP.NET.

Berikut ini adalah catatan tambahan dan FAQ tentang kursus.

ASP.NET Core 3

Versi asli dari kode seperti yang direkam dalam kursus Pluralsight adalah dengan ASP.NET Core 2.1. Saya telah menempatkan kode ini ke dalam cabang bernama ASPNET21.

Cabang Master Saya memperbarui untuk menggunakan ASP.NET Core 3 dan versi terbaru Bootstrap dan JQuery.

Modul 2 (pengeboran ke dalam data)

Klip 2 (Membuat Proyek Baru)

Untuk membuat, membangun, dan menjalankan proyek seperti yang kami lakukan di Visual Studio, Anda dapat menggunakan baris perintah:

 dotnet new razor
dotnet build
dotnet run

Beberapa lingkungan, seperti Visual Studio Code, juga dapat mendeteksi proyek inti .NET dan secara otomatis menambahkan dukungan untuk membangun dan menjalankan dari menu VS Code.

Klip 3 (mengedit halaman pisau cukur)

VS menggunakan beberapa sihir untuk secara otomatis memulai kembali server web saat Anda membuat perubahan pada file kode sumber. Jika Anda menggunakan alat baris perintah, Anda dapat melakukan hal yang sama menggunakan:

dotnet watch run

... alih-alih ...

dotnet run

Klip 7 - (Membuat entitas)

Anda dapat menggunakan dotnet untuk membuat pustaka kelas. Tempatkan ini pada tingkat folder yang sama dengan proyek Odetofood.

 dotnet new classlib

Modul 3 (Bekerja dengan Model dan Model Binding)

Klip 3 (Membangun Formulir Pencarian)

Bootstrap 4 mengubah beberapa kelas dan tidak lagi termasuk glifikon. Font Awesome adalah pengganti yang bagus. Setelah Anda memasukkan font stylesheet mengagumkan ke halaman _layout Anda dengan tag tautan, ikonnya sama mudah digunakan. Untuk menampilkan ikon pencarian, gunakan kode ini:

 <input type="search" class="form-control" value="" />
<div class="input-group-append">
    <button class="btn btn-secondary">
        <i class="fas fa-search"></i>
    </button>
</div>

Modul 4 (Mengedit Data dengan Halaman Razor)

Perhatikan bahwa Bootstrap versi 4 tidak lagi menyediakan ikon di luar kotak. Lihat dokumen untuk info lebih lanjut. Font Awesome adalah pengganti yang bagus.

Klip 5 (Menambahkan Pemeriksaan Validasi)

Anda harus menginstal paket nuget dotnet-aspnet-codegenerator. Instal paket ini sebagai alat dari baris COMAMND, dan juga instal paket desain untuk proyek:

 dotnet tool install --global dotnet-aspnet-codegenerator 
dotnet add package Microsoft.VisualStudio.Web.CodeGeneration.Design

Setelah menginstal, perintah berikut harus menampilkan layar bantuan dan daftar generator yang tersedia. Pastikan Anda menjalankan perintah di dalam direktori tempat proyek ada.

 dotnet aspnet-codegenerator -h

Sekarang Anda harus dapat mengikuti perancah di video.

 dotnet aspnet-codegenerator razorpage List Empty -udl -outDir PagesRestaurants

Untuk pengguna Visual Studio, Anda mungkin juga ingin referensi ke alat codegeneration yang dapat Anda gunakan dari UI. Jalankan perintah berikut di direktori proyek:

 dotnet add package Microsoft.VisualStudio.Web.CodeGeneration.Design
dotnet restore

Ini akan memungkinkan Anda untuk mengklik kanan proyek dan menjalankan perancah. S

Modul 5 (Bekerja dengan SQL Server dan Entity Framework Core)

Klip 2 (Menginstal Kerangka Entitas)

Lihat Instal SQL Server di Mac jika Anda bergerak melalui kursus menggunakan Visual Studio untuk Mac. Dari pengguna db:

Setelah diinstal, perhatikan nama pengguna database Anda (biasanya 'SA') dan kata sandi.

Ini sangat halus. Saya menggunakan DBBeaver yang juga dijelaskan dalam artikel di atas dan saya merasa hebat.

Mengikuti kelas Scott di sini, di mana ia mengatur string koneksi basis data di appsettings.json ke instance DB lokalnya di Windows, Anda bisa menggunakan string koneksi ini:

 "ConnectionStrings" : {
    "OdeToFoodDb" : " Server=localhost,1433;Database=OdeToFood;User Id=sa; Password=your-password "
}

, lalu ganti 'Anda-password' dengan kata sandi Anda yang sebenarnya yang Anda pilih saat menginstal gambar SQL Server di Docker Container.

Ini adalah pengalaman yang sangat sederhana dan halus.

Klip 4 (menggunakan alat Entity Framework)

Mulai dalam 3.0, alat baris perintah Dotnet EF tidak lagi termasuk dalam .NET Core SDK. Sebelum Anda dapat menjalankan perintah migrasi inti atau perancah EF, Anda harus menginstal paket ini sebagai alat global atau lokal. Untuk menginstal versi terbaru sebagai alat global, gunakan perintah berikut:

 dotnet tool install --global dotnet-ef

Modul 7 (mengintegrasikan JavaScript dan CSS sisi klien)

Menerapkan pengontrol API

Jika Anda tidak menggunakan Visual Studio, perancah yang ditunjukkan dalam klip ini adalah sesuatu yang juga dapat Anda capai dengan alat dotnet-aspnet-codegenerator yang dibahas dalam Modul 3. Perintah tersebut akan terlihat seperti:

 dotnet aspnet-codegenerator controller -api -name RestaurantsController
    --model OdeToFood.Core.Restaurant --dataContext OdeToFood.Data.OdeToFoodDbContext 

Perhatikan sakelar -api menggunakan satu dasbor.

Perubahan pada perutean dan layanan

Dalam ASP.NET Core 3.0+, Anda dapat membawa layanan berbutir halus untuk mendukung halaman dan pengontrol pisau cukur. Anda tidak perlu membawa seluruh kerangka kerja MVC. Untuk menggunakan halaman pisau cukur dan pengontrol API, misalnya, Anda harus memiliki dua panggilan metode berikut di dalam metode ConfigureServices dari Startup.cs .

 // for aspnetcore3.0+

services.AddRazorPages();
services.AddControllers();

Routing juga sedikit berbeda, dan lebih granular di 3.0. Anda harus menggunakan kode berikut di bagian bawah metode Configure di Startup.cs untuk 3.x:

 app.UseRouting();            
app.UseEndpoints(e =>
{
    e.MapRazorPages();
    e.MapControllers();
});

Tautan

https://github.com/odetocode/odetofood