俗話說好記性不如爛筆頭,在看了兩天文檔后,在這里準備把自己學到的東西寫成文章記錄下來。
默認ejs模板只支持渲染以ejs為擴展名的文件,可能在使用的時候會覺得它的代碼書寫方式很不爽還是想用html的形式去書寫。 在這里可以使用engine 注冊模板引擎的函數,讓他處理指定后綴名的文件
/** 將上面的 app.set('view engine' , 'ejs')* 修改成* */app.set('view engine' , 'html'); //修改模板文件的后綴名為htmlapp.engine('.html' , ejs.__express); //"__express",ejs模塊的一個公共屬性,表示要渲染的文件擴展名。接下來在控制臺跑起來看看
![![node app.js][1]](http://s1.VeVb.com/20170221/bkfdcl1hy5m34.png)
瀏覽器訪問 http://localhost:3000 成功輸出 
到這里項目就已經初步搭建起來了。
在根目錄新建routes 文件夾
// routes/index.js var express = require('express');var router = express.Router(); //使用 express.Router 類創建模塊化、可掛載的路由句柄// 訪問根路由 渲染 index 模板router.get('/', function (req, res) { res.render('index');});module.exports = router;添加模板, 在views文件夾下新建 index.html 模板 (就一普通html文件)
修改入口文件app.js
// 引入 路由模塊var router = require('./routes/index');app.use('/', router);將寫在app.js 中的路由刪掉。
到這里整個項目已經搭建起來了,大功告成。
//app.js// 引用模塊var express = require('express');var path = require('path');var ejs = require('ejs');var app = express();var port = process.env.PORT || 3000;// 引入 路由模塊var router = require('./routes/index');app.use('/', router);// 設置視圖文件目錄app.set('views', path.join(__dirname,'views')); // app.set('view engine' , 'ejs'); //設置模板引擎為ejsapp.set('view engine' , 'html'); //設置模板引擎為htmlapp.engine('.html' , ejs.__express);app.use( express.static(path.join(__dirname, 'public')) ); // 配置靜態資源目錄app.listen(port);console.log('server started at port ' + port);ps: 第一次寫文章,請多多指教。
|
新聞熱點
疑難解答