PHÁT TRIỂN ỨNG DỤNG WEB

Hướng dẫn bài thực hành 05

Mục đích:
- Thành thạo các thao tác trên cơ sở dữ liệu
- Tạo view kết nối các bảng
- Hiển thị dữ liệu theo nhóm menu dạng blog

Hướng dẫn
Bước 1:
- Mở SQL Server
- Tạo View có tên view_Post_Menu trong cơ sở dữ liệu
Startup
+ Nhấp phải chuột vào View/New View

1
 + Thêm bảng Menu và Post
+ Kéo liên kết giữa 2 bảng qua MenuID
+ Chọn All Columns với bảng Post và MenuName với
bảng Menu
+ Ghi lại với tên view_Post_Menu

Bước 2:
- Mở project startup
- Tạo Class view_Post_Menu trong Models

2
Bước 3: Vào Models/DataContext thêm

Bước 4: Vào Controller/HomeController

- Tạo action List như sau

Bước 5:
- Vào tệp Default.cshtml trong thư mục
Views/Shared/Components/MenuView
- Thêm dòng lệnh

3
…….

Bước 6:
Vào Controller/HomeController và Add View đặt tên
List

4
- Thêm vào đầu trang List.cshtml

- Mở thư mục startup có chứa các tệp html

- Vào trang blog.html

5
- Copy phần đánh dấu vào List.cshtml

- Sử dụng @foreach để tạo vòng lặp for như sau

/@url

- Chạy thử Project

Bước 7:
- Để đưa dữ liệu cho RecentPost chỉ cần gọi đến
Component RecentPost như bài thực hành trước.

6
7