首页 / NODEJS / nodejs中express框架的使用

nodejs中express框架的使用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了nodejs中express框架的使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含8141字，纯文字阅读大概需要12分钟。

内容图文

express的使用

一、express简单使用

//创建一个文件夹，进入文件夹
npm i     //初始化文件夹，生成package.json文件

//安装express模块
npm install express --save

在项目文件夹下，创建一个app.js文件

//app.js
const express = require("express");

const app = express();

app.get("/", (req, res) => {
    res.send("hello world")
})

app.listen(3000)

执行 node app.js，启动node服务器

二、 Get Post 请求的参数

(一)post请求

● POST 请求在 express 中不能直接获得，可以使用 body-parser 模块。使用后，将可以用
req.body 得到参数。但是如果表单中含有文件上传，那么还是需要使用 formidable 模块。

安装

npm install body-parser

使用

const express = require('express')
const bodyParser = require('body-parser')
const app = express()

//解析 application/x-www-from-urlencoded
//true使用qs第三模块，false使用querystring内置模块
app.use(bodyParser.urlencoded({extended:false}))   

//解析 application/json
app.use(bodyParser.json())
//以上两种方法为常用配置，根据需求选择

app.post("/post", (req, res) => {
    //通过req.body获得post传值
	let result = req.body
	res.send(result)
})

(二)get请求

● GET 请求的参数在 URL 中，在原生 Node 中，需要使用 url 模块来识别参数字符串。在
Express 中，不需要使用 url 模块了。可以直接使用 req.query 对象。

*注意区分动态路由和get传值:

localhost:8080/home/:id       //localhost:8080/home/1       通过req.params获得
localhost:8080/home/?id=1     //localhost:8080/home/?id=1   通过req.query获得

三、辅助工具

(一)nodemon

安装这两个插件可以让我们对项目实时修改进行自动响应

npm install nodemon -g

//启动
nodemon server.js

(二)supervisor代替node命令启动应用(不建议使用)

npm insall supervisor -g

//启动
supervisor server.js

四、使用express脚手架

 //全局安装express脚手架
npm install express-generator -g
//创建一个项目
express '项目名称'
//进入项目目录
cd '项目名称'

可以看到生成项目的目录结构如下：
├── app.js
├── bin
│   └── www
├── package-lock.json
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.jade
    ├── index.jade
    └── layout.jade

//安装依赖
npm install 
//启动项目
ndoe ./bin/www

五、中间件

Express是一个路由和中间件的Web框架，它本身的功能非常少：

Express应用程序本质上是一系列中间件函数的调用；

中间件是什么呢？

中间件的本质就是一个回调函数；
这个回调函数接受三个参数：
- 请求对象（request对象）；
- 响应对象（response对象）；
- next函数（在express中定义的用于执行下一个中间件的函数）；

中间件中可以执行哪些任务呢？

执行任何代码；
更改请求（request）和响应（response）对象；
结束请求-响应周期（返回数据）；
调用栈中的下一个中间件；

如果当前中间件功能没有结束请求-响应周期，则必须调用next()将控制权传递给下一个中间件功能，否则，请求将被挂起。

(一)在express使用ejs

安装ejs模块

npm install ejs --save

使用

const express = require('express')
const ejs = require('ejs')
const path = require('path')

const app = express()

app.set("view engine","ejs")

//ejs后缀修改为html
//app.engine("html", ejs._express)
//app.set("view engine", "html")

//指定模板位置，默认模板位置在views
//app.set('views',path.join(__dirname,'views'))
app.get("/ejs", (req, res) => {
    res.render("index.ejs", {
        //传入的参数
    })
})

ejs语法

<%%>
<%=%>
<%-%>

（二）express.static托管静态文件

app.use(express.static("public"))  //参数为静态文件存放路径

eg:http://localhost:3000/css/index.css

也可以这样配置

app.use("static", express.static("public"))

则访问时就需要多加上/static
eg:http://localhost:3000/static/css/index.css

这是内置中间件

(三)body-parser第三方中间件

npm install body-parser --save

const express = require('express')
const bodyParser = require('body-parser')

const app = express()

//解析 application/json
app.use(bodyParser.json())
//解析 application/x-www-from-urlencoded
app.use(bodyParser.urlencoded({extended:false}))

app.post('/post', (req, res) => {
    let res = req.body
})

(四)cookie-parser

安装cookie-parser模块

npm install cookie-parser --save

使用并配置cookie

const express = require('express')
const cookieParser = require('cookie-parser')

const app = express()

app.use(cookieParser())

