1、ejs:

const ejs = require('ejs')

ejs.renderFile('./template/a.ejs', {name:'cc'}, function (err, data) {
console.log(data)
})
//第二个参数是数据 <!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head> <body>
<%= name%>
</body> </html>

输出变量的语法

<%= variable %>

<%= obj.a%>

<%= 1+4%>

循环语法:

<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head> <body>
<% for(let i=0;i<15;i++) {%>
<div>这是第<%= i%>个</div>
<% }%>
</body> </html>

输出html:

使用-

<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head> <body>
<% var str="<div>你好呀</div>"%>
<%- str%>
</body> </html>

ejs编译后输出undefined表示编译发生错误

ejs引用语法;

const ejs = require('ejs')

ejs.renderFile('./template/a.ejs', {name:'cc'}, function (err, data) {
console.log(data)
})
//第二个参数是数据

分支语法

<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head> <body>
<% let a=8%>
<% if(a>0){%>
<h1>a>0</h1>
<%else{%>
<h1>a<=0</h1>
<%}%> </body> </html>

include 不能接变量,请直接接路径

2、express结合模板引擎使用

1)实现服务器

//一个简单的服务器
const express = require('express')
const static = require("express-static")
const cp = require('cookie-parser')
const cs = require('cookie-session')
const bp = require('body-parser')
const ejs = require('ejs')
//构建服务器
let server = express()
//服务器监听
server.listen(8080, function () {
console.log('server is running')
})
//解析cookie
server.use(cp('abc321'))//秘钥
//使用session
let keys = []
for (let i = 0; i < 1000; i++) {
keys.push('keys_' + Math.random())//生成秘钥
}
server.use(cs({
name: 'sess',
keys:keys,
maxAge: 30 * 3600 * 1000
}))
//处理post数据
server.use(bp.urlencoded({ extended: false }))//不使用扩展模式
//用户请求
server.use('/', function (req, res, next) {
//打印get,post
console.log(req.query,req.body,req.cookies,req.session)
})
//处理静态请求
server.use(static('./www'))

2、服务器处理post请求中的文件上传

bodyparser并不完全适用于处理post请求,因为它只能处理数据而不能处理文件

普通的post表单不能上传文件,需指定其enctype属性

input表单enctype属性,有3个值

"application/x-www-form-urlencoded" 即 键值对
“multipart/form-data”上传表单数据
“text/plain” 上传纯文本
 
这时我们改用multer中间件
 
path模块的parse方法:
const path =require('path')
let obj=path.parse(str)
//.base 文件名,包含扩展名
//.ext 扩展名
//.dir 文件所在目录
//.name:文件名部分,不包括扩展名
const express = require('express')
const mr = require('multer')
const fs = require('fs')
const path = require('path')//帮助解析文件路径 let server = express() let multer = mr({ dest: './www/upload' })//声明一个multer对象
//dest指定文件上传后保存的位置,自动为您编辑文件名 server.use(multer.any()) //single方法接收指定名称的文件
//.any()接收任意文件 server.post('/', function (req, res) {
console.log(req.files)//files数组存储用户上传的文件
//为用户上传的文件添加相同的扩展名
//用到了方法:fs.rename('旧文件完整路径','新文件完整路径') let newName=req.files[0].path+path.parse(req.files[0].originalname).ext
fs.rename(req.files[0].path,newName,function(err){
if(!err) res.send('上传成功')
else res.send('上传失败')
})
})
server.listen(8080, function () {
console.log('server is runnning')
})
const express = require('express')
const static = require("express-static")
const cp = require('cookie-parser')
const cs = require('cookie-session')
const bp = require('body-parser')
const ejs = require('ejs')
const multer=require('multer') //构建服务器
let server = express() //服务器监听
server.listen(8080, function () {
console.log('server is running')
}) //解析cookie
server.use(cp('abc321'))//秘钥 //使用session
let keys = []
for (let i = 0; i < 1000; i++) {
keys.push('keys_' + Math.random())//生成秘钥
}
server.use(cs({
name: 'sess',
keys:keys,
maxAge: 30 * 3600 * 1000
})) //处理post数据
server.use(bp.urlencoded({ extended: false }))//不使用扩展模式,解析url数据
server.use(multer({dest:'./www/upload'}).any()) //用户请求
server.use('/', function (req, res, next) {
//打印get,post
console.log(req.query,req.body,req.files,req.cookies,req.session) }) //处理静态请求
server.use(static('./www'))

