1. 程式人生 > >NODEJS實戰微博評論01_專案介紹+啟動服務

NODEJS實戰微博評論01_專案介紹+啟動服務

最終效果:

1.若資料庫中無評論時,顯示“暫無評論”

2.按照評論的逆序時間分頁顯示,每4條一頁,當多於4條時,自動增加頁數按鈕,提交評論時,會自動跳轉回第一頁

3.可對每條評論點贊或踩,將點贊,踩資料儲存到資料庫,重新整理不變

接下里,一步一步開始構建我們的專案

1.安裝好nodejs是構建專案的前提條件,安裝的日期太久遠了,找不到教程了,朋友們可自行百度,安裝好後可在命令列用node -v檢查版本號,若出現版本號,則安裝成功

2.安裝模組

新建一個資料夾weibo,當作該專案根目錄,請確保專案路徑不包含中文(如果含有中文模組會報錯)

開啟命令列到該專案根目錄執行npm init:

一路按照預設,都直接敲回車,此操作後會在weibo資料夾中生成package.json檔案

安裝該專案需要的模組

執行 npm i --save-dev body-parser cookies express mongoose swig,
生成node_modules存放這些模組

body-parser: 解析post body攜帶的資料
cookies: 讀寫cookie
express: node.js Web應用框架,用於建立Web應用
mongoose: mongodb資料庫操作
swig: 模板解析引擎

3.建立應用目錄

app.js: 應用啟動檔案入口
route.js:路由規則,分模組開發
models: 資料庫模型檔案目錄
schemas: 資料庫結構檔案目錄
views: 模板渲染檔案目錄
public: 靜態檔案目錄(css,js,imgs等)

4.啟動第一個服務

在app.js中編寫程式碼

//載入express模組
var express = require('express');
//建立app應用
var app = express();

/**
 * req:request物件,用於接收客戶端傳來的資料
 * res:response物件,用於返回客戶端資訊/資料
 * next:函式,用於執行下一個和當前路徑匹配的函式
 */
app.get('/', function (req, res, next) {
    res.send('<h1>hello world</h1>');
})

//在8080埠監聽,若8080埠被佔用,可以改成在8081埠等監聽
app.listen(8080);

執行 app.js

然後在瀏覽器網址欄輸入 localhost:8080 (若app.js中是在8081埠監聽,則在位址列輸入 localhost:8081 訪問)

至此,服務啟動成功