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. 3D Slicer中文教程(六)—调用matlab函数(MatlabBridge使用方法)

    1.安装MatlabBridge插件 (1)在工具栏找到Extension,点击进入Extension Manager (2)找到MatlabBridge,安装 2.配置MATLAB环境 (1)在模块 ...

  2. springboot启动流程

    @EnableDiscoveryClient @SpringBootApplication public class ProducerApplication { public static void ...

  3. 【Python】Flask中@wraps的使用

    先说总结,白话来讲,@wraps相当于是装饰器的装饰器. python内置的方法使用解释,看起很复杂的样子┓( ´∀` )┏ def wraps(wrapped, assigned = WRAPPER ...

  4. 【原创】大数据基础之Impala(3)部分调优

    1)将coordinator和executor角色分离 By default, each host in the cluster that runs the impalad daemon can ac ...

  5. 一个 戴尔 dell 笔记本 bios Preparing to begin setup 问题

    昨天帮亲戚安装系统,是一个dell 笔记本,原本想的很简单,但是在修改了bios里的 SATA 模式后,不但系统启动不了,连bios都进不去了,就像一直在检测一个错误的硬件.google了很多,也没有 ...

  6. struts 学习03

    jdk下载: 使用注解: @ParenPackage(value="struts-default") @Namespace(value="/) @Action(value ...

  7. js 获取 时间戳的三种方法

    new Date() *1 自动数据类型转换为数字 new Date().getTime() Date.now();

  8. eclipse下properties文件中文乱码的解决方案

    今天在工程下编辑.properties文件时输入了中文然后就保存出错,弄了好久才搞定!大家瞄瞄 在中文操作系统下,Eclipse中的Java类型文件的编码的默认设置是GBK,但是对Properties ...

  9. 将OrCAD Capture CIS的设计文件(.dsn)导入到PADS Logic VX.2.3

    操作系统:Windows 10 x64 工具1:PADS Logic VX.2.3 启动PADS Logic VX.2.3,选择菜单:File > Import... 在File Import对 ...

  10. Linux 高阶命令进阶(一)

    Linux 高阶命令进阶 (一)输出重定向 1. > :正确覆盖输出,会覆盖掉原先的文件内容 把文本写入文档中                # vim test                 ...