Một trang là văn bản
Thuộc phần Kiến thức cơ bản về Express trong hành trình Node.js của Coddy. Bài học 8 trên 23.
Trình duyệt hiển thị một chuỗi HTML thành trang. Thẻ tạo cấu trúc cho văn bản: <h1> là tiêu đề, <ul> là danh sách và <li> là một mục. Thẻ đóng kết thúc mỗi phần.
const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;Chuỗi mẫu dùng dấu huyền để chèn giá trị. map tạo một mảng gồm các chuỗi mục; join('') kết hợp chúng mà không có dấu phẩy. Trong phần luyện tập này, máy chủ trả về HTML bên trong JSON để bạn kiểm tra chính xác các thẻ. Hàm được cung cấp nhận một tiêu đề và một mảng các mục. Tiếp theo, bạn sẽ học cách thoát các văn bản được chèn vào.
Thử thách
DễChỉnh sửa exercise.js. Máy chủ truyền vào một đối tượng chứa title và một mảng items. Trả về một trường html: một tiêu đề theo sau là một danh sách, với mỗi chuỗi tương ứng với một mục. Giữ nguyên thứ tự ban đầu của các mục và không đặt dấu phẩy giữa các mục.
{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}Thử chạy: ví dụ GET được cung cấp tạo ra phản hồi ở trên. Gửi GET /result?title=Lunch&item=Rice&item=Beans để có tiêu đề và danh sách khác. Các giá trị truy vấn trở thành đầu vào được truyền cho hàm.
Máy chủ gọi hàm exercise của bạn với một tiêu đề và một mảng items. Lặp lại item= trong truy vấn để cung cấp nhiều mục. Giữ nguyên phương thức GET đã chọn và chỉ nhập đường dẫn vào ô yêu cầu.
Tự làm thử
export function exercise({ title, items }) {
return { html: title };
}
Tất cả bài học trong Kiến thức cơ bản về Express
1Máy chủ đầu tiên của bạn
Xin chào, ExpressModule httpThêm tuyến đườngTham số tuyến đường
Chuỗi truy vấn2Phản hồi
Phản hồi JSONMã trạng tháiMột trang là văn bảnVăn bản bên trong HTMLTrang HTMLTệp tĩnhChuyển hướngTự luyện tập: Playground Express