准备HTML模板文件index.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7. </head>
  8. <body>
  9.     <h1>电影祥情</h1>
  10.     <hr>
  11.     <!-- 自定义模板语法，这里只演示简单对象渲染,其他复杂对象， if,for此处未演示 -->
  12.     <h2>名称：{{name}}</h2>
  13.     <hr>
  14.     <h2>导演：{{author}}</h2>
  15.     <hr>
  16.     <h2>简介：</h2>
  17.     <p>{{brief}}</p>
  18. </body>
  19. </html>

创建服务器server.js 文件

  1. //引入http和文件系统（均为node内置模块，无需安装）
  2. let http = require('http');
  3. let fs = require('fs');
  5. /**
  6.  * 模拟数据库
  7.  */
  8. const MockDataBase = {
  9.     //定义一个查询电影记录的方法，返回一个movie对象
  10.     getMovie : function(){
  11.         let movie =  {
  12.             name:'黑暗正义联盟：天启星战争',
  13.             brief:'正义联盟集结地球上所有超级英雄一起对抗强大的反派达克赛德。',
  14.             author:'马特·皮特斯 Matt Peters'
  15.           };
  16.           return movie;
  17.     }
  18. }
  22. /**
  23.  * 实现一个简单的模板引擎，接收模板路径和数据模型两个参数。
  24.  * 原理就是读取模板文件，根据自定义的模板语法解析，然后替换为模型数据
  25.  */
  26. function defaultTemplateEngine(path,model){
  27.     console.log('执行模板引擎，渲染数据。')
  28.     fs.readFile(path,{encoding:"utf-8",flag:"r"},(err,data)=>{
  29.         if(err){
  30.             this.end(err);
  31.         }else{
  32.             /**
  33.              * 使用正则替换掉要渲染的数据
  34.              * 本例中只模拟了简单对象的渲染处理
  35.              * 其他 if，for等未实现。
  36.              */
  38.             let reg = /\{\{(.*?)\}\}/igs
  39.             let result;
  40.             while(result = reg.exec(data)){
  41.                 //去除2边的空白
  42.                 let strKey = result[1].trim()
  43.                 let strValue = model[strKey]
  44.                 //将模板中的语法位置替换为要响应的数据
  45.                 data = data.replace(result[0],strValue)
  46.             }
  47.             /**
  48.              * 返回渲染完成的html内容
  49.              * 因为回调函数使用的是匿名函数，所在可以使用this对象，此处的this指向的是调用者，
  50.              * 此例中，调用者是http请求的响应对象res，end是res对象中内置的一个函数，此函数作用是结束请求，并发送响应数据。
  51.              */
  52.             this.end(data);
  53.         }
  54.     })
  55. }
  57. /**
  58.  * 实现一个简单的模型引擎过滤器
  59.  * 此过滤器中向res对象追加了模板渲染引擎函数render。
  60.  */
  61. function templateEngineFilter(req,res){
  62.     if(req.url == '/'){
  63.         console.log('执行模板引擎过滤器，向响应对象追加一个模板渲染引擎函数')
  64.         res.render = defaultTemplateEngine;
  65.     }
  66. }    
  69. //创建一个服务
  70. let server = http.createServer();
  71. //服务监听请求
  72. server.on('request',async function(req,res){
  73.     console.log('收到请求：' + req.url);
  74.     //执行请求过滤器
  75.     templateEngineFilter(req,res);
  76.      //设置响应类型及字符集编码
  77.     res.setHeader('Content-Type','text/html;charset=utf-8')
  79.     //如果请求路径是根路径 ‘/’ 则返回电影信息页面，否则返回404
  80.     if(req.url=='/'){
  81.         //从数据库中获取电影信息
  82.       let movie = await MockDataBase.getMovie();
  83.       //调用响应对象的模板渲染函数，将数据渲染到页面
  84.       res.render('./index.html',movie)
  85.     }else{
  86.         res.end('404！资源不存在。')
  87.     }
  88. })
  90. //服务监听80端口
  91. server.listen(80,function(){
  92.     console.log('服务启动成功。')
  93. })

运行命令，启动服务

  1. node server.js

server.gif