1. 程式人生 > >express的路由,怎麼解析html模板

express的路由,怎麼解析html模板

一、寫作背景

        最近接觸了express的路由,感覺不是那麼簡單,以前接觸過後端語言,而且自己做過專案,對路由並不陌生。但是可能是因為自己急於完成任務,只想著先完成任務,先把目的達到,照著葫蘆畫瓢,然後再慢慢搞懂每個的意思。但是越這樣,就越搞不懂每個細節到底什麼意思,看文件的時候就很緊張,然後陷入死迴圈,後來雖然做了出來,但是很多東西還是不懂,而且自己做的很不好,一點都不簡潔,只想著趕緊做完,並沒有完全弄懂。後來我老大幫我做好了一個模板發給我,讓我照著寫,下面把程式碼貼出來,如果以後遇到這類的問題,可以再過來看看。

二、操作步驟

        1、在專案根目錄安裝ejs

npm install --save ejs

        2、引入ejs外掛

            開啟專案入口檔案,初始化node專案的時候預設的名字是index.js,我習慣用app.js,在專案入口檔案裡面引入剛才安裝的ejs外掛,這樣以後就不用再引入了。

const ejs = require('ejs');

        3、設定 html 的模板引擎

app.engine('html', ejs.__express);

        說明:這裡的app在上面已經定義過,程式碼如下:

const express = require('express');
const app = express();

        4、設定檢視引擎

app.set('view engine', 'html');

        到這裡就已經配置結束了,重啟伺服器之後就可以使用了,我認為只要是更改了配置資訊,都需要重啟伺服器。但是光是配置好了還不行,還要學會怎麼使用。

三、如何使用

        1、建立rotuter.js

            在 app.js (即該專案入口檔案)同級的目錄地方建立router.js檔案,先不要管這裡面寫一些什麼內容,首先要在入口檔案裡面引人剛才的router.js,這樣專案跑起來的時候才能進入路由的檔案,然後執行裡面的程式碼,監控路由並返回相應的頁面。然後在app.js裡面寫上如下程式碼,

const Router = require("./router.js");
app.use('/', Router);

        2、router裡面的具體內容

const express = require('express');
const router = express.Router();

router.use(function timeLog(req, res, next) {
  next();
});

setRouter=(url,path)=>{
  router.get(url, function(req, res) {
    res.render(path);
  });
}

// 這裡就是怎麼使用路由
setRouter("/register","register");

module.exports = router;
        這裡的setRouter是自己定義的名字,你可以定義自己喜歡的名字。然後這個目錄部分到底怎麼寫,自己要注意一下,因為這個是我的專案裡面的路徑,你們可以根據自己本地的路勁寫。如果實在不會寫,可以多試試。

四、總結

        剛開始拿到這個問題的時候,我花了很長時間看express,但是還是感覺很多都不會,一度非常灰心,知道做出來之後終於感覺好一點,所以在這裡把程式碼貼出來,以後如果自己忘了,再回來開啟這個看看。