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.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <ul>
        <% for(var i = 0;i<news.length;i++){%>
        <li><%=news[i]%></li>
        <%}%>
    </ul>
</body>
</html>

  然后js文件里绑定渲染关系:

var express = require("express");
var app = express();

app.set("view engine","ejs");
app.get("/",function (req,res) {
    res.render("news",{
        "news":["新闻1","新闻2","新闻3"]
    })
}).listen(3000);

然后启动服务,访问3000端口,页面输出:

时间: 2024-10-08 06:34:47

express框架结合ejs模板引擎使用的相关文章

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模板引擎

模板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: <%

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

在views文件夹里新建一个jade.jade文件作为模板: html head title 哈哈 body #box ul li 标题1 li 标题2 li 标题3 li 标题4 #aside 在js里关联: var express = require("express"); var app = express(); var jade = require("jade"); app.engine("jade",jade.__express); a

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 运

在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        安装 在网站根目

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

【Node.js基础篇】(八)安装Express 3.2框架以及ejs模板

Html模板以及路由文件等服务器必备的功能虽然我们都可以自己实现,但在稳定性.可靠性.全面性方面肯定是有所遗漏的,所以,从今天起,Node的学习就进入了框架学习部分. 维基百科: 框架就是制定一套规范或者规则(思想),大家(程序员)在该规范或者规则(思想)下工作.或者说使用别人搭好的舞台来做编剧和表演. 第一个要学习的框架是在Node中被广泛应用的框架--Express. 安装Express 如果你使用的Node开发环境是WebStorm的话,在新建工程的时候可以直接选新建Node工程,它会给你