分享一個 nodejs ejs前端模板的實例代碼

2020-03-24 16:48:14

字體：大中小

來源：轉載

供稿：網友

前言：
如果所有的前端頁面都需要自己拼裝成HTML字符串之后打印給前臺，那么對開發人員來說無疑是很大的工作量，因此，就需要使用前端模板，把關注的重心集中到前端的數據上，類似于PHP，JSP等web動態語言。

模板選擇：

由于是團隊協作，為了降低學習成本，我選擇了EJS，類似于PHP和JSP的開發，熟悉這個的人，就大大的提高了效率。

啟動webapp 頁面[javascript] view plain copyvar express = require( express var http = require( http var app = express(); ////////////////////// 設置模板 ///////////////////////////// var ejs = require( ejs //使用set方法，為系統變量“views”和“view engine”指定值。 app.set( views , __dirname + /views // 指定模板文件的后綴名為html app.set( view engine , html // 運行hbs模塊 app.engine( html , ejs.__express); ////////////////////// 利用文件來拆分路由的規模 ///////////////////////////// var router = express.Router(); var router1 = require( ./routes/router1 var router2 = require( ./routes/router2 var router3 = require( ./routes/router3 var testRouter = require( ./routes/test/test 
router.get( /a , function(req, res, next) {  res.render( router1/index , { name: Express 路由1 }); module.exports = router; 模板頁面views/router1/index.html[html] view plain copy !DOCTYPE html  html lang= zh-CN  head  meta name= viewport content= width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no  meta http-equiv= Content-Type content= text/html; charset=UTF-8  script src= ../../public/js/jquery.min.js /script  script src= ../../public/js/hb_common.js /script  link rel= stylesheet href= ../../public/css/bootstrap.min.css  link rel= stylesheet href= ../../public/css/hb_wap.css  title 黃彪測試nodejs模板 /title  /head  body  button >以上就是分享一個 nodejs ejs前端模板的實例代碼的詳細內容，html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。