浅谈node.js Express框架

最新推荐文章于 2022-08-21 20:11:14 发布
最新推荐文章于 2022-08-21 20:11:14 发布
阅读量524 收藏 2
点赞数 1
分类专栏： node.js 文章标签： Node.js RESTful API REST
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhouziyu2011/article/details/68925279
版权

Express 是一个简洁而灵活的 node.js Web应用框架，使用 Express 可以快速地搭建一个完整功能的网站。

 

1、Express 框架核心特性：

①　可以设置中间件来响应 HTTP 请求。

②　定义了路由表用于执行不同的 HTTP 请求动作。

③　可以通过向模板传递参数来动态渲染 HTML 页面。

 

2、Express安装：

①　本地安装：npm install express

②　全局安装：npm install express -g

 

3、请求与响应：

Express 框架使用回调函数的参数——Request 和 Response 对象来处理请求和响应的数据。

var express = require('express');
var app = express();
app.get('/', function (req, res) {
	res.send('Hello World');
});
var server = app.listen(8081, function () {
 		var host = server.address().address;
	var port = server.address().port;
	console.log("应用实例，访问地址为 http://%s:%s", host, port);
});

运行方式：node express.js

在浏览器中访问：http://127.0.0.1:8081


4、路由：

路由决定了由谁(指定脚本)去响应客户端请求。在HTTP请求中，可以通过路由提取出请求的URL以及GET/POST参数。

var express = require('express');
var app = express();
//  主页输出 "Hello World"
app.get('/', function (req, res) {
   	console.log("主页 GET 请求");
   	res.send('Hello GET');
});
//  POST 请求
app.post('/', function (req, res) {
   	console.log("主页 POST 请求");
   	res.send('Hello POST');
});
//  /del_user 页面响应
app.get('/del_user', function (req, res) {
   	console.log("/del_user 响应 DELETE 请求");
   	res.send('删除页面');
});
//  /list_user 页面 GET 请求
app.get('/list_user', function (req, res) {
   console.log("/list_user GET 请求");
   res.send('用户列表页面');
});
// 对页面 abcd, abxcd, ab123cd, 等响应 GET 请求
app.get('/ab*cd', function(req, res) {   
   console.log("/ab*cd GET 请求");
   res.send('正则匹配');
});
var server = app.listen(8081, function () {
  	var host = server.address().address;
  	var port = server.address().port;
  	console.log("应用实例，访问地址为 http://%s:%s", host, port)
});

 

5、静态文件：

Express 提供了内置的中间件 express.static 来设置静态文件如：图片、CSS、JavaScript 等。

可以使用 express.static 中间件来设置静态文件路径，如app.use(express.static('public'))将图片、CSS、JavaScript文件放在 public 目录下。

 

6、GET方法：

get.html：

<html>
	<body>
		<form action="http://127.0.0.1:8081/process_get" method="GET">
			First Name: <input type="text" name="first_name">  <br>
			Last Name: <input type="text" name="last_name">
			<input type="submit" value="Submit">
		</form>
	</body>
</html>

get.js：

var express = require('express');
var app = express();
app.use(express.static('public'));
app.get('/get.html', function (req, res) {
   	res.sendFile( __dirname + "/" + "get.html" );
});
app.get('/process_get', function (req, res) {
   	response = {
       		first_name:req.query.first_name,
       		last_name:req.query.last_name
  	};
   	console.log(response);
   	res.end(JSON.stringify(response));
});
var server = app.listen(8081, function () {
  	var host = server.address().address;
  	var port = server.address().port;
  	console.log("应用实例，访问地址为 http://%s:%s", host, port);
});

运行方式：node get.js

在浏览器中访问：http://127.0.0.1:8081/get.html


7、POST方法：

post.html：

<html>
	<body>
		<form action="http://127.0.0.1:8081/process_post" method="POST">
			First Name: <input type="text" name="first_name">  <br>
			Last Name: <input type="text" name="last_name">
			<input type="submit" value="Submit">
		</form>
	</body>
</html>

post.js：

var express = require('express');
var app = express();
var bodyParser = require('body-parser');
// 创建 application/x-www-form-urlencoded 编码解析
var urlencodedParser = bodyParser.urlencoded({ extended: false });
app.use(express.static('public'));
app.get('/post.html', function (req, res) {
   	res.sendFile( __dirname + "/" + "post.html" );
});
app.post('/process_post', urlencodedParser, function (req, res) {
   	response = {
       		first_name:req.body.first_name,
       		last_name:req.body.last_name
   	};
   	console.log(response);
   	res.end(JSON.stringify(response));
});
var server = app.listen(8081, function () {
  	var host = server.address().address;
  	var port = server.address().port; 
  	console.log("应用实例，访问地址为 http://%s:%s", host, port);
});

运行方式：nodepost.js

在浏览器中访问：http://127.0.0.1:8081/post.html

问题：nodejs 使用require('body-parser')出错。

