nodejs 模板引擎ejs的使用
1、test.ejs文件
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title></title> </head> <body><% for(var i=0;i<json.arr.length;i++){ %><div>用户名:<%=json.arr[i].user%> 密码:<%=json.arr[i].pass%></div><% } %> </body> </html>
2、ejs.js文件
var ejs=require('ejs'); var http = require('http'); ejs.renderFile('cleaning.ejs', {json: {arr: [{user: '马武', pass: '1269'},{user: '张三', pass: '7654'},{user: '王二', pass: '2143'}]}}, function (err, data){//创建服务http.createServer(function(req,res){res.writeHead(200,{'Content-Type':'text/html'});res.write(data);res.end('<p>渲染结束</p>');}).listen(8080,"localhost",function () {console.log("open server at port:8080...");}); });
3、浏览器直接访问接口8080即可展示页面
转载于:https://www.cnblogs.com/gopark/p/9779595.html
nodejs 模板引擎ejs的使用相关推荐
- express应用中ajax结合模板引擎ejs.js渲染页面
一.express应用中ajax结合模板引擎ejs.js渲染页面 在views新建一个渲染模板命名 Template.ejs Template.ejs 示例: <% if(coursesList ...
- 模板引擎ejs与html,后台模板引擎ejs与前台模板引擎artTemplate的简单介绍
动态网页是指前端页面当中的数据内容来源于后台数据库,前端的html代码会随着后台数据的变化而变化,是动态生成的.制作动态网页有两种方式,一种方式是在后台拿到前端的html模板,利用后台模板引擎(如ej ...
- 模板引擎ejs简单介绍
模板引擎: 将数据与标签分离开来,这样就不需要前面写的学生管理系统那样,在页面显示信息通过字符串的拼接的方式,而是直接用ejs模板引擎,将服务器端传过来的数据在页面直接显示出来,不会那样的麻烦了. e ...
- nodejs express 模板引擎(ejs )
默认支持的模板引擎: 1 jade (模板比较简洁 html代码区别非常大和使用习惯区别比较大.) 2 ejs (html代码一样) (1)模板文件后缀.ejs (2) 开始<% 结束 %> ...
- ejs模板引擎和html,模板引擎ejs
ejs模板引擎 将数据与标签分离开来,这样就不需要前面写的学生管理系统那样,在页面显示信息通过字符串的拼接的方式,而是直接用ejs模板引擎,将服务器端传过来的数据在页面直接显示出来,不会那样的麻烦了. ...
- ajax结合前端模板引擎ejs.js渲染页面(自己理解,不建议参考)
<一.利用前端前端引擎和ajax来渲染前端页面> 1.就是创建一个装渲染内容的盒子 comment是接口传进来的参数,就是传进来的数据,名字就叫"comment"因此: ...
- 前端笔记之NodeJS(三)Expressejs模板引擎请求识别
一.Express框架 1.1基本使用 创建http服务器特别麻烦,express框架解决了这个的问题. Express在node界的地位,就相当于jQuery在DOM界的地位.jQuery的核心就是 ...
- nodejs jade mysql_学习篇:NodeJS中的模板引擎:jade
NodeJS 模板引擎作用:生成页面 在node常用的模板引擎一般是 1.jade --破坏式的.侵入式.强依赖(对原有的html体系不友好,走自己的一套体系) 2.ejs --温和的.非侵入式的.弱 ...
- Nodejs学习笔记(五)--- Express安装入门与模版引擎ejs
目录 前言 Express简介和安装 运行第一个基于express框架的Web 模版引擎 ejs express项目结构 express项目分析 app.set(name,value) app.use ...
- node+ejs模板引擎的应用
前言: 最近在开发一个关于后台管理系统的基础开发平台,解释一下就是不管什么管理系统都有一些相同的功能,但是又有一些细节不一样,这个基础平台就是实现对于基础功能可以进行快速开发,主要有自定义的生成功能代 ...
最新文章
- [BZOJ1602] [Usaco2008 Oct] 牧场行走 (LCA)
- 提高数据中心空间使用率,助力数字新基建
- Struts2的两个蝴蝶飞,你好简单开发(一)
- 图书管理系统数据字典_2. 结构化——数据字典
- java中synchronized(同步代码块和同步方法)详解及区别
- web存储机制localStorage和sessionStorage
- android studio viewo,android studio 3.6.0 绑定视图新特性的方法
- LeetCode 260. Single Number III
- python爬虫之BeautifulSoup4基础教程
- Text Classification with BERT using Transformers for long text inputs
- Other | 十招教你找到海量PPT模板
- 创建对象和实现原型继承的几种方式
- python 笔记之“海龟”画图 演示画小猪佩奇,机器猫
- 劳动节前得空半天-总结一下最近使用的LINUX命令
- 呼叫中心电话系统怎么搭建?能用到哪些智能应用?
- 用float/double定义可以输入整数
- 单片机炫彩灯实训报告_51单片机呼吸灯实验报告.doc
- SDN的基本概念和基本架构
- MFC隐藏主窗口运行的几种方法
- 人因工程对中国的影响
热门文章
- date,datetime,timestamp 的区别
- 使用异步存储提升 Web 应用程序的离线体验
- 将对象绑定到WinForm中的combobox时出现的奇怪错误:组合框的下拉项太多!
- 为什么Zappos花钱让新员工走人?
- Hibernate之查询
- php 正则忽略空白,(PHP)正则表达式-忽略空白
- mysql数据库备份oss_Linux(CentOS7)设置自动备份数据库到阿里云OSS(示例代码)
- apache tomcat ajp协议安全限制绕过漏洞_【高危安全通告】Apache Tomcat 文件包含漏洞(CVE20201938)...
- networkxpdf_1 NetworkX概述
- nexus和maven