Bài thực hành số 3

Lập trình với ngôn ngữ Scripts

Mô hình Webserver và RESTful API
Bài 01: Làm quen với RESTful API

• Thực hiện lần lượt các bước theo bài hướng dẫn sau:
• https://www.digitalocean.com/community/tutorials/how-to-use-the-
javascript-fetch-api-to-get-data
• Thực hiện điều chỉnh và chạy chương trình để hiểu tổng quan về cách
sử dụng RESTful API.
Bài tập 02: Calculator

Viết 1 ứng dụng hỗ trợ tính toán gồm 2 phần chính:

1. Một server phát triển sử dụng FastAPIs cung cấp 4 RESTful APIs cho
lần lượt 4 phép toán cộng, trừ, nhân, chia. Dữ liệu nhận vào của các
APIs này là 2 số a và b, kết quả trả về là đáp án tương ứng với phép
toán.
2. Một trang web được xây dựng bằng HTML+CSS+JS, có các ô để
nhập dữ liệu 2 số a, b và một button Submit. Khi click Submit, trang
web gọi đến các APIs của server và trả về 4 giá trị tổng, hiệu, tích và
số bị chia tương ứng. Không sử dụng JS để tính trực tiếp.
Bài tập 03: Xây dựng giao diện và chức năng cho một website
quản lý sinh viên bao gồm đăng nhập và quản lý sinh viên
1. Xây dựng giao diện đăng nhập (Giao diện có thể tham khảo hình dưới). Kiểm tra trường hợp
nếu tài khoản là admin và mật khẩu là admin thì cho người dùng CHUYỂN HƯỚNG sang trang
quản trị. Nếu không thì hiển thị thông báo lỗi “Tài khoản hoặc mật khẩu không chính xác)
Bài tập 03: Xây dựng giao diện và chức năng cho một website
quản lý sinh viên bao gồm đăng nhập và quản lý sinh viên
2. Tại trang quản trị chúng ta sẽ có một bảng HIỂN THỊ thông tin sinh viên (Gồm các thông tin STT,
Tên, tuổi, địa chỉ, SDT, email, lớp học).
Bài tập 03: Xây dựng giao diện và chức năng cho một website
quản lý sinh viên bao gồm đăng nhập và quản lý sinh viên
3. Yêu cầu:
- Xây dựng một server sử dụng FastAPIs cung cấp RESTful APIs phục vụ cho nghiệp vụ kiểm tra tài
khoản và lấy danh sách sinh viên. Danh sách sinh viên và tài khoản có thể được lưu trữ trong cơ
sở dữ liệu, files hoặc fix trong file javascript.
- Các thao tác kiểm tra tính xác thực tài khoản và lấy danh sách sinh viên sẽ không nằm trong file
javascript.
THANK YOU