搭建express框架

2022-03-18 05:02:27 字數 2228 閱讀 2532

express建立專案與vue差不多,兩者都有腳手架。

1.全域性安裝express及express-generator(express的腳手架)

命令:npm install  -g express,npm install -g express-generator
2.初始化乙個express應用

(其中

初始化後的專案目錄結構:

目錄結構簡介:

package.json應用的配置檔案,檔案內包含程式的基礎資訊、啟動指令碼和依賴包等。

bin/www應用的啟動檔案,檔案內包含引用要啟動的應用、設定應用監聽的埠和啟動http服務等。

public/**應用的靜態資源檔案目錄,該目錄下的檔案資源不需要經過檔案對映就可以直接訪問。

routes/**應用的路由檔案,這些路由檔案中設定的介面最終會以指定的http請求方式暴露給使用者,並在使用者請求之後將結果返回。

3.啟動應用

安裝應用的依賴包命令:npm install

啟動程式命令:npm startnode bin/www

啟動後,用瀏覽器訪問:localhost:3000(預設啟動埠為3000),可以看到如下頁面:

1.首先新建乙個js檔案,用來封裝運算元據庫得函式

1

let mysql = require("mysql");

2let options =

9// 建立資料庫連線

10let con = mysql.createconnection(options)

1112

// 建立連線

13con.connect((err)=>else

20})

21// 封裝查詢資料庫的內容,返回promise

22function sqlquery(strsql,arr)else

30})

31})32}

33// 匯出函式

34 module.exports = sqlquery;

let sqlquery = require("./mysql/mysql");

let express = require("express")

let options =

// 返回資料庫前30條資料

let strsql = "select * from onepice limit 0,30";

let result = sqlquery(strsql);

console.log(result);

res.send("首頁")

})

})// 匯出

把res.send換為return res.jsonp(result);就可以傳送json資料

3.根據所查尋得內容返回後台資料:

1

2let strsql = "select * from onepice where id = ? ";

3let id = req.params.id;

4// 把sql語句傳入,並且傳入佔位符的引數

5let results = await sqlquery(strsql ,[id]);

6//查詢到的資料陣列化,並返回json資料

搭建基於Express框架執行環境

1.它是node的框架,可以快速搭建node服務 2.安裝espress generator生成器,就像利用vue lic可以快速生成乙個vue2,0的專案號框架 3.通過生成器自動建立專案 4.配置分析 這個專案是把前後端合在一起開發的,也可以單獨生成乙個專案,建立伺服器,再把伺服器引進來 第一步...

Express框架介紹

npm提供了大量的第三方模組,其中不乏許多web框架,我們沒有必要重 明輪子,因而選擇使用express作為開發框架,目前最穩定且唯一乙個web開發框架。提供更高層的介面外,還實現了許多功能,如下 路由控制 模版解析支援 動態檢視 使用者會話 csrf保護 靜態檔案服務 錯誤控制器 訪問日誌 快取外...

Express框架基礎

npm install express 1.建立服務 var express require express 2.監聽 server.listsen 8080 3.處理請求 server.use 位址 function req,res var express require express var ...