解决：body-parser已经不和Express绑定在一起了，而需要单独来安装，执行如下命令即可：

npm install body-parser。

 

8、文件上传：

file.html：

<html>
	<body>
		<h3>文件上传：</h3>
		选择一个文件上传: <br />
		<form action="/file_upload" method="post" enctype="multipart/form-data">
			<input type="file" name="image" size="50" /><br />
			<input type="submit" value="上传文件" />
		</form>
	</body>
</html>

file.js：

var express = require('express');
var app = express();
var fs = require("fs");
var bodyParser = require('body-parser');
var multer  = require('multer');
app.use(express.static('public'));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(multer({ dest: '/tmp/'}).array('image'));
app.get('/file.html', function (req, res) {
   	res.sendFile( __dirname + "/" + "file.html" );
});
app.post('/file_upload', function (req, res) {
   	console.log(req.files[0]);
   	var des_file = __dirname + "/" + req.files[0].originalname;
   	fs.readFile( req.files[0].path, function (err, data) {
        	fs.writeFile(des_file, data, function (err) {
			if(err)
				console.log( err );
			else {
				response = {
					message:'File uploaded successfully',
					filename:req.files[0].originalname
				};
			}
			console.log( response );
			res.end( JSON.stringify( response ) );
		});
	});
});
var server = app.listen(8081, function () {
	var host = server.address().address;
	var port = server.address().port;
	console.log("应用实例，访问地址为 http://%s:%s", host, port);
});

运行方式：node file.js

在浏览器中访问：http://127.0.0.1:8081/file.html

问题：nodejs 使用require('multer')出错。

解决：multer需要单独来安装，执行如下命令即可：npm install multer。

 

9、cookie：

cookie.js：

var express = require('express');
var cookieParser = require('cookie-parser');
var app = express();
app.use(cookieParser());
app.get('/', function(req, res) {
	console.log("Cookies: ", req.cookies);
})
app.listen(8081);

运行方式：node cookie.js

在浏览器中访问：http://127.0.0.1:8081

问题：nodejs 使用require('cookie-parser')出错。

解决：cookie-parser需要单独来安装，执行如下命令即可：npm install cookie-parser。