app.get("/",(req, res) => {
    //获取cookie
    let name = req.cookies.name
   	if(name){
         res.send(`${name}已登录`)
    }else{
        res.send('未登录')
    }
})
app.get("/login", (req, res) => {
    //设置cookie
    res.cookie("name", "zhangsan", {maxAge: 1000*60})
    //res.cookie传入三个参数 key(String) value(String) options(cookie有关配置)
    res.send("登录成功")
})

options中可以设置的属性：

CookieOptions
{
    maxAge?:number; //cookie的过期时间
    signed?:boolean;   //表示是否签名cookie
    expires?:Date; //设置一个具体的过期日期
    httpOnly?:boolean //设置cookie只读
    path:string //设置可以cookie访问的路径
    domain?:string; //可以让多个域名共享cookie   eg:{domain:".jd.com"}
    secure?:boolean; //为true时，cookie在http无效，在https中才有效
    encode?:(val:string)=>string;
    sameSite?:boolean |'lax'|'strict'|'none'
}
    
    //signed
    当signed为true时，访问cookie则用req.signedCookies而不是req.cookis,并且在配置时：
    app.use(cookieParser("jiami"))  //可以随便输入一个字符串

（五）express-session

当浏览器访问服务器并发送第一次请求时，服务器会创建一个session对象，生成一个类似key，value的键值对，然后将key（cookie）返回到浏览器（客户）端，浏览器下次再访问时，携带key（cookie），找到对应的session（value）

安装express-session模块

npm install express-session --save

配置并使用

const express = require('express')
const session = require('express-session')

const app = express()

//配置session的中间件
app.use(session({
    secret: 'this is session', //服务器端生成session的签名  可以随意设置
    name: "myname",            //修改session对应cookie名称
    resave: false,             //强制保存session 即使它没有变化
    saveUninitialized: true,   //强制将未初始化的session存储  resave和saveUninitialized最好配置不然会报错
    cookie: {  //session基于cookie，可以配置过期时间等设置
        maxAge: 1000*60
    }，
    rolling:true     //每次访问时，过期时间都会续期
}))

app.get('/', (req, res) => {
    //获取session
    let result = req.session.name
})
app.get('/login', (req, res) => {
    //设置session
	req.session.name = "zhangsan"
})

销毁session

//会把所有session都销毁
req.session.cookie.maxAge = 0

//把session中name设置为空，只作用name
req.session.name = ''

//使用destroy
req.session.destroy() 
//也可以传入一个回调函数
req.session.destroy(function(){
    ...
})

(六)multer图片上传

安装multer

npm install multer -save

上传格式

<from action="/profile" mmethods="post" enctype="multipart/from-data">
    <input type="file" name="avatar"></input>
</from>

使用并配置

//app.js
const express = require('express')
const multer = require('multer')
const uploadRouter = require('./upload.js')
const app = express()

app.use('/upload', uploadRouter)


//upload.js
const express = require('express')
const multer = require('multer')
const sd = require('silly-datetime')   //解析时间戳生成指定日期格式
const path = require('path')
const mkdirp = require('mkdirp')       //异步方法 功能：mkdirp("目录名") 若是该目录不存在，则会创建该目录

//使用该方法配置，存储在文件的图片是没有后缀名的
const upload = multer({
    dest: 'static/upload'  //图片上传的目录
})
//可以使用以下配置
const storage = multer.diskStorage({
    //配置上传的目录
    destination: async (req, file, cb) => {
        //1.获取当前日期
        let day = sd.format(new Date(), "YYYYMMDD")
        //2.路径拼接
        let dir = path.join("static/upload",data)
        let result = await mkdirp(dir)
        cb(null, result)
    },
    //修改上传的文件名
    filename: (req, file, cb) => {
        //1.获取后缀名
        let extname = path.extname(file.originalanme)
        //2.根据时间戳生成文件名
        cb(null, Date.now()+extname)
    }
})
const upload = multer({storage:storage})


const router = express.Router()

//upload.signle('xxx')  xxx为input对应的name值
router.post('/profile', upload.signle('avatar'), (req, res) => {
    //req.file is then avatar file
    
})

module.exports  = router

多文件上传与单文件的配置区别

//单文件上传
router.post("/profile", upload.signle('avatar'), (req, res) => {
    
})

//多文件上传，但是input的name值都一样时
router.post("/profile", upload.array('avatar', 12), (req, res) => {
    
})
eg: 
<input type="file" multiple name="avatar"></input> 
or
<input type="file" name="avatar"></input> 
<input type="file" name="avatar"></input> 

//多文件上传，input的name都不同时
let cpUpload = upload.fields([{name:"pic1", maxCount:1}, {name:"pic2",maxCount:1}])
router.post("/profile", cpUpload, (req, res) => {
    
})
eg:
<input type="file" name="pic1"></input> 
<input type="file" name="pic2"></input>

内容总结

