Xây dựng Web App ASP.NET Core và MongoDB (Phần 1)

bởi Canh Pham Duy

Trong bài viết này, tôi sẽ chỉ các bạn cách xây dựng một Web App ASP.NET Core và MongoDB. Trong bài viết này không tập trung quá nhiều về MongoDB, nên bạn có thể tìm hiểu thêm về MongoDB để được hiểu rõ hơn trước khi bắt đầu vào bài hướng dẫn của mình.

Ứng dụng của tôi sẽ quản lý cơ sở dữ liệu về ô tô trong phòng trưng bày ô tô và trang chính của nó sẽ trông giống như bên dưới.

Cấu hình và cài đặt MongoDB

1. Truy cập trang web này và tải xuống MongoDB cho phiên bản HĐH của bạn.

2. MongoDB được cài đặt tại C:\Program Files\MongoDB theo mặc định. Trong thư mục C:\Program Files\MongoDB\Server\{version_number}\bin có hai tệp thực thi: mongodmongo.

3. Thư mục mặc định MongoDB, lưu trữ dữ liệu là /data/db. Tạo các thư mục này trong ổ C của bạn.

4. Mở một dấu nhắc lệnh và chạy lệnh sau.

mongod

5. Mở một dấu nhắc lệnh mới và chạy lệnh dưới đây:

mongo

Chúng sẽ chạy tất cả các phương thức shell mongo của chúng tôi trong shell lệnh này.

6. Chạy lệnh sau:

use CarGalleryDb

Lệnh này tạo cơ sở dữ liệu nếu nó không tồn tại. Nếu nó tồn tại, kết nối của nó được mở cho các trao đổi dữ liệu.

7. Tạo bộ sưu tập Cars bằng lệnh sau:

db.createCollection('Cars')

Bây giờ, cơ sở dữ liệu và collection của chúng tôi đã sẵn sàng. Chúng ta sẽ thực hiện các thao tác CRUD trên collection Cars trong các phần tiếp theo.

Tạo project ASP.NET Core MVC

Mở File -> New -> Project..

Chọn ASP.NET Core Web Application và click Next.

Trong cửa sổ tiếp theo, đặt tên dự án và giải pháp và nhấp vào Create.

Trong cửa sổ tiếp theo, chọn .Net CoreASP.Net Core 2.2 và chọn Web Application (Model-View-Controller) làm mẫu project, sau đó bấm Create.

Bây giờ, chúng tôi sẽ thêm trình điều khiển MongoDB vào project của chúng ta.

Nhấn chuột phải vào dự án và chọn Manage Nuget Packages…

Trong tab Browse, tìm kiếm mongodb và cài đặt MongoDB.Driver:

Trong tệp Views/Shared/_Layout.cshtml, hãy thực hiện các thay đổi sau trong tiêu đề, liên kết menu và chân trang.

Bây giờ, hãy bấm (Ctrl + F5) để chạy project và xem mọi thứ có ổn không. Bạn có thể thay đổi trình duyệt mà bạn muốn chạy trang web từ bên dưới:

Sau khi chạy, chúng ta nhận được trang Chào mừng như sau:

Mời bạn xem tiếp phần 2 tại đây.

Related Posts

1
Leave a Reply

avatar
1 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
1 Comment authors
canhpd Recent comment authors
  Subscribe  
newest oldest most voted
Notify of