node.js后台给前端传参数实现子网页

子网页是共用一个html为模板，从后端获取不同的数据来打开的内容不同的网页

node.js中的代码如下

const express=require('express')

const app=express()

app.engine('html',require('express-art-template'))

//开放静态资源
app.use('/aaa',express.static('./node_modules'))
app.use('/bbb',express.static('./public'))
app.use('/ccc',express.static('./views'))

const data1={
    title:"生命科学",
    content:["\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0德滤科技医疗专用膜由气体、液体和功能化三个用途系列组成，膜材料以水系膜、有机系膜为主体，增强材料为PET。德滤科技平板式医疗专用膜的孔径范围为0.02～20.0 µm，呈近似正态分布，规格明确，并且通过四平衡原理、三关联模型、双协同效应的理论实践使膜具有特定的膜孔几何结构；改性膜均采用化学法使膜体的所有孔表面得到均匀、平等、永久的修饰，膜孔表面功能基团的分布、链段空间的构形、微观界面形态、电性能、离子强度等性能指标通过功能基团、反应活性、分子组装结构和与基体膜键合方式的设计实现可控和稳定。",
    "\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0德滤科技平板式医疗专用膜有着非常多的表面孔数量和均匀的孔径分布、特别稳定的膜孔形结构和表面处理技术、极富经济性的初始通量和纳污水平、优秀的环境耐受能力、低或选择性的吸附、良好的后加工性等特点。原材料选择、工艺过程编制、生产环境控制符合医疗用途产品要求，广泛运用于生命科学和医疗领域，可用于如输液、试剂制备、病人/仪器保护、通气、血液处理、诊断试剂载体、培养基过滤等场合。"],
    bgImg:"//17440441.s21i.faiusr.com/2/ABUIABACGAAgytXi4AUowoP7kQUwnwY4oAY!500x500.jpg"
}
const data2={
    title:"白酒",
    content:["白酒( Chinese spirits)：以粮谷为主要原料，以曲类、酒母为糖化发酵剂，利用淀粉质（糖质）原料，经蒸煮、糖化、发酵、蒸馏、陈酿和勾兑而酿制而成的各类酒。白酒是一种特殊的食品，它是属于物质的，但又同时融于人们的精神生活之中。在中国白酒历史悠长，是中国人民喜欢的一种饮品",
    "过滤目的：",
"1、去除颗粒及混浊物（蛋白质、糖类、淀粉等）",
"2、去除酵母或细菌，提高白酒品质",
" ",
"过滤目的：",
"1、过滤高，滤材刚性好，纳污量大",
"2、对微生物拦截效果好，且寿命长",
"3、滤材吸附性小。",
],
    bgImg:"http://17440441.s21i.faiusr.com/2/ABUIABACGAAg9cbJ3wUoxJuRZDD-BDjFAg!600x600.jpg"
}
app.get('/',(req,res)=>{
    res.render('index.html')
  })
  app.get('/sun6',(req,res)=>{
    const data=data1
    res.render('sun.html',{data})
})

app.get('/sun2',(req,res)=>{
    const data=data2
    res.render('sun.html',{data})
})
app.get('/sun5',(req,res)=>{
    const data=data3
    res.render('sun.html',{data})
})
app.listen(3000,(data)=>console.log('app is running...'))

 

html中子网页模板部分

<span id="cRight">
            <div style="background: #00A0E9;color: #fff;font-size: 14px;width: 138px;height: 42px;text-align: center;line-height: 40px;margin-bottom: 20px;">{{data.title}}</div>
            <span></span>{{each data.content}}{{data.yes}}
            <p>{{$value}}</p>
            {{/each}}
            <img src="{{data.bgImg}}" alt="">

        </span><span id="cRight">
            <div style="background: #00A0E9;color: #fff;font-size: 14px;width: 138px;height: 42px;text-align: center;line-height: 40px;margin-bottom: 20px;">{{data.title}}</div>
            <span></span>{{each data.content}}{{data.yes}}
            <p>{{$value}}</p>
            {{/each}}
            <img src="{{data.bgImg}}" alt="">

        </span>