node.js Express框架学习笔记

柔情只为你懂 2022-06-15 03:22 224阅读 0赞

## 简介 ##

参考网址——[点击打开链接][Link 1]

Express是一个简介而灵活的node.js应用框架，提供了一系列特性来帮助创建各种web应用和丰富的HTTP工具

使用Express可以快速地搭建一个完整功能的网站

Express框架核心特性：

*  **可以设置中间件来响应http请求**
 *  **定义了路由表用于执行不同的http请求动作**
 *  **可以通过模板传递参数来动态渲染HTML页面**

## 安装 ##

npm install express --save

查看当express版本号

npm list express

![20170524113419452][]

## GET方法 ##

这里直接到get方法的使用，中间一步一步解释好晕，用一段代码解释更清楚

先写用于表单提交的HTML代码

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<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

执行以上代码

node server.js

代码启动后，浏览器输入http://localhost:8081/index.html查看结果

![20170524123430161][]

## POST方法 ##

首先提一下一个nodejs中间件——body-parser

body-parser中间件用来解析http请求体（post方法传输的数据都放在http请求体中）,它是express默认使用的中间件之一

本次用到body-parser下的urlencoded模块，该模块用于解析req.body（http请求体的一部分）的数据，解析成功后覆盖原来的req.body，解析失败为\{ \}。

有关body-parser的详细解释，推荐一篇文章——[点击打开链接][Link 2]

安装body-parser也很简单 ——npm install body-parser

好，看Post方法下的server.js代码

![20170524140057935][]

## 文件上传    ##

首先来认识一个node中间件——multer用于处理enctype="multipart/form-data"（设置表单的MIME编码）的表单数据

安装——npm install multer

这里推荐一篇文章，里面有队multer的详细解释——[http://www.jb51.net/article/95488.htm][http_www.jb51.net_article_95488.htm]

特别提醒的是，multer在解析完请求体后，会向Request对象中添加一个body对象和一个file或files对象（上传多个文件时使用files对象 ）。其中，body对象中包含所提交表单中的文本字段（如果有），而file(或files)对象中包含通过表单上传的文件。

node文件系统参考文档——[点击打开链接][Link 3]

**index.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>

**server.js**

![20170524153956837][]

![20170524154232416][]

[Link 1]: http://www.runoob.com/nodejs/nodejs-express-framework.html
[20170524113419452]: /images/20220615/8afe5e77c9154e4985b5ef5a6081905d.png
[20170524123430161]: /images/20220615/013c924790454b66accf993637214c97.png
[Link 2]: http://www.tuicool.com/articles/beEJ32a
[20170524140057935]: /images/20220615/42ad56ddd6ea4860adf31ecef6d201ce.png
[http_www.jb51.net_article_95488.htm]: http://www.jb51.net/article/95488.htm
[Link 3]: http://nodejs.cn/api/fs#fs_fs_write_fd_buffer_offset_length_position_callback
[20170524153956837]: /images/20220615/d381e87c0e4842d99ed8e0d2d5781a6f.png
[20170524154232416]: /images/20220615/5504329f5c5e4bba8f7b550ed1088a49.png