node中的Express框架怎么安裝使用

這篇“node中的Express框架怎么安裝使用”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“node中的Express框架怎么安裝使用”文章吧。

Express框架

1.什么是框架

可以理解為是一條路，要遵守一定的規則，就會給咱們提供很多便利。為了規范開發流程，降低開發難度，提高開發效率而制定的一套共人們使用的功能模塊或者是編程的約定。

2.express安裝

1. mkdir myapp 創建項目目錄。

2. cd myapp==>npm init。

3. npm install express --save （可替換為[-S]）。 

3.創建web服務

基本遵循之前的四個步驟：

• 導入需要使用的express包

• 創建web實例

• 定義允許訪問的地址 ( 路由 )

• 原先的輸出： res.end()

• 使用express后的輸出： res.send()

• 啟動服務 （監聽端口）

//前提是安裝好express，導包
let express=require('express');
//創建web服務
let app=express();

//配置路由
  //監聽  get請求
  //req  請求對象
  //res  響應對象 
app.get("請求的URL",(req,res)=>{
    //邏輯
    //向客戶端響應數據
    res.send({id:1,name:'張三'})
});
//監聽post請求
app.post("請求的URL",(req,res)=>{
    //邏輯
});
......

//開啟服務器
app.listen(8000,()=>{})

4.路由

接收發送請求，分析請求路徑（pathname），分發到指定的位置。

由 ：請求方式+請求路徑

（1）get發送數據

查詢字符串：？key=value&key=value

（2）get接收數據

Express中內置了一個API，可以直接通過request.query來獲取。

request.query

// 在express中可以直接通過 request.query 來獲取字符串參數
// http://127.0.0.1:4000/about?name=zhangsan&message=hello
app.get('/about',function (request,response) {
  console.log(request.query);
  response.send('關于我');
})

（3）get動態路由

/path/:id

接受數據：req.params

（4）post接收數據

在Express中沒有內置獲取 post 請求體的API，我們需要使用第三方插件 body-parser

安裝 npm install body-parser

配置 body-parser

進行下方代碼的配置，就會在 request 請求對象上就會多出來一個屬性：body 我們就可以直接通過 request.body 來獲取表單 POST 請求體的數據了

app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())

使用

var express = require('express')
var bodyParser = require('body-parser')

var app = express()

app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())

app.post('/about',function (request,response) {
  console.log(request.body);
})

（5）post傳遞數據

const express = require('express');
const app = express();
app.post('/api/post', function(req, res) {
  // 直接返回對象
  res.send({ name: 'abc' });
});
app.listen('8088', () => {
  console.log('8088');
});

5.模板引擎 

什么是模板引擎

模板引擎是一個將頁面模板和要顯示的數據結合起來生成HTML頁面的工具。

引入模板引擎設置模板目錄設置模板引擎渲染模板

app.render(viewname,data,callback)

原理

function render(tpl,data){
    return tpl.replace(/\{\{(\w+)\}\}/g,function(input,words){
        return data[words];
        })
}
var result = render('<h2>{{title}}</h2>',{title:'人生如此美好'})

在express中使用模板引擎

app.set('views','./views'); //設置模板存儲位置
app.set('view engine','ejs'); //設置模板引擎

設置模板引擎后綴

app.set('views',path.join(__dirname,'views')); //設置模板存儲位置
app.set('view engine','html');
app.engine('html',require('ejs').renderFile); //使用ejs模板引擎解析html

ejs的標簽

• <% &lsquo;Scriptlet&rsquo; 標簽, 用于控制流，沒有輸出

• <%= 向模板輸出值（帶有轉義）

• <%- 向模板輸出沒有轉義的值

• <%# 注釋標簽，不執行，也沒有輸出

• <%% 輸出字面的 &lsquo;<%&rsquo;

• %> 普通的結束標簽

語法

<% code %> //javascript代碼
<%= code %> //顯示替換過html的特殊字符內容
<%- code %> //顯示原始html內容(支持標簽)

<%= code %>與<%- code %>的區別，code為普通字符串兩者沒有區別，為標簽時<%- code %>會顯示標簽效果

包含include

<% include header %>
<% include tpl/footer %>

自定義分隔符

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
var ejs = require('ejs');
ejs.delimiter = '$';
app.engine('ejs',ejs.renderFile);

6.靜態文件托管

設置靜態托管：app.use( express.static ( ) )

本方法一定要寫在具體的路由監聽之前。

app.use(express.static('static'));
//讓app實例去使用一些內容（常規的方法，也是一些中間件）；
//express.static("public")中的參數是靜態路由資源所在的目錄的名字

//其還支持虛擬的前綴用于迷惑被人
app.use('/gjsgadjgajdgadgajdga',express.static('static'));

前綴的使用意義：

可以迷惑被人，一定程度上阻止被人猜測我的服務器的目錄結構可以幫助我們更好的阻止和管理靜態資源

以上就是關于“node中的Express框架怎么安裝使用”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。