Express中使用ejs模板引擎

模板html文件放在view目录中,

文件名为:user_ejs.html

内容为:

<!DOCTYPE html>
<html lang="en">
<head>
	<title>EJS Template</title>
</head>

<body>
	<h1>User using EJS Template</h1>
	<ul>
		<li>Name: <%= uname %></li>
		<li>Vehicle: <%= vehicle %></li>
		<li>Terrain: <%= terrain %></li>
		<li>Climate: <%= climate %></li>
		<li>Location: <%= location %></li>
	</ul>
</body>
</html>

 运行文件为:

var express = require(‘express‘);

//导入ejs模块
var ejs = require(‘ejs‘);

var app = express();

//把./views目录设置为模板文件的根,html文件模板放在view目录中
app.set(‘views‘,‘./views‘);

//设置模板引擎为ejs
app.set(‘view engine‘,‘ejs‘);

//为html扩展名注册ejs
app.engine(‘html‘,ejs.renderFile);

app.listen(80);

//加入本地对象
app.locals.uname = "Brad";
app.locals.vehicle = "Jeep";
app.locals.terrain = "Mountains";
app.locals.climate = "Desert";
app.locals.location = "Unknown";

//路由为ejs时,发送网页
app.get(‘/ejs‘,function(req,res){
	res.render(‘user_ejs.html‘);
})

 运行结果是:

原文地址:https://www.cnblogs.com/ningchenglong/p/11327122.html

时间: 2025-01-11 14:17:24

Express中使用ejs模板引擎的相关文章

在express站点中使用ejs模板引擎

在express站点中使用ejs模板引擎 文/玄魂 目录 在express站点中使用ejs模板引擎    1 前言1 1.1         安装    1 1.2修改app.js  2 1.3创建测试页面2 前言 使用 vs创建的express站点,默认使用的是jade模板引擎,但是我不太喜欢这种方式,因为我觉得html本身的语义特性是我喜欢的,另外html本身也足够简洁,使用html自身做为模板语言更符合我的喜好,所以我选择ejs. 欢迎访问玄魂的博客 1.1        安装 在网站根目

Express中的Ejs模板传值问题

在Ejs模板传值过程中,route下的变量值通过res.sender()中的变量参数传给views, 这时在views中若该变量在javascript代码中使用,可直接使用该变量,不必使用<% 变量 %>这种形式. 例如代码如下: <% for(var j = 1+index*10;j <= index*10+10;j++){      if(j > ArrayLength)     break; %>, 而不是 <% for(var j = 1+index*10

nodejs+Express中使用mustache模板引擎

由于公司一个seo项目,需要我协助.此项目他人已经开发大半,由于seo需要,使用了服务器端模板引擎.我项目的后端同事说项目是go语音写的,跑项目麻烦,只给了我template和css等静态文件. 为了方便自己调试模板花了点时间用nodejs跑了一套. 装node就不说了,网上很多 mkdir appName cd appName/ npm init npm install express --save npm install mustache --save npm install mustach

express框架结合ejs模板引擎使用

我们在项目里建立一个views文件夹(必须),然后在里面建立一个模板文件news.ejs: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1

node下使用express框架,ejs模板引擎

ubuntu下安装 node npm相关 apt-get update apt-get install -y python-software-properties software-properties-common add-apt-repository ppa:chris-lea/node.js apt-get update apt-get install nodejs 命令执行完之后,Node.js就安装好了,一旦Node.js 有新版本发布,直接升级即可,无需从头编译安装: 这样, nod

Express框架中如何引用ejs模板引擎

原文地址:http://www.cnblogs.com/greenteaone/p/3685733.html 1.如何在项目中安装ejs模板引擎 在NodeJS指南中利用利用以下命令建立网站的基本结构: express -t ejs microblog 运行这个命令后继续运行 cd microblog && npm install(安装项目的依赖属性), 发现安装的模板引擎是jade,而不是ejs.原因是现在的版本已经没有-t这个命令了,改为 express -e  microblog 运

EJS模板引擎

一.什么是模板引擎? 是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档. 常用的模板引擎有ejs .jade.smarty等. 二.为什么需要模板引擎? 前端开发的时候,经常有根据后台返回的数据,然后根据此数据生成html,最后渲染到页面中.比如: var data = [ {name: "leaf1"}, {name: "leaf2"}, {name: "leaf3"}

Nodejs WEB服务器 静态文件托管、 GET POST路由 EJS模板引擎(8)

1 Nodejs 静态文件托管 略 2. 路由 官方解释:路由(Routing)是由一个 URI(或者叫路径)和一个特定的 HTTP 方法(GET. POST 等)组成的, 涉及到应用如何响应客户端对某个网站节点的访问. 非官方解释:路由指的就是针对不同请求的 URL, 处理不同的业务逻辑.  3 路由静态文件提取 原 `services.js` 代码 // 引入模块 var http = require('http'); // fs 模块 var fs =require('fs'); // p

koa ejs 模板引擎

Koa 中使用 ejs 模板的使用 1.安装 koa-views 和 ejs 1. 安装 koa-views npm install --save koa-views / cnpm install --save koa-views 2. 安装 ejs npm install ejs --save / cnpm install ejs --save 2.引入 koa-views 配置中间件 const views = require('koa-views'); app.use(views('vie