node學習筆記

原創

2019-07-30 05:22

1.content-type

資源對應的content-type

文本和html：

圖片：

2.nodejs中的模板引擎art-template

//獲取模板引擎實例
var template = require('art-template');
 
//獲取文件操作對象實例
var fs = require('fs');
 
//獲取服務器實例
var http = require('http');
 
//創建服務器，並綁定8888端口
var server = http.createServer().listen(8888, function () {
    console.log('Server star ....');
})
 
//服務器監聽方法
server.on('request', function (req, res) {
 
    //獲取請求地址
    var url = req.url;
 
    if (url === '/') {
 
        //讀取當前目錄下的'tpl.html'文件
        fs.readFile('./tpl.html', function (err, data) {
            if (err) {
                //讀取失敗
                return console.log('讀取文件失敗了')
            }
            //讀取成功後，使用模板引擎替換字段
            /**
             * 替換規則
             * 替換標記：{{}}
             * 例如：{{ name }}  替換爲下面的  Node
             */
            var ret = template.render(data.toString(), {
 
                //對應{{ name }}
                name: 'Node',
 
                //對應{{ age }}
                age: 18,
 
                //對應{{ province }}
                province: '上海市',
 
                //對應{{each hobbies}} {{ $value }} {{/each}}
                //此爲數組 each開始循環  /each結束循環
                hobbies: [
                    '寫代碼',
                    '打遊戲',
                    '聽音樂'
                ],
 
                //對應{{ title }}
                title: '個人信息'
            })
            res.end(ret);
        })
    } else {
 
        //其他請求地址
        res.end('404');
    }
})

html代碼：
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{{ title }}</title>
</head>
<body>
  <p>大家好，我叫：{{ name }}</p>
  <p>我今年 {{ age }} 歲了</p>
  <h1>我來自 {{ province }}</h1>
  <p>我喜歡：{{each hobbies}} {{ $value }} {{/each}}</p>
  <script>
    var foo = '{{ title }}'
  </script>
</body>
</html>

4.require

5.module