3、结合模板引擎完成服务器

1)consolidate

帮助express整合各种不同的模板引擎

const express = require('express')
const static = require("express-static")
const cp = require('cookie-parser')
const cs = require('cookie-session')
const bp = require('body-parser')
const multer = require('multer')
const ce = require('consolidate') //构建服务器
let server = express() //服务器监听
server.listen(8080, function () {
console.log('server is running')
}) //解析cookie
server.use(cp('abc321'))//秘钥 //使用session
let keys = []
for (let i = 0; i < 1000; i++) {
keys.push('keys_' + Math.random())//生成秘钥
}
server.use(cs({
name: 'sess',
keys: keys,
maxAge: 30 * 3600 * 1000
})) //处理post数据
server.use(bp.urlencoded({ extended: false }))//不使用扩展模式,解析url数据
server.use(multer({ dest: './www/upload' }).any()) //配置模板引擎
server.set('view engine','html')//修改server全局配置,修改视图引擎为html
//确认模板位置
server.set('views','./views')
//确认所使用的模板引擎
server.engine('html',ce.ejs) //用户请求
// server.use('/', function (req, res, next) {
// //打印get,post
// console.log(req.query, req.body, req.files, req.cookies, req.session) // }) //接收用户请求
server.get('/index',function(req,res){
// if(req.session.userid){
//指定模板名称
res.render('a.ejs',{name:'cc'})
// }else{
// res.render('login.ejs',{})
// }
}) //处理静态请求
server.use(static('./www'))
 
2、路由:
express自带路由功能
const express=require('express')

let server=express()

let routerUser=express.Router()//用户模块

server.use('/user',routerUser) //确认路由对应关系

//进行路由分发
routerUser.get('/a.html',function(req,res){
res.send('a.html')
}) routerUser.get('/b.html',function(req,res){
res.send('b.html')
}) let routerNews=express.Router()//新闻模块 server.use('/news',routerNews) //确认路由对应关系 routerNews.get('/c.html',function(req,res){
res.send('c.html')
}) routerNews.get('/d.html',function(req,res){
res.send('d.html')
}) server.listen(8080)

router相当于迷你版的server

 