以上是互联网集市为您收集整理的nodejs中express框架的使用全部内容，希望文章能够帮你解决nodejs中express框架的使用所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/620156.html

来源：【匿名】

【上一篇】安装nodeJS 【下一篇】node.js和php的区别有哪些？

更多 ►

【nodejs中express框架的使用】教程文章相关的互联网学习教程文章

nodejs教程安装express及配置app.js文件的详细步骤

来自：http://www.jb51.net/article/36710.htm express.js是nodejs的一个MVC开发框架，并且支持jade等多种模板。下面简单来说说express的安装和app.js文件的配置，然后在今后的教程中一步一步使用express.js搭建个聊天室安装express.js如果你安装了npm，安装变得很简单，只需要在终端中运行下面的代码即可：复制代码代码如下:npm install express -gd -g代表安装到NODE_PATH的lib里面，而-d代表把相依性套件也一起安装。如果沒有...

让nodejs开启服务更简单--express篇【代码】【图】

上一篇文章说到，nodejs获取客户端请求需要我们自己去处理请求参数、请求方式等，而在express框架内部集成了很多好用的方法，我们不需要从0开始编写各种处理逻辑，这样可以极大提高我们的开发效率~ 通过引入 express ，再执行express函数，生成的app对象通过中间件来进行各种操作。const express = require(‘express‘) const app = express()app.post(‘/home‘, (req, res, next)=>{res.end(‘hello express‘) })app.listen(‘...

安装nodeJs静态服务器（NodeJs Express MVC 框架）【图】

安装 NodeJs Express MVC 框架新建项目文件夹打开cmd 执行以下操作：一、使用Express框架1)安装express3 $: npm install -g express@32)目录下新建工程 $: express -e staticServer3)安装所需模块 $: cd staticServer && npm install这部执行完毕即可启动服务器 $: node appexpress默认public目录为静态资源目录，可在浏览器中访问http://localhost:3000/images/******对应资源创建完成后：1、新建wwwroot文件夹2、修改根目录下...

二：nodejs+express+redis+bootstrap table+jquery UI【代码】

