Install .Net SEO

1. Install visual studio code

Truy cập vào link sau: https://code.visualstudio.com/download để tải bản cài đặt visual studio code

2. Install .Net SDK

Truy cập vào link sau: https://dotnet.microsoft.com/en-us/download tải bạn cài đặt phiên bản mới nhất.Net SDK

3. Install extention C# Dev Kit

Mở visual studio code, vào extention tìm extention C# Dev Kit rồi cài đặt extention này vào

4. Install extension SQL Server

Vào visual studio code, vào extention tìm extention SQL Server (mssql) để cài đặt extention kết nối đến SQL Server

3. Tạo Project Web Mvc

3.1 Open Folder

Vào menu File, rồi chọn Open Folder hoặc dùng phím tắt ctrl + k và ctrl + O để mở thư mục. Trong bài này ta mở thư mục D:\SEO\TrekBikes

Lưu ý: khi đặt tên thư mục trong lập trình ko để khoảng trắng hoặc dùng ký tự unicode

3.2: Open Terminal

Vào menu chọn Terminal, rồi chọn New Terminal hoặc dùng phím tắt ctrl + shift + `

3.3 Create new project

Vào termial, ta dùng lệnh sau để tạo project web mvc empty như sau

dotnet new web -o WebApp

Lưu ý: -o WebApp là viết tắt của Output WebApp tức tạo tạo ra thư mục mới WebApp và Project sẽ được tạo ra lưu vào thư mục WebApp.

3.4 Khai báo sử dụng project web mvc

Mở file Program.cs rồi thêm các dòng dòng như builder.Services.AddMvc(); với nội dung như sau:

var builder = WebApplication.CreateBuilder(args);
builder.Services.AddMvc();
var app = builder.Build();
app.UseStaticFiles();
app.MapDefaultControllerRoute();
app.Run();

3.4 Create folder MVC

Tạo 3 thư mục Controllers, Models, Views trong thư mục WebApp

3.5 Create Controller Welcome

Tạo tập tin WelcomeControllers.cs trong thư mục Controllers với nội dung như sau:

using Microsoft.AspNetCore.Mvc;
namespace WebApp.Controllers;
public class WelcomeController : Controller{
    public IActionResult Index(){
        return View();
    }
}

3.6 Create View Welcome/Index

Tạo thư mục Welcome trong thư mục Views tương ứng với controller WelcomeController, và tạo tiếp tập tin Index.cshtml trong thư mục Views/Welcome mới tạo ra ở trên, rồi nhập nội dung sau:

<h1>Hello, SEO classes CNTT1 and CNTT2!</h1>

3.7 Run Project

Mở lại termial, truy cập vào thư mục WebApp dùng lệnh sau:

cd .\WebApp

Hoặc có thể dùng phím tắt cd W dùng bấm phím tắt Tab nó tự thêm vào: cd .\WebApp

Dùng lệnh sau để chạy project và xem kết quả trên trình duyệt web

dotnet watch run

Restart lại web dùng phím tắt ctrl + r