后端向前端传输数据

1.首页往前端传送

const express = require('express')

const app = express()


//引入express-art-template 用来解析html文件
app.engine('html', require('express-art-template'))


app.use('/js', express.static('js'))
app.use('/img', express.static('img'))
app.use('/css', express.static('css'))
app.use('/views', express.static('views'))
app.use('/node_modules', express.static('./node_modules'))

app.get('/', (req, res) => {
    res.render('index.html')
})
app.get('/index.html', (req, res) => {
    res.render('index.html')
})
app.get('/gong.html', (req, res) => {
    res.render('gong.html')
})

app.get('/an.html', (req, res) => {
    res.render('an.html')
})
app.get('/ye.html', (req, res) => {
    res.render('ye.html')
})
app.get('/dong.html', (req, res) => {
    res.render('dong.html',{data})
})

app.listen(3000, () => console.log('app is runing......'))
2.子页面向主页传输数据

const data =
    title: "公司动态",
    article: [
        {id: 1,
            'articletitle': "标题",
            firm:'内容',
            date: 
        },
        {id: 2,
            'articletitle': "",
            firm:'',
            date: 

const dataOne= {
    title: "标题 ”\n",
    date: "发表时间：2021-09-12\n",
    article: [
        {data1:"内容"},
        {img1:"图片网址"},

app.get('/zi.html', (req, res) => {
    console.log(req.query.id)
    let dataTotal=null
    if (req.query.id == 1) {
        dataTotal=dataOne
    }
    if (req.query.id == 2) {
        dataTotal = dataTwo
    }
    if (req.query.id == 3) {
        dataTotal = dataThree
    }

    res.render('zi.html', {dataTotal})

})

app.listen(3000, () => console.log('app is runing......'))
3.图片大小的修改
在图片网址后面修改图片

在.jpg前加一个！宽×高

例如

 但是图片的宽高必须是一致的如400×400.