我们在浏览网页的时候会碰见很多的子网页,它们内容不同但是排版都是大抵相同的

这是因为它们用的都是同一个子网页,只是根据我们点击的链接不同,后端给他传输了不同的内容.

我们要想实现这个功能,首先需要知道原理:

三个子页面,其实只有一个页面,只不过内容不同,所以我们只需要建一个页面例如text1.html,然后在前段超链接部分写上三个不同的超链接以便后台进行判断,如:text1,text2,text3.

app.get('/text1.html', (req, res) => {
    const text=text1
    res.render('text1.html',{text} )

})
app.get('/text2.html', (req, res) => {
    const text=text2
    res.render('text1.html',{text} )

})
app.get('/text3.html', (req, res) => {
    const text=text3
    res.render('text1.html',{text} )

})

当后端获取到前端点击text1.html时,const一个text并被text1的内容赋值,也就是说这个text就会传输text1的内容,然后后端还是返回text1.html,因为实际只有这一个子页面,然后一同返回的数据还有{text}就是刚刚const的带有text1内容的text.

当后端获取到前端点击text2.html时,const一个text并被text2的内容赋值,也就是说这个text就会传输text2的内容,然后后端还是返回text1.html,因为实际只有这一个子页面,然后一同返回的数据还有{text}就是刚刚const的带有text2内容的text.

第三个同上所述.

这样就会在后端进行了一个简单的判断,将不同的内容传输到前端,当然这只是方便大家理解的写法,可以使用if函数来简化代码.