介绍：做一个量化投资的实时系统。综合：添加记录，顺序改变的话，refresh之后，能正常刷新吗？可以正常刷新，只是顺序又变回去。express中用fs readfile 时，需要用path.join来写路径，如果用路由的话，会读出来数字。json的读取和存储，JSON.parse(data);会变为一个json对象； JSON.stringify(data);把json变为字符串，如果这时候写入.json中，则不会有合适的缩进。所以需要JSON.stringify(data, function(key, value){return v...

windows mean(mongodb+express+angularjs+nodejs) 一键安装脚本【图】

最近在和几个同事研究mean（mongodb+express+angularjs+nodejs），这个框架看了个皮毛，但是安装部分基本上已经掌握了，目前还没有找到好的一键部署方案，所以我给同事们做了一个基础部署的脚本，本来想的很好，但是一次次的测试也比较浪费时间，基本功能完成之后，就没有再进一步的优化，先放出来大家看看吧，用某前辈的话说：这个东西不算脚本，只能算“顺溜”，一步步完成安装和配置。系统环境：650) this.width=650;" src="/up...

Nodejs学习笔记（六）—Node.js + Express 构建网站预备知识【代码】【图】

前言　　前面经过五篇Node.js的学习，基本可以开始动手构建一个网站应用了，先用这一篇了解一些构建网站的知识！　　主要是些基础的东西...　　如何去创建路由规则、如何去提交表单并接收表单项的值、如何去给密码加密、如何去提取页面公共部分（相当于用户控件和母版页）等等...　　下面就一步步开始吧^_^!...新建express项目并自定义路由规则　　1.首先用命令行express+ejs创建一个项目sampleEjsPrecd 工作目录 express -e samp...

nodejs的web开发框架之express【图】

express框架实际上就是对nodejs上面1~6那些底层的api做了一层新的封装，形成了一些api，使基于nodejs开发web更方便快速最简单案例　　express框架实现服务器功能　　express框架静态资源（html css js 图片等资源）的托管功能---从代码上看非常简单　　express框架的路由处理（服务器动态资源（由服务器动态生成的内容）请求一般都不对应一个特定的文件名称而是只有一个路径，这种路径的处理就叫路由）　　express框架的提供的中...

nodejs框架express4.2 简单入门【图】

Perface今天看了一些nodejs，《nodejs开发指南》。看到了expres的时候，由于那本书用的express版本号跟我的不一样。导致非常多功能不能实现。所以就各种google，如今就把这个流程记录下来。遇见的bug和一些原理。要玩express就要装nodejs，假设你的操作系统是centos6.5能够參考我之前写的博客centos6.5安装nodejs。其它操作系统也大同小异。能够看Node InstallationBug1 Express Command not found最初操作：跟着《nodejs开发指南...

nodejs+express+jade配置

1、安装nodejs，比如安装在E:\program files\nodejs(这是本人的安装路径)。确保有两个环境变量用户环境变量：C:\Users\Administrator\AppData\Roaming\npm 系统环境变量：e:\program files\nodejs2、安装Express，用稳定版3.5.0，网上资料也大多以这个版本为主，不指定版本的话，默认安装最新版　　运行cmd -> npm install -g express@3.5.0 　　如果是4.X版本，再安装npm install -g express-generator（如果不装会报”...

Windows环境下，从零开始搭建Nodejs+Express+Ejs框架（二）---安装Express，ejs【图】

安装Express，ejs的前提是一定要先安装nodejs，具体安装方法请查看http://www.cnblogs.com/tfiremeteor/p/8973105.html安装Express和ejs的前提是先要创建一个项目，因为我采用的并不是全局安装的方式，顺序为，创建项目，安装Express，再安装ejs。一. 准备工作。关于Nodejs的所有操作都必须通过命令行来实现，并且需要进入项目所在的目录。所以，首先运行cmd，打开命令提示符。如下图这个是默认的路径，现在要进入项目路径，我的项...

nodejs小问题：express不是内部或外部命令【图】

一时兴起想学习点东西,准备在heroku上部署一个Node.js的小程序.公司电脑之前没有装Node.js,于是下载最新版本的Node.js,当我安装express之后发现居然提示express不是内部或外部命令.然后经过我不懈努力,终于发现端倪,下面分享给大家(我是在Windows上用的Node.js).工具/原料 Node.js安装包方法/步骤首先下载Node.js安装包,此处我用的是官方最新的v0.10.2732位版:http://nodejs.org/dist/v0.10.27/node-v0.10.27-x86.msi 64位版:ht...

CentOS安装NodeJS及Express开发框架

本文演示在Linux上安装NodeJS及Express开发框架注：本人在http://www.nodejs.org/官网上下载了nodejs最新版本号NodeJS v0.10.29 可是在./configure的时候，说没有找到路径，无奈之下。仅仅好将nodejs版本号减少到v0.10.24。如今讲执行步骤记下。以免将来忘掉，安装步骤例如以下：Step 1、确认server有nodejs编译及依赖相关软件，假设没有可通过执行下面命令安装。[root@BobServerStation local]# yum -y install gcc gcc-c++ opens...

nodejs+express开发blog（2）【代码】

npm install -g nodemon1，把ejs文件修改为html文件app.engine(‘.html‘, require(‘ejs‘).__express);app.set(‘view engine‘, ‘html‘);注意：修改views下面的后缀名，并且并且不要忘记index.html里引入的原文：http://www.cnblogs.com/holdon521/p/5307999.html

win7下安装配置nodejs、使用npm安装express

1.下载nodehttp://nodejs.cn/download/ 这里下载自己需要的我的环境是win764，下载地址是：https://nodejs.org/dist/v6.2.0/win-x64/node.exe它就一个exe文件，想要使用还要配置下环境变量win7:“我的电脑”右键点击“我的属性”，点击左边的‘高级系统设置’，在打开的系统属性面板，点击选项卡‘高级’--面板底部的‘环境变量’在系统变量找到PATH,在变量值后面，追加上‘D:\node;’ （这是存放node.exe的地方）这里顺便讲下添加...

Nodejs架构之Express初体验【代码】

参考：http://www.cnblogs.com/Darren_code/p/express4.html本文是基于node 0.12.7express 4.13.11）安装npm install -g express npm install -g express-generator2）创建项目express myapp cd myapp && npm install npm start3）目录结构app.js，程序启动文件 bin，创建项目时已经提到，是真实的执行程序 node_modules, 存放所有的项目依赖库 package.json，项目依赖配置及开发者信息 public，静态文件(css,js,img) routes，路由...

首页 / NODEJS / nodejs中express框架的使用

nodejs中express框架的使用

内容导读

内容图文

express的使用

一、express简单使用

二、 Get Post 请求的参数

(一)post请求

(二)get请求

三、辅助工具

(一)nodemon

(二)supervisor代替node命令启动应用(不建议使用)

四、使用express脚手架

五、中间件

(一)在express使用ejs

（二）express.static托管静态文件

(三)body-parser第三方中间件

(四)cookie-parser

（五）express-session

(六)multer图片上传

内容总结

内容备注

内容手机端

【nodejs中express框架的使用】教程文章相关的互联网学习教程文章

NODEJS - 相关标签

框架 - 相关标签

NODEJS - 技术教程分类

NODEJS - 最新教程

NODEJS - 最热教程