筱葭
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
NodeJS express框架核心原理全揭秘
tzllxya的博客
05-29 4648
NodeJS express框架核心原理全揭秘 介绍 express框架大家都已经都很熟悉，是NodeJS最流行的轻量web开发框架。他简单易用，却功能强大。最近一个月来一直反复研究调试express框架，深究其源码不觉为之惊叹，不论是原理与代码都非常简单，很容易理解也很受用，觉得有必要写个文章分享一下。本系列分2部分全面介绍express。上篇讲express框架主要原理和重要的组成部...
Node.js Express框架基础了解
Mr.ShyZhang趟过的前端“小路坑”
07-02 2165
NPM： nodejs package manager 官网： www.npmjs.org命令：     npm -v  查看版本号    npm install moduleName  安装模块到本地    npm install moduleName -g 安装模块到全局    npm install 安装项目时使用    npm init 创建项目时使用Express框架:  基于NodeJ...
计算机毕业设计Python+Django的毕业设计过程管理系统(源码+系统+mysql数据库+Lw文档）
QQ1039692211的博客
08-21 420
在各学校的教学过程中，django过程管理系统是一项非常重要的事情。随着计算机多媒体技术的发展和网络的普及。采用当前流行的B/S模式以及3层架构的设计思想通过Python技术来开发此系统的目的是建立一个配合网络环境的django过程管理系统的平台，这样可以有效地解决django过程管理系统混乱的局面。
Express框架
热门推荐
桃李不言下自成蹊
06-08 30万+
在前面Node基础中我们学习了 Node.js 中的 http 模块，虽然知道使用 Node.js 中的 http 模块是可以开发 Web 应用的，处理静态资源，处理动态资源，请求分发（路由）等等，也可以让开发者对 HTTP 协议的理解更加清晰，但是使用起来比较复杂，开发效率低。npm 提供了大量的第三方模包，其中不乏许多 Web 框架，我们没有必要重复发明轮子，因而选择使用 Express 作为开发框架，因为它是目前最稳定、使用最广泛，而且 Node.js 官方推荐的唯一一个 Web 开发框架。除了为 h
浅谈Node.js轻量级Web框架Express4.x使用指南
10-19
本篇文章主要介绍了浅谈Node.js轻量级Web框架Express4.x使用指南，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
基于Node.js—Express框架的博客LittleBlog.zip
07-19
这是一个基于 Node.js——Express 框架的个人博客。支持解析 MarkDown 并生成静态 HTML。系统架构特性博客前后端分离，系统构架实现了层次化、组件化。前端前端通过Vue Vuex，实现了组件化。各组件相互配合，通过将各组件组合形成页面。所有Vue组件保存在public/javascripts/src/components文件夹。后台后台基于Node.js的Express框架，分为视图层、路由层、服务层，其中视图层用于显示HTML页面，但考虑到其解析Pug模版带来的性能问题，改用静态HTML对其进行替换。配置配置文件保存在 conf/conf.js，其中包含数据库/系统等配置信息，所有信息均采用JSON格式存储。测试所有单元测试用例保存在tests文件夹，主要提供了对Servers(服务层)的测试。所有测试用例均以xxx.test.js格式命名。单元测试由Mocha模块提供支持，进行单元测试请在终端中执行以下命令：mocha 测试用例.test.js运行运行博客，请在配置好Node.js与Express框架及其他模块后，执行以下命令:npm start bin/www或者你也可以使用Forver、PM2等模块。安装配置并运行博客后，在浏览器中访问yourdomain/install预览 标签：LittleBlog
node.js express框架简介与实现
10-16
主要介绍了node.js express框架简介与实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
node.js express框架实现文件上传与下载功能实例详解
10-16
主要介绍了node.js express框架实现文件上传与下载功能,结合具体实例形式详细分析了node.js express框架针对文件上传与下载的前后台相关实现技巧,需要的朋友可以参考下
浅谈Node.js ORM框架Sequlize之表间关系
10-19
下面小编就为大家带来一篇浅谈Node.js ORM框架Sequlize之表间关系。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
node.js express框架
02-04
express框架，使用PM2部署后台项目
【重拾】深入理解express框架
思诚^_^
12-31 4916
写在前面Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性： 可以设置中间件来响应 HTTP 请求。 定义了路由表用于执行不同的 HTTP 请求动作。 可以通过向模板传递参数来动态渲染 HTML页面。 今天不介绍基本用
深入理解Express.js
梦空间
12-18 483
转载自：深入理解Express.js本文针对那些对Node.js有一定了解的读者。假设你已经知道如何运行Node代码，使用npm安装依赖模块。但我保证，你并不需要是这方面的专家。本文针对的是Express 3.2.5版本，以介绍相关概念为主。Express.js這麼描述自己：”輕量靈活的node.js Web應用框架”。它可以幫助你快速搭建web應用。如果你使用過Ruby裏的Sinatra,那麼相信
Node.js个人理解——Express安装框架
Reaper_MXBG的博客
03-19 272
Node.js Express 框架 Express 框架核心特性： 可以设置中间件来响应 HTTP 请求 定义了路由表用于执行不同的 HTTP 请求动作。 可以通过向模板传递参数来动态渲染 HTML 页面。 安装 Express 安装 Express 并将其保存到依赖列表中： $ cnpm install express --save 或者 npm install express --s...
Node web 框架 - Express （ 200行实现基础功能，理解原理 ）
小结巴巴的博客
04-26 176
　Express 框架是基于 http 做一个一个 web 框架 　　 　　具体做什么呢？ 　　1、对 request 、response 进行封装，实现了一些方便简洁的方法 　　2、实现了 app.use 对 request 、response 进行处理 　　3、实现了 get 、post 等方法实现路由返回响应值的值 　　4、另外一些 render 等方法实现了使用模板引擎渲染页面 ...
Node.js和Express简单入门
完善飞跃
11-20 3万+
仅仅入门如何用Node.js和Express搭建一个web服务器，没有说明太多概念性的东西。一、 Nodejs简介​ ==Node是JavaScript语言的服务器运行环境。==​ 所谓“运行环境”有两层意思：首先，JavaScript语言通过Node在服务器运行，在这个意义上，Node有点像JavaScript虚拟机；其次，Node提供大量工具库，使得JavaScript语言与操作系统互动
express框架的理解
zhanglongdream的博客
06-09 2187
以前不理解express框架通过一句话理解了，也就是官网的一句话 送给大家并且时时警醒自己 express是一个自身功能极简，完全是由路由和中间插件构成的一个web开发框架，从本质上讲一个express应用就是在调用各种中间插件。
express框架基本介绍及使用
gklcsdn的博客
02-18 1452
文章目录1. 简介2. 安装3. 搭建express服务4. 访问 1. 简介 （1）express 是一个保持最小规模的灵活的node.js web应用程序开发框架，为web和移动应用程序提供一组强大的功能 （2）使用您所选择的各种 HTTP 实用工具和中间件，快速方便地创建强大的 API。 （3）Express 提供精简的基本 Web 应用程序功能，而不会隐藏您了解和青睐的 Node.js 功...
Node.js的express框架
WillisQ的博客
07-06 341
Express简介Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站。 Express 框架核心特性： 可以设置中间件来响应 HTTP 请求。 定义了路由表用于执行不同的 HTTP 请求动作。 可以通过向模板传递参数来动态渲染 HTML 页面。
node.js的express框架
最新发布
03-25
Express是基于Node.js的Web框架，它提供了一套简洁、灵活的方式来编写Web应用。它是一个可靠的框架，社区支持活跃，文档详细。 使用Express可以提高Web应用的开发效率，快速搭建服务器和路由，并且可以方便地使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值