前端隨心記---------nodejs基礎學習-Express 框架

Express 框架簡介

1. express 框架是什麼？
2. 爲何要使用 express 框架呢？
3. 如何使用 express 框架呢？

express 框架是什麼？

　　Express基於nodejs開發的一個框架（基於http模塊封裝，功能更強）。

　　Express 是一個保持最小規模的靈活的 Node.js Web 應用程序開發框架，爲 Web 和移動應用程序提供一組強大的功能。

爲何要使用 express 框架呢？

          加快項目開發，便於團隊協做。

         Express 提供精簡的基本 Web 應用程序功能，而不會隱藏您瞭解和青睞的 Node.js 功能。

如何使用 express 框架呢？

 

 

 Express 入門使用

1. express 入門使用
2. express 路由
3. 什麼是路由？
4. 爲何要使用路由呢？
5. 如何使用路由呢？
6. 什麼是路由參數呢？

Express之路由 

　　路由就是當瀏覽器輸入一個 URL 地址後，將該請求交給後臺的哪個應用程序進行處理的過程稱爲路由。而這樣的操做須要事先在後臺定義好規則，定義出來的規則咱們叫作 路由規則。

　

如何使用路由呢？　

路由基本語法

1. 普通語法

app.HTTP請求類型（請求路徑，回調函數）

 

發送 GET請求：app.get（請求路徑，回調函數）

 

發送 POST請求：app.post（請求路徑，回調函數）

 

發送 任意請求：app.all（請求路徑，回調函數）

 

2. 特殊語法

app.use（請求路徑，回調函數）

+ 區別1：use匹配任意類型請求

+ 區別2：use非徹底匹配（ps. 只須要 url前面匹配 請求路徑便可匹配）

 

 

什麼是路由參數呢？

　路由參數

 　當在 url 地址後面經過 name=andy&age=12 方式傳遞 get參數後，若是須要在服務器端進行獲取，則能夠經過路由參數獲取。

基本語法:

 

app.HTTP請求類型（請求路徑/:參數1/.../:參數n，回調函數）

 

 

利用 Express 託管靜態文件

 

 

 

 

 

 項目部署

簡單的項目部署

1.將項目文件集中存放templates 和index.js同目錄下

2.templates存放同級目錄 （.css）(.js)   (.imgs)  (.json)   及  html

3.npm下載依賴包

var http = require('http');//引入http模塊

var fs = require('fs');//引入fs模塊

//建立一個服務
var server = http.createServer(function (req, res) {
    
    var requestUrl = req.url;
        //indexof判斷requestUrl是否含有「.html」,若是沒有則返回-1,
    if( requestUrl.indexOf('.html') > -1 ){
        // ./templates/index.html
        fs.readFile('./templates' + requestUrl, 'utf8', function (error, dataString) {
            //fs模塊中的方法 讀取文件readFile
            res.end( dataString );
            //響應結束返回內容
        });

    }else if( requestUrl.indexOf('css/') > -1 ){
        fs.readFile('./templates' + requestUrl, 'utf8', function (error, dataString) {

            res.end( dataString );

        });
    }else if( requestUrl.indexOf('js/') > -1 ){
        fs.readFile('./templates' + requestUrl, 'utf8', function (error, dataString) {

            res.end( dataString );

        });
    }else if( requestUrl.indexOf('images/') > -1 ){
        fs.readFile('./templates' + requestUrl, function (error, dataString) {

            res.end( dataString );

        });
    } else{
        res.end('404');
    }

});    
//設置端口爲8080,或者其餘值
var port = 8080;
//監聽端口port，
server.listen(port, function() {
    console.log( `server running at ${port}...` );
})