node express框架-ejs模板添加路由站点加载页面

蔚落 2021-07-24 19:37 410阅读 0赞

express框架搭配的ejs模板
     类似于art-template，用于给页面渲染数据
    
    1、下载npm install ejs --save
    2、设置默认模板引擎 app.set('View engin','ejs');  在服务器启动前,即app.listen()之前设置
    3、设置引擎打开页面路径,app.set('views','存放html页面的文件夹的路径')； 其中html文件必须改成.ejs后缀
    4、在ajax请求中,res.render('当前文件夹的html页面名称,后缀为ejs',{无替换的内容就传空对象})

代码示例:

/** * Created by 10853 on 2020/2/1. */
    //引入模块
    var express=require('express');
    
    //创建服务器
    var app=express();
    
    //引擎设置
    app.set('View engine','ejs');
    app.set('views','./');//不写默认在views文件里(若无需创建)
    
    //开启服务器并监听端口
    app.listen(3000,function(){ 
        console.log('this express server is running at http://127.0.0.1:3000 ');
    
    })
    
    //注册app中间件use,可处理get和post请求
    //app.use(function(req,res){ 
    // console.log('...')
    //})
    
    
    //注册get请求中间键
    app.get('/',function(req,res){ 
        //服务器回应数据
        res.render('1s.ejs',{ })
    })
    
    app.get('/movie',function(req,res){ 
        res.render('2s.ejs',{ })
    })
    
    app.post('/submit',function(req,res){ 
        res.send('这是一个post请求的数据');
    })

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70]: /images/20210724/795eab3f6c974504a57ccfc54452a183.png