二十一、Node.js-EJS 模块引擎
初识 EJS 模块引擎
我们学的 EJS 是后台模板，可以把我们数据库和文件读取的数据显示到 Html 页面上面。它
是一个第三方模块，需要通过 npm 安装
https://www.npmjs.com/package/ejs
大家可以在上面的网站获取到ejs的使用说明
安装：
npm install ejs –save / cnpm install ejs --save
Nodejs 中使用：
下面使用代码简单的展示出后台数据渲染在前台页面的过程，今后会慢慢的补充其他细节
项目结构：
创建服务的00service03_ejs.js代码：
var http = require("http")
var url = require("url")
var ejs = require('ejs')
http.createServer(function (req, res) {
res.writeHead(200, {"Content-Type": "text/html;charset='utf-8'"})
var allUrl = req.url;
var path = url.parse(allUrl).pathname;
var str = '我是后台数据，将来我是从数据库读出来的'
var list =[
'1111',
'2222',
'3333'
]
var labelStr='<h2>我是html标签h2包裹的内容</h2>';
if (path == "/login") {
// 把后台（数据库）的数据渲染到模板上面
ejs.renderFile(//这里我们通过ejs.renderFile（）方法将后台数据输送给前台页面
/**
* ejs.renderFile（）方法一共有三个参数：
*/
//参数1：我们要输出后台数据的目标页面路径:
"views/login.ejs",//这里的login.ejs,其实就是login.html，在下面的补充内容我会补充介绍
//参数2：我们需要输出的数据，以对象的形式输出:
{
msg: str,
list: list,
labelStr:labelStr
},
//参数3：回调函数，输出数据之后我们会获取到渲染了我们后台数据的页面内容data
function (err, data) {
res.end(data)//然后我们将data输出到浏览器，我们的页面就可以展示出来了
});
} else if (path == "/register") {
res.end("register")
} else if (path == "/admin") {
res.end("admin")
}
}).listen(8000)
login.ejs代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>这是一个ejs后台模板引擎登录</h1>
<!--<%= %>输出标签（原文输出 HTML 标签）（就是后台传什么数据，我就展示什么数据，不会解析html标签-->
<h1><%=msg%>></h1>
<!--<% %>流程控制标签:里面可以书写我们的js代码逻辑-->
<%for (var i=0;i<list.length;i++){%>
<li><%=list[i]%></li>
<%}%>
<%=labelStr%>
<!--<%- %>输出标签（HTML标签会被浏览器解析）-->
<%-labelStr%>
</body>
</html>
访问页面效果：
.ejs文件补充了解：
点击下方链接：
https://www.cnblogs.com/luzhanshi/p/10769867.html
二十一、Node.js-EJS 模块引擎的更多相关文章
- Node.js的模块载入方式与机制
Node.js中模块可以通过文件路径或名字获取模块的引用.模块的引用会映射到一个js文件路径,除非它是一个Node内置模块.Node的内置模块公开了一些常用的API给开发者,并且它们在Node进程开始 ...
- node.js基础模块http、网页分析工具cherrio实现爬虫
node.js基础模块http.网页分析工具cherrio实现爬虫 一.前言 说是爬虫初探,其实并没有用到爬虫相关第三方类库,主要用了node.js基础模块http.网页分析工具cherri ...
- Node.js的安装以及Node.js的模块管理
索引: Node.js的安装以及Node.js的模块管理Node.js开发环境搭建以及对ES6的支持Node.js构建Vue.js项目Vue.js单文件组件的开发基于Vue.js的UI组件(Eleme ...
- Node.js之模块机制
> 文章原创于公众号:程序猿周先森.本平台不定时更新,喜欢我的文章,欢迎关注我的微信公众号.  2.从模块外部访问模块内的成员 2.1使用expor ...
- Node.js DNS 模块
Node.js DNS 模块用于解析域名.引入 DNS 模块语法格式如下: var dns = require("dns") 方法 序号 方法 & 描述 1 dns.loo ...
- Node.js Net 模块
Node.js Net 模块提供了一些用于底层的网络通信的小工具,包含了创建服务器/客户端的方法,我们可以通过以下方式引入该模块: var net = require("net") ...
随机推荐
- U3D中的又一个坑
using System.Collections; using System.Collections.Generic; using UnityEditor; using UnityEngine; pu ...
- Caused by: java.lang.ClassNotFoundException: com.opensymphony.xwork2.util.classloader.ReloadingClassLoader
今天学习到strusts2与spring的整合,把原来可以交给spring产生的东西都扔给了它,终于拜托了繁琐的代码,只专心于逻辑开发就OK了,现在连strusts的action都可以交给spring ...
- 【315】Windows 之间代码自动传文件
对于 Windows 内部自动复制/移动文件可以通过 批处理 来完成,对于不同的电脑之间的实现也是相同的方法,但是需要将一台电脑的对应文件夹设置成 共享,只要在另一台电脑能够直接访问共享的文件夹,就可 ...
- IOS学习经验总结
学习ios有一段时间了,感觉有些盲目.有些迷茫,从网上收集了一些比人的学习经验,来参考. IOS学习经验总结--来自知乎网友 转自知乎:http://www.zhihu.com/question/20 ...
- Makefile里面打印信息
Makefile的规则相对来说还是比较复杂的,上手不容易,没有系统研究过,往往搞不清楚状况.如果掌握了基本的调试手段,那对我们写出正确的Makefile会非常有帮助.而在Makefile中,最重要的调 ...
- AttributeUsage
[AttributeUsage] System.AttributeUsage声明一个Attribute的使用范围与使用原则. AllowMultiple 和 Inherited 参数是可选的,所以此代 ...
- 必看的 jQuery性能优化的38个建议
一.注意定义jQuery变量的时候添加var关键字 这个不仅仅是jQuery,所有javascript开发过程中,都需要注意,请一定不要定义成如下: $loading = $('#loading'); ...
- Zookeeper的基本概念和重要特性
目录 1. 什么是Zookeeper 2. Zookeeper集群角色 3. Zookeeper的数据模型 3.1 Znode的类型 3.2 Znode的结构 4. Zookeeper的事件监听机制 ...
- 为什么要使用href=”javascript:void(0);”
为什么要使用href=”javascript:void(0);” href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void( ...
- 制作initramfs/initrd镜像
Linux kernel在自身初始化完成之后,需要能够找到并运行第一个用户程序(这个程序通常叫做"init"程序).用户程序存在于文件系统之中,因此,内核必须找到并挂载一个文件系统 ...