首页 > 编程语言 >Node.js Express 框架(2)

Node.js Express 框架(2)

时间:2024-04-26 17:24:02浏览次数:23  
标签:Node res app Express js 模版 news 客户端 ejs

1.读取文件并返回给客户端

  • res.sendFile(path):读取文件并返回给客户端,适合静态页面
app.get("/",function(req,res){
    res.sendFile(path.join(__dirname,"index.html"))
})
  • res.render(path,data):读取文件,配合模版引擎可以将数据渲染到文件中并返回给客户端,适合动态页面
//安装ejs模版引擎
npm install ejs
<!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>
    <h3><%= title %></h3>
    <p><%= content %></p>
    <p><%= author %></p>
</body>
</html>
//创建服务对象
let app = express()

//引入ejs
const ejs = require('ejs')

//声明模版文件的目录
app.set('views', './views')
//声明使用的模版引擎
app.set('view engine', ejs)

//设置路由,监听路径的访问
app.get("/news",function(req,res){
    //模拟数据库中的数据
    var news = {
        title:"我是标题",
        content:"我是内容",
        author:"我是作者"
    }
    //读取模版文件并插入数据,返回给客户端
    res.render("news.ejs",news)
})

//开启服务,监听80端口
var server = app.listen(8086,function(){
    
    //当前当前监听的端口号
    var port = server.address().port
    console.log(`Server running at http://127.0.0.1:${port}/`)
})

标签:Node,res,app,Express,js,模版,news,客户端,ejs
From: https://www.cnblogs.com/OrochiZ-/p/18160485

相关文章

  • vue3打包js内存溢出
     第一步:npminstall-gincrease-memory-limit第二步:npminstallincrease-memory-limit—save-dev第三步:package.json文件中修改   "build:win32":"cross-envLIMIT=2048increase-memory-limitBUILD_TARGET=win32node.electron-vue/build.js",//添加这个......
  • 【python】记录一次python发送json数据到go服务端,服务端解析失败问题
    【python】记录一次python发送json数据到go服务端,服务端解析失败问题背景:在做性能测试时,python把采集到的性能数据通过post回传到服务端,服务端用go实现,服务端是将接收的json通过json.Unmarshal反序列化为对应的结构体,但在实现时一直提示数据类型错误的问题问题代码python发送请......
  • js数组合并去重
    //数组去重//优化遍历数组法functionuniqueArr(array){varr=[];for(vari=0,l=array.length;i<l;i++){for(varj=i+1;j<l;j++)if(array[i].item_code===array[j].item_code)j=++i;r.push(array[i])......
  • 使用浏览器F12控制台模拟js点击隐藏功能
    F12里能看到有下载功能,但是前端页面上隐藏了(看到display参数是none)F12里先找个功能测试下,比如下面的旋转功能切换到“控制台”,输入下面,“pageRotateCw”是iddocument.getElementById('pageRotateCw').click();把pageRotateCw替换到download即可下载删除这个参数也可以......
  • 2024-04-26 moment.js和day.js之用法和优缺点对比
    用法对比:Moment.js:时间戳转时间格式:moment(timestamp).format('YYYY-MM-DDHH:mm:ss')时间转时间戳:moment(dateString,'YYYY-MM-DDHH:mm:ss').valueOf()Day.js:时间戳转时间格式:dayjs(timestamp).format('YYYY-MM-DDHH:mm:ss')时间转时间戳:......
  • Vetur can't find `tsconfig.json` or `jsconfig.json` in *****报错
    解决Vscode报错[Veturcan‘tfind‘tsconfig.json‘or‘jsconfig.json‘] 报错原因翻译一下报错信息,"Vetur找不到tsconfig.json文件或者jsconfig.json文件".首先Vetur只会扫描项目的根目录下的jsconfig或者tsconfig,如果没有这两个文件之一,就会报错.如果你是通过vue-c......
  • Chartist.js条形图(三)
    响应配置代码如下<!DOCTYPEhtml><html><head><linkrel="stylesheet"href="./chartist.min.css"><scriptsrc="./chartist.min.js"></script><scriptsrc="https://cdnjs.cloudf......
  • Chartist.js饼图
    基础代码如下<!DOCTYPEhtml><html><head><linkrel="stylesheet"href="./chartist.min.css"><scriptsrc="./chartist.min.js"></script><scriptsrc="https://cdnjs.cloudfla......
  • Chartist.js条形图
    双极条形图代码案例<!DOCTYPEhtml><html><head><linkrel="stylesheet"href="./chartist.min.css"><scriptsrc="./chartist.min.js"></script><scriptsrc="https://cdnjs.cloud......
  • Chartist.js条形图(二)
    多行标签代码如下<!DOCTYPEhtml><html><head><linkrel="stylesheet"href="./chartist.min.css"><scriptsrc="./chartist.min.js"></script><scriptsrc="https://cdnjs.cloudf......