Code đồ án Java lấy dữ liệu thời tiết từ API Yahoo và hiển thị cho khách hàng

by Nguyễn Đức Văn Anhin Java on July 7, 2021

Choose Your Desired Option(s)

Code đồ án Java lấy dữ liệu thời tiết từ API Yahoo và hiển thị cho khách hàng

Công nghệ

Ngoài ngôn ngữ lập trình Java để xây dựng khối Server và Node.js để xây dựng khối Client , code còn dùng HTML và CSS để xây dựng giao diện, hay truyền nhận và xử lý dữ liệu bằng Javascript thông qua AJAX.

weather popup - Code đồ án Java lấy dữ liệu thời tiết từ API Yahoo và hiển thị cho khách hàng

Code đồ án Java thời tiết từ API Yahoo và hiển thị cho khách hàng

Sau khi khởi chạy ứng dụng có thể vào trình duyệt với đường dẫn

http://localhost:3333/

Thì sẽ thấy giao diện website như hình dưới, để xem thời tiết thành phố nào, chỉ cần nhấp chuột vào thành phố đó, popup thông tin thời tiết về thành phố đó sẽ tự hiện ra.

demo - Code đồ án Java lấy dữ liệu thời tiết từ API Yahoo và hiển thị cho khách hàng

Code đồ án Java thời tiết từ API Yahoo và hiển thị cho khách hàng

Các thông số:

Tên địa danh (query.location)
Ngày kết xuất (query.item.condition.date)
Nhiệt độ (query.item.condition.temp)
Độ ẩm (query.atmosphere.humidity)
Tốc độ gió (query.wind.speed)
Mô tả thời tiết hiện tại (query.item.condition.text)

Ở trên chính là tên của các trường cần thiết và vị trí để lấy dữ liệu đó (JSON path) trong đối tượng JSON trả về.

Hiển thị trang chủ khi người dùng truy cập vào

Để hiển thị trang chủ khi người dùng truy cập vào, trong Node.js mình cần gắn kết một URL đến một xử lý middleware như dưới đây.

app.use(function renderHomepage(req, res, next) {
fs.readFile(path.resolve(‘./public/index.html’), function(data) {
res.writeHead(200, { ‘Content-type’:‘text/html’ });
res.end(data);
});
});

trong đoạn code trên sẽ khởi chạy để đáp ứng mọi request vào ứng dụng, và nó sẽ nạp một tệp tin index.html từ đĩa cứng và trả về cho trình duyệt người dùng.

Chi tiết thông tin đồ án bạn vui lòng mở file Readme.mnd bằng trình soạn thảo code

Your Recently Viewed Downloads