一个页面就是文本

本课属于 Coddy Node.js 学习旅程的“Express 基础”单元。第 8 课，共 23 课。

浏览器会将 HTML 字符串绘制成页面。标签为文本提供结构：<h1> 是标题，<ul> 是列表，<li> 是列表项。每个部分都以结束标签结尾。

const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;

模板字符串使用反引号插入值。map 会构建一个由列表项字符串组成的数组；join('') 会将它们合并，中间不加逗号。在本次练习中，服务器会将 HTML 放在 JSON 中返回，这样你就能检查确切的标签。提供的函数会接收一个标题和一个由项目组成的数组。接下来将学习如何转义插入的文本。

挑战

简单

编辑 exercise.js。服务器会传入一个包含 title 和 items 数组的对象。返回一个 html 字段：先是一个标题，后面跟着一个列表，每个字符串对应一项。保持原有项的顺序，项与项之间不要加逗号。

{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}

尝试点击“运行”：提供的 GET 示例会生成上面的响应。发送 GET /result?title=Lunch&item=Rice&item=Beans，即可获得不同的标题和列表。查询值会成为传入函数的输入。

服务器会将标题和 items 数组传入你的 exercise 函数。查询中重复使用 item= 可以提供多个项。保持选中的请求方法为 GET，并且只在请求框中输入路径。

亲手试试

export function exercise({ title, items }) {
    return { html: title };
}

Express 基础中的所有课

1你的第一个服务器

4路由器与异步代码

2响应

5项目：每日食谱

3中间件