我的个人博客

记录我的学习心路历程

0%

712_express框架_路由参数练习

发表于 分类于 
const express=require('express')

//导入json文件
const {singers}=require('./singers.json')

//创建应用对象
const app=express()

//创建路由
app.get('/singer/:id.html',(req,res)=>{
    //获取路由参数
    let {id}=req.params
    //在数组中寻找对应的id数据
    let result=singers.find(item=>{
        if(item.id===Number(id)){
            return true;
        }
    })
    console.log(result);
    res.end(`
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>${result.singer_name}</h2>
    <img src="${result.singer_pic}" alt="">
</body>
</html>`)
})

//监听端口,启动服务
app.listen(3000,()=>{
    console.log('服务已经启动');
})