在express路由中使用ejs模板引擎

首先创建文件夹，
example
–views
–about.ejs
–index.ejs
app.js

app.js 代码

var express = require('express');
var app = express();app.set('views', './views'); // 指定视图所在的位置
app.set('view engine', 'ejs'); // 注册模板引擎var server = app.listen(8083, function () {app.get('/', function (req, res) {res.render('index', { title: '标题', message: '信息'});})app.get('/about', function (req, res) {res.render('about', { title: 'about', message: '信息'});})})
// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8083/');

about.ejs 代码

<!DOCTYPE html>
<html><head><title><%= title %></title><!-- <link rel='stylesheet' href='/stylesheets/style.css' /> --></head><body><h1><%= title %></h1><p>Welcome to <%= message %></p></body>
</html>

index.ejs 代码

<!DOCTYPE html>
<html><head><title><%= title %></title><!-- <link rel='stylesheet' href='/stylesheets/style.css' /> --></head><body><h1><%= title %></h1><p>Welcome to ejs <%= message %></p></body>
</html>

启动命令 node app.js

效果：

http://127.0.0.1:8083/

标题

Welcome to 信息
http://127.0.0.1:8083/about

about

Welcome to ejs 信息

记得下载依赖 npm install express，npm install ejs

{
“requires”: true,
“lockfileVersion”: 1,
“dependencies”: {
“accepts”: {
“version”: “1.3.5”,
“resolved”: “https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz”,
“integrity”: “sha1-63d99gEXI6OxTopywIBcjoZ0a9I=”,
“requires”: {
“mime-types”: “2.1.21”,
“negotiator”: “0.6.1”
}
},
“array-flatten”: {
“version”: “1.1.1”,
“resolved”: “https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz”,
“integrity”: “sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=”
},
“body-parser”: {
“version”: “1.18.3”,
“resolved”: “https://registry.npmjs.org/body-parser/-/body-parser-1.18.3.tgz”,
“integrity”: “sha1-WykhmP/dVTs6DyDe0FkrlWlVyLQ=”,
“requires”: {
“bytes”: “3.0.0”,
“content-type”: “1.0.4”,
“debug”: “2.6.9”,
“depd”: “1.1.2”,
“http-errors”: “1.6.3”,
“iconv-lite”: “0.4.23”,
“on-finished”: “2.3.0”,
“qs”: “6.5.2”,
“raw-body”: “2.3.3”,
“type-is”: “1.6.16”
}
},
“bytes”: {
“version”: “3.0.0”,
“resolved”: “https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz”,
“integrity”: “sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=”
},
“content-disposition”: {
“version”: “0.5.2”,
“resolved”: “https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz”,
“integrity”: “sha1-DPaLud318r55YcOoUXjLhdunjLQ=”
},
“content-type”: {
“version”: “1.0.4”,
“resolved”: “https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz”,
“integrity”: “sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==”
},
“cookie”: {
“version”: “0.3.1”,
“resolved”: “https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz”,
“integrity”: “sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=”
},
“cookie-signature”: {
“version”: “1.0.6”,
“resolved”: “https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz”,
“integrity”: “sha1-4wOogrNCzD7oylE6eZmXNNqzriw=”
},
“debug”: {
“version”: “2.6.9”,
“resolved”: “https://registry.npmjs.org/debug/-/debug-2.6.9.tgz”,
“integrity”: “sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==”,
“requires”: {
“ms”: “2.0.0”
}
},
“depd”: {
“version”: “1.1.2”,
“resolved”: “https://registry.npmjs.org/depd/-/depd-1.1.2.tgz”,
“integrity”: “sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=”
},
“destroy”: {
“version”: “1.0.4”,
“resolved”: “https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz”,
“integrity”: “sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=”
},
“ee-first”: {
“version”: “1.1.1”,
“resolved”: “https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz”,
“integrity”: “sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=”
},
“ejs”: {
“version”: “2.6.1”,
“resolved”: “https://registry.npmjs.org/ejs/-/ejs-2.6.1.tgz”,
“integrity”: “sha512-0xy4A/twfrRCnkhfk8ErDi5DqdAsAqeGxht4xkCUrsvhhbQNs7E+4jV0CN7+NKIY0aHE72+XvqtBIXzD31ZbXQ==”
},
“encodeurl”: {
“version”: “1.0.2”,
“resolved”: “https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz”,
“integrity”: “sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=”
},
“escape-html”: {
“version”: “1.0.3”,
“resolved”: “https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz”,
“integrity”: “sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=”
},
“etag”: {
“version”: “1.8.1”,
“resolved”: “https://registry.npmjs.org/etag/-/etag-1.8.1.tgz”,
“integrity”: “sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=”
},
“express”: {
“version”: “4.16.4”,
“resolved”: “https://registry.npmjs.org/express/-/express-4.16.4.tgz”,
“integrity”: “sha512-j12Uuyb4FMrd/qQAm6uCHAkPtO8FDTRJZBDd5D2KOL2eLaz1yUNdUB/NOIyq0iU4q4cFarsUCrnFDPBcnksuOg==”,
“requires”: {
“accepts”: “1.3.5”,
“array-flatten”: “1.1.1”,
“body-parser”: “1.18.3”,
“content-disposition”: “0.5.2”,
“content-type”: “1.0.4”,
“cookie”: “0.3.1”,
“cookie-signature”: “1.0.6”,
“debug”: “2.6.9”,
“depd”: “1.1.2”,
“encodeurl”: “1.0.2”,
“escape-html”: “1.0.3”,
“etag”: “1.8.1”,
“finalhandler”: “1.1.1”,
“fresh”: “0.5.2”,
“merge-descriptors”: “1.0.1”,
“methods”: “1.1.2”,
“on-finished”: “2.3.0”,
“parseurl”: “1.3.2”,
“path-to-regexp”: “0.1.7”,
“proxy-addr”: “2.0.4”,
“qs”: “6.5.2”,
“range-parser”: “1.2.0”,
“safe-buffer”: “5.1.2”,
“send”: “0.16.2”,
“serve-static”: “1.13.2”,
“setprototypeof”: “1.1.0”,
“statuses”: “1.4.0”,
“type-is”: “1.6.16”,
“utils-merge”: “1.0.1”,
“vary”: “1.1.2”
}
},
“finalhandler”: {
“version”: “1.1.1”,
“resolved”: “http://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz”,
“integrity”: “sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==”,
“requires”: {
“debug”: “2.6.9”,
“encodeurl”: “1.0.2”,
“escape-html”: “1.0.3”,
“on-finished”: “2.3.0”,
“parseurl”: “1.3.2”,
“statuses”: “1.4.0”,
“unpipe”: “1.0.0”
}
},
“forwarded”: {
“version”: “0.1.2”,
“resolved”: “https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz”,
“integrity”: “sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=”
},
“fresh”: {
“version”: “0.5.2”,
“resolved”: “https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz”,
“integrity”: “sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=”
},
“http-errors”: {
“version”: “1.6.3”,
“resolved”: “http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz”,
“integrity”: “sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=”,
“requires”: {
“depd”: “1.1.2”,
“inherits”: “2.0.3”,
“setprototypeof”: “1.1.0”,
“statuses”: “1.4.0”
}
},
“iconv-lite”: {
“version”: “0.4.23”,
“resolved”: “https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz”,
“integrity”: “sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==”,
“requires”: {
“safer-buffer”: “2.1.2”
}
},
“inherits”: {
“version”: “2.0.3”,
“resolved”: “https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz”,
“integrity”: “sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=”
},
“ipaddr.js”: {
“version”: “1.8.0”,
“resolved”: “https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.8.0.tgz”,
“integrity”: “sha1-6qM9bd16zo9/b+DJygRA5wZzix4=”
},
“media-typer”: {
“version”: “0.3.0”,
“resolved”: “http://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz”,
“integrity”: “sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=”
},
“merge-descriptors”: {
“version”: “1.0.1”,
“resolved”: “https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz”,
“integrity”: “sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=”
},
“methods”: {
“version”: “1.1.2”,
“resolved”: “https://registry.npmjs.org/methods/-/methods-1.1.2.tgz”,
“integrity”: “sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=”
},
“mime”: {
“version”: “1.4.1”,
“resolved”: “https://registry.npmjs.org/mime/-/mime-1.4.1.tgz”,
“integrity”: “sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==”
},
“mime-db”: {
“version”: “1.37.0”,
“resolved”: “https://registry.npmjs.org/mime-db/-/mime-db-1.37.0.tgz”,
“integrity”: “sha512-R3C4db6bgQhlIhPU48fUtdVmKnflq+hRdad7IyKhtFj06VPNVdk2RhiYL3UjQIlso8L+YxAtFkobT0VK+S/ybg==”
},
“mime-types”: {
“version”: “2.1.21”,
“resolved”: “https://registry.npmjs.org/mime-types/-/mime-types-2.1.21.tgz”,
“integrity”: “sha512-3iL6DbwpyLzjR3xHSFNFeb9Nz/M8WDkX33t1GFQnFOllWk8pOrh/LSrB5OXlnlW5P9LH73X6loW/eogc+F5lJg==”,
“requires”: {
“mime-db”: “1.37.0”
}
},
“ms”: {
“version”: “2.0.0”,
“resolved”: “https://registry.npmjs.org/ms/-/ms-2.0.0.tgz”,
“integrity”: “sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=”
},
“negotiator”: {
“version”: “0.6.1”,
“resolved”: “https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz”,
“integrity”: “sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=”
},
“on-finished”: {
“version”: “2.3.0”,
“resolved”: “https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz”,
“integrity”: “sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=”,
“requires”: {
“ee-first”: “1.1.1”
}
},
“parseurl”: {
“version”: “1.3.2”,
“resolved”: “https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz”,
“integrity”: “sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=”
},
“path-to-regexp”: {
“version”: “0.1.7”,
“resolved”: “https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz”,
“integrity”: “sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=”
},
“proxy-addr”: {
“version”: “2.0.4”,
“resolved”: “https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.4.tgz”,
“integrity”: “sha512-5erio2h9jp5CHGwcybmxmVqHmnCBZeewlfJ0pex+UW7Qny7OOZXTtH56TGNyBizkgiOwhJtMKrVzDTeKcySZwA==”,
“requires”: {
“forwarded”: “0.1.2”,
“ipaddr.js”: “1.8.0”
}
},
“qs”: {
“version”: “6.5.2”,
“resolved”: “https://registry.npmjs.org/qs/-/qs-6.5.2.tgz”,
“integrity”: “sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==”
},
“range-parser”: {
“version”: “1.2.0”,
“resolved”: “https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz”,
“integrity”: “sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=”
},
“raw-body”: {
“version”: “2.3.3”,
“resolved”: “https://registry.npmjs.org/raw-body/-/raw-body-2.3.3.tgz”,
“integrity”: “sha512-9esiElv1BrZoI3rCDuOuKCBRbuApGGaDPQfjSflGxdy4oyzqghxu6klEkkVIvBje+FF0BX9coEv8KqW6X/7njw==”,
“requires”: {
“bytes”: “3.0.0”,
“http-errors”: “1.6.3”,
“iconv-lite”: “0.4.23”,
“unpipe”: “1.0.0”
}
},
“safe-buffer”: {
“version”: “5.1.2”,
“resolved”: “https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz”,
“integrity”: “sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==”
},
“safer-buffer”: {
“version”: “2.1.2”,
“resolved”: “https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz”,
“integrity”: “sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==”
},
“send”: {
“version”: “0.16.2”,
“resolved”: “https://registry.npmjs.org/send/-/send-0.16.2.tgz”,
“integrity”: “sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==”,
“requires”: {
“debug”: “2.6.9”,
“depd”: “1.1.2”,
“destroy”: “1.0.4”,
“encodeurl”: “1.0.2”,
“escape-html”: “1.0.3”,
“etag”: “1.8.1”,
“fresh”: “0.5.2”,
“http-errors”: “1.6.3”,
“mime”: “1.4.1”,
“ms”: “2.0.0”,
“on-finished”: “2.3.0”,
“range-parser”: “1.2.0”,
“statuses”: “1.4.0”
}
},
“serve-static”: {
“version”: “1.13.2”,
“resolved”: “https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz”,
“integrity”: “sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==”,
“requires”: {
“encodeurl”: “1.0.2”,
“escape-html”: “1.0.3”,
“parseurl”: “1.3.2”,
“send”: “0.16.2”
}
},
“setprototypeof”: {
“version”: “1.1.0”,
“resolved”: “https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz”,
“integrity”: “sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==”
},
“statuses”: {
“version”: “1.4.0”,
“resolved”: “https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz”,
“integrity”: “sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==”
},
“type-is”: {
“version”: “1.6.16”,
“resolved”: “https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz”,
“integrity”: “sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==”,
“requires”: {
“media-typer”: “0.3.0”,
“mime-types”: “2.1.21”
}
},
“unpipe”: {
“version”: “1.0.0”,
“resolved”: “https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz”,
“integrity”: “sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=”
},
“utils-merge”: {
“version”: “1.0.1”,
“resolved”: “https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz”,
“integrity”: “sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=”
},
“vary”: {
“version”: “1.1.2”,
“resolved”: “https://registry.npmjs.org/vary/-/vary-1.1.2.tgz”,
“integrity”: “sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=”
}
}
}

