WebAPI #3. Xử lý Frontend gọi WebAPI với bảng có Khóa ngoài (Phương pháp đơn giản nhất)
Вставка
- Опубліковано 18 вер 2024
- Call WebAPI from Frontend- Table with Foreign Key (the easiest method)
Các bước:
1. Tạo bảng với khóa ngoài (foreign key)
2. Tạo store procedure để lấy thông tin từ 2 bảng (join)
3. Điều chỉnh Entity, WebAPI method
4. Xử lý trên giao diện Frontend (Read, Insert, Update)
Tham khảo thêm:
+ Video hướng dẫn tạo Web API: • WebAPI #1. Xây dựng RE...
+ Video hướng dẫn tạo gọi Web API từ front-end: • WebAPI #2. Gọi Web API...
#WebAPI, #foreign_key,#sqlserver
#NET_Core_WebAPI
#NET_Core_WebMVC
#Front_end
#Boostrap
#Jquery
#fetch
#async_await
-----
SQL:
create table tblKhuvuc (id int primary key identity(1,1)
, ten nvarchar(100))
go
alter table tblkhachhang add kvid int
go
insert into tblKhuvuc(ten)
values(N'Hà Nội'),
(N'TP. Hồ Chí Minh'),
(N'Hải Phòng')
update tblKhachhang set kvid = 1 where id = 23
update tblKhachhang set kvid = 2 where id = 24
update tblKhachhang set kvid = 2 where id = 27
go
CREATE PROC sp_tblKhachhang_GetListFull
as
BEGIN
select t1.id, t1.ma, t1.ten, t1.diachi, t1.tel, t1.email, t2.ten kvten, kvid
from tblKhachhang t1 inner join tblKhuvuc t2 on t2.id = t1.kvid
END
GO