node05的更多相关文章

  1. 在一个排序的链表中,存在重复的结点,请删除该链表中重复的结点,重复的结点不保留,返回链表头指针。 例如,链表1->2->3->3->4->4->5 处理后为 1->2->5

    // test20.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include<iostream> #include< ...

  2. spark HA 安装配置和使用(spark1.2-cdh5.3)

    安装环境如下: 操作系统:CentOs 6.6 Hadoop 版本:CDH-5.3.0 Spark 版本:1.2 集群5个节点 node01~05 node01~03 为worker. node04. ...

  3. yarn.resourcemanager.ha.id设置

    resourcemanager启动报错,其中一个启动成功,另一个启动报8088端口被成功启动的rm占用 2016-11-18 17:08:49,478 INFO org.apache.zookeepe ...

  4. nodemanager启动失败

    yarn启动报错: 2016-11-16 16:12:44,304 INFO org.apache.hadoop.metrics2.impl.MetricsSystemImpl: Stopping N ...

  5. 输入一个复杂链表(每个节点中有节点值,以及两个指针,一个指向下一个节点,另一个特殊指针指向任意一个节点),返回结果为复制后复杂链表的head。(注意,输出结果中请不要返回参数中的节点引用,否则判题程序会直接返回空)

    // test20.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include<iostream> #include< ...

  6. ansible安装(批量执行命令

    rpm安装 下载epl源 :  Download the latest epel-release rpm from:http://dl.fedoraproject.org/pub/epel/6/x86 ...

  7. hive 未初始化元数据库报错

    启动hive-metastore和hive-server2 用beeline连接hive报错 [root@node04 hive]# beeline Beeline version 0.13.1-cd ...

  8. Python第十三天 django 1.6 导入模板 定义数据模型 访问数据库 GET和POST方法 SimpleCMDB项目 urllib模块 urllib2模块 httplib模块 django和web服务器整合 wsgi模块 gunicorn模块

    Python第十三天   django 1.6   导入模板   定义数据模型   访问数据库   GET和POST方法    SimpleCMDB项目   urllib模块   urllib2模块 ...

  9. CentOS 7 配置静态IP后不生效 & Job for network.service failed

    参考:http://tieba.baidu.com/p/3233996339#57290767555l 在CentOS中配置静态IP后不生效. 解决办法:将/etc/sysconfig/network ...

随机推荐

  1. Beans 自动装配

    http://wiki.jikexueyuan.com/project/spring/beans-auto-wiring/spring-autowiring-byname.html

  2. 机器学习基石7-The VC Dimension

    注: 文章中所有的图片均来自台湾大学林轩田<机器学习基石>课程. 笔记原作者:红色石头 微信公众号:AI有道 前几节课着重介绍了机器能够学习的条件并做了详细的推导和解释.机器能够学习必须满 ...

  3. JAVA学习笔记(3)—— 抽象类与接口

    1. Java 抽象类 在面向对象的概念中,所有的对象都是通过类来描绘的,但是反过来,并不是所有的类都是用来描绘对象的,如果一个类中没有包含足够的信息来描绘一个具体的对象,这样的类就是抽象类. 抽象类 ...

  4. java学习笔记02-Eclipse IDE配置

    Eclipse是java的ide工具,ide是集成开发工具.实际开发中都需要使用ide工具.eclipse下载 java代码在运行时,是需要先进行编译,然后才能运行.可以直接在IDE工具里运行,它会帮 ...

  5. 什么时候Python的List,Tuple最后一个Item后面要加上一个逗号

    为什么看Python的代码,有时候会在数据结构的最后一项末尾加上逗号.直接来看,这个逗号很多余. 根据PEP81的解释: Trailing commas are usually optional, e ...

  6. zabbix3.2利用自动发现功能对fastcgi模式的php状态进行集中监控

    zabbix3.2利用自动发现功能对fastcgi模式的php状态进行集中监控 前端nginx虚拟主机引用后端多个php接口,为了方便监控,将后端服务器集中配置在nginx中,具体配置如下: [roo ...

  7. springboot接口访问权限AOP实现

    场景 现在有个系统,很多接口只需要登录就可以访问,但是有些接口需要授予并验证权限.如果用注解controller的方式控制接口的权限呢? 1.注解声明代码 这个注解是要装饰在controller接口上 ...

  8. 从头开始学JAVA[Day01]

    1.Java程序的执行过程必须经过先编译,后解释两个步骤 Jvm的统一标准,具体定义了JVM的如下细节: --指令集 --寄存器 --类文件格式 --栈 --垃圾回收堆 --存储区 2.编译Java程 ...

  9. java类型转化

    Java中的父类/子类相互转化问题: 子类可以转成父类:此时子类能调用父类中定义的方法和变量,如果子类中重写了父类中的一个方法,那么在调用这个方法的时候,将会调用子类中的这个方法 父类转成子类:1.如 ...

  10. 2018-2019-2 20165323《网络攻防技术》Exp5 MSF基础应用

    一.知识点总结 1.MSF攻击方法 主动攻击:扫描主机漏洞,进行攻击 攻击浏览器 攻击其他客户端 2.MSF的六种模块 渗透攻击模块Exploit Modules:攻击漏洞,把shellcode&qu ...