在express路由中使用ejs模板引擎相关推荐

express应用中ajax结合模板引擎ejs.js渲染页面
一.express应用中ajax结合模板引擎ejs.js渲染页面在views新建一个渲染模板命名 Template.ejs Template.ejs 示例: <% if(coursesList ...
Express框架中如何引用ejs模板引擎
1.如何在项目中安装ejs模板引擎在NodeJS指南中利用利用以下命令建立网站的基本结构: express -t ejs microblog 运行这个命令后继续运行 cd microblog &am ...
Node.js「四」—— 路由 / EJS 模板引擎 / GET 和 POST
本文为 Node.js 系列笔记第四篇.文章参考:nodejs 教程:<深入浅出 Node.js>:阮一峰 nodejs 博客: Node.js v16.13.0 文档文章目录一.路由 ...
Node.js 使用expresss，ejs模板引擎实现简单的登录注册
express下如何使用ejs模板引擎 : 1-安装ejs 2-express下不需要导入ejs 只需要配置模板引擎 app.set("view engine","ej ...
express中ejs模板引擎的使用，consolidate模块的使用
在express动态页面的渲染,用的比较多的模板引擎就是 ejs 还有一种是jade 个人觉得吧 jade是靠缩进来实现代码结构的话像我这种比较喜欢看 htm标签的人来说太难受了如果是使用ex ...
node.js ejs_如何在Node.js应用程序中使用EJS模板
node.js ejs by Jennifer Bland 詹妮弗·布兰德(Jennifer Bland) 如何在Node.js应用程序中使用EJS模板 (How to use EJS Templat ...
nodejs-5.1 ejs模板引擎
ejs官方文档:https://ejs.bootcss.com/ https://github.com/mde/ejs 模板引擎:是一种将数据和页面分离的技术.. 1.什么是 EJS? " ...
node.js Stream(流) 和 EJS 模板引擎——0822
一.node.js 中的 Stream(流) 1.什么是 Stream ? Stream 是一个抽象接口,Node 中有很多对象实现了这个接口.例如,对http服务器发起请求的request 对象就是 ...
ejs模板引擎和html,模板引擎ejs
ejs模板引擎将数据与标签分离开来,这样就不需要前面写的学生管理系统那样,在页面显示信息通过字符串的拼接的方式,而是直接用ejs模板引擎,将服务器端传过来的数据在页面直接显示出来,不会那样的麻烦了. ...

在express路由中使用ejs模板引擎

在express路由中使用ejs模板引擎相关推荐

最新文章

热门文章