Node 安装和Express框架的基本使用

最新推荐文章于 2024-09-10 12:50:04 发布
最新推荐文章于 2024-09-10 12:50:04 发布
阅读量192 收藏
点赞数
分类专栏： Node 文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41617060/article/details/105596058
版权

新建项目文件夹ExpressDemo:在命令窗口执行命令安装和使用Express框架

1 安装Express框架以及几个重要的模块

$ npm install express --save

$ npm install body-parser --save

$ npm install cookie-parser --save

$ npm install multer --save

简化命令：
$ npm install express body-parser cookie-parser body-parser multer --save

  • body-parser - node.js 中间件，用于处理 JSON, Raw, Text 和 URL 编码的数据。

  • cookie-parser - 这就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie，并把它们转成对象。

  • multer - node.js 中间件，用于处理 enctype="multipart/form-data"（设置表单的MIME编码）的表单数据。

2 开始第一个Express实例：用Express框架输出hello

创建 express_demo.js 文件

//express_demo.js 文件
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_demo.js

访问地址为app监听的端口（本例为8081）

返回hello world 访问成功。

3  hello world 扩展：添加一些功能来处理更多类型的 HTTP 请求

创建 express_demo2.js 文件

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.delete('/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)

})

启用实例并访问：

访问首页：

访问:list_user页面

返回某一类get请求的页面：

tips:如果出现乱码情况，将 express_demo2.js文件保存为utf-8模式重新启用实例即可。

4 静态文件的访问

保存要访问的图片位置：

创建express_demo3.js文件：在文件中添加访问图片的代码：

var express = require('express');
var app = express();

app.use(express.static('public'));

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)

})

在cmd窗口中执行启用实例的命令并在浏览器窗口中查看：

node express_demo3.js


5 GET方法

在表单中通过 GET 方法提交两个参数，我们可以使用 server.js 文件内的 process_get 路由器来处理输入：

index.html文件：(在public静态文件下)

<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>

server.js文件：

var express = require('express');
var app = express();

app.use(express.static('public'));

app.get('/index.html', function (req, res) {
   res.sendFile( __dirname + "/" + "index.html" );
})

app.get('/process_get', function (req, res) {

   // 输出 JSON 格式
   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)

})

启用该实例并访问：

输入信息进行测试：

6 POST方法

在表单中通过 POST 方法提交两个参数，我们可以使用 server.js 文件内的 process_post 路由器来处理输入：

新建index2.html或修改index.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>

server.js 文件代码修改或创建server2.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('/index2.html', function (req, res) {
   res.sendFile( __dirname + "/" + "index2.html" );
})

app.post('/process_post', urlencodedParser, function (req, res) {

   // 输出 JSON 格式
   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)

})

启用实例并访问：

node server2.js

提交表单：

7  上传文件

创建一个用于上传文件的表单，使用 POST 方法，表单 enctype 属性设置为 multipart/form-data

index3.html文件:

<html>
<head>
<title>文件上传表单</title>
</head>
<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>

server3.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('/index3.html', function (req, res) {
   res.sendFile( __dirname + "/" + "index3.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 server3.js

选择文件并上传测试：

也可以在项目目录中查看到上传的文件：

同时服务端也会显示上传文件的信息：

8 Cookie 管理

使用中间件向 Node.js 服务器发送 cookie 信息

express_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 express_cookie.js

服务端可以看到输出的cookie信息：

 

 

 

bismillahhh
关注
专栏目录
基础归纳-Express简单安装可参考
weixin_51029697的博客
04-26 2693
0、介绍 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站。 Express 框架核心特性： 可以设置中间件来响应 HTTP 请求。 定义了路由表用于执行不同的 HTTP 请求动作。 可以通过向模板传递参数来动态渲染 HTML 页面。 一、安装 1.1 简单安装方法一： $ cnpm install expre..
【Node 框架】Express --- 基本使用
Web_boom的博客
09-17 449
Nodejs 在主机层面上为运行 ECMAScript 提供了底层接口和功能，但这些接口和功能大多数都繁琐难用，所以我们一般不会直接用 Nodejs 原生的 http 模块去写一个服务器，而是直接使用封装过的第三方库。Express 是众多 Node 服务器框架中功能强大且生态较好的一个，它在 Nodejs http 模块的基础上做了一层抽象，提供了更简单易用且高级的接口。点击访问点击访问。
Nodejs Express模块server.address().address为::
Jinx
07-03 7843
原始写法：var server = app.listen(8081,function () { var host = server.address().address var port = server.address().port console.log("应用实例，访问地址为 http://%s:%s", host, port)})打印结果： 应用实例，访问地址为 http
express笔记（一）——server.address()
CaseyWei
08-08 670
前言 在跟这教程学习时，遇到了一处和教程展示内容不相同的地方，后进行修改得以一致，遂进行记录。 问题 教程中有段代码是这样得 var express = require('express'); var app = express(); var server = app.listen(8081, function () { var host = server.addr...
Node.js——Express框架入门(get/post处理请求)
学习学习学习
10-25 2220
简介 Express是node.js Web应用框架，提供了一系列工具 特点： --可以设置中间件相应请求 --定义路由表 --向模块传参渲染HTML页面 实例： var express = require('express'); var app = express(); app.get('/',function (req,res) { re...
Express框架安装与基本使用
qq_45737326的博客
02-17 1753
express框架简单使用
node.js express框架
02-04
本文将围绕“Node.js Express框架”和“使用PM2部署后台项目”这两个主题，深入探讨它们的核心概念、使用方法及实际应用。 一、Express框架详解 1. Express基础：Express是一个基于Node.js平台的极简、灵活的Web...
node+express框架中连接使用mysql(经验总结)
01-20
最近在学习node.js，做了一个练手项目，使用node.js+express框架，配合mysql数据库和前端vue框架开发一个多人文档编辑系统。 node.js环境下express+mysql的服务端项目示例 首先是环境搭建： node环境下 $ npm ...
如何使用node和express框架迅速开启一个服务，并写出简单的接口用于接口测试
01-07
var express = require('express') var app = express() // respond with hello world when a GET request is made to the homepage app.get('/', function (req, res) {  res.send('hello...
address.js
05-20
全国省市区 json ， 直接在页面中赋值就可以使用， 我们用的框架是 vuejs 但是不管用什么框架 都是可以直接使用的， 格式是value， label ， children 的格式，包含香港和澳门
node.js express框架简介与实现
10-16
接下来，我们将详细介绍Express框架的基本概念、重要特性、安装方法、入门示例程序以及其中的关键API函数app.use和app.get/app.post的用法。 Express框架主要特性如下： 1. 中间件的使用：Express允许开发者在响应...
node.js express框架实现文件上传与下载功能实例详解
10-16
Node.js通过Express框架实现文件上传与下载功能，可以使用多个库和方法。例如，使用第三方库multer，它专门用于处理multipart/form-data，这类数据即HTML表单上传的文件数据。通过配置multer中间件，可以轻松地处理...
Node.js RESTful API
xuliuzhu的博客
07-10 355
Node.js RESTful API 什么是 REST？ REST即表述性状态传递（英文：Representational State Transfer，简称REST）是Roy Fielding博士在2000年他的博士论文中提出来的一种软件架构风格。 表述性状态转移是一组架构约束条件和原则。满足这些约束条件和原则的应用程序或设计就是RESTful。需要注意的是，REST是设计风
npm安装express
热门推荐
程序员「阿基米东」的编程之旅
01-23 1万+
安装 Express运行在Node.js中，所以很容易配置、实现和控制。如果你已经安装了nodejs和npm，那么安装express就很简单了。 $ npm install express --save 测试 # cat express_demo.js var express = require('express'); var app = express(); app.get('
【Node】Node.js 入门知识点总结（二）
Dora_5537的博客
08-23 2478
一、Node.js 工具模块 序号 模块名 描述 1 OS 模块 提供基本的系统操作函数。 2 Path 模块 提供了处理和转换文件路径的工具。 3 Net 模块 用于底层的网络通信。提供了服务端和客户端的的操作。 4 DNS 模块 用于解析域名。 5 Domain 模块 简化异步代码的异常处理，可以捕捉...
Express初学遇到的问题
ssfz123的博客
05-07 468
1.Express模块server.address().address为::原始写法：var server = app.listen(8081,function () { var host = server.address().address var port = server.address().port console.log("应用实例，访问地址为 http://...
Node JS 获取文件路径
你好邱林和的专栏
02-06 3999
刚开始使用server的模块,自己在项目工程中新建了一个文件夹,里面放了一个html文件,想要在浏览器访问这个html,就要写一个路径,应该使用如下方法: app.get('/index.html', function (req, res) { res.sendFile( "C:/Users/ALLONE/WebstormProjects/untitled1/View_layout/in
【重点】(非常全) Node.js的生态有哪些包
最新发布
Keep trying, keep going
09-10 991
Node.js的生态系统非常丰富，包括了各种框架、库、工具等。以下是Node.js生态系统的一些主要组成部分：1. 框架：如Express.js, Koa.js, Hapi.js, Sails.js, Nest.js等，用于快速构建Web应用或API服务。2. 数据库驱动和ORM：如Mongoose（MongoDB）、Sequelize（关系型数据库，如MySQL, PostgreSQL）、TypeORM等，用于简化数据库操作。3. 工具库：如Lodash, Moment, Async, Ramda等，提供
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值