Nodejs之express

最新推荐文章于 2021-10-12 15:52:03 发布

lord_of_war

最新推荐文章于 2021-10-12 15:52:03 发布

阅读量104

点赞数

本文链接：https://blog.csdn.net/lord_of_war/article/details/110881451

版权

Node.js 是运行在服务端的 JavaScript，也是一个基于Chrome JavaScript 运行时建立的一个平台。这个平台包含了许多的模块，express就是其中之一。

什么是express？

Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具，使用 Express 可以快速地搭建一个完整功能的网站。

Express 框架核心特性：

1、可以设置中间件来响应 HTTP 请求。
2、定义了路由表用于执行不同的 HTTP 请求动作。
3、可以通过向模板传递参数来动态渲染 HTML 页面。
接下来我们使用express来在浏览器上输出： hello world

首先在我们安装好node之后，需要下载express模块：

npm i express --save

模块下载好之后就是导入了:

const express = require("express");
const app = express();

如果前台是get请求：

app.get('/', function (req, res) {
   res.send('Hello World');
})

如果前台是post请求：

app.post('/', function (req, res) {
   res.send('Hello World');
})

最后是监听端口号：

app.listen(3000,()=>{
})

这样，一个简单的服务就搭建起来了，我们在浏览器的地址栏输出：localhost:3000 回车就能连接到
服务器,并且会打印Hello World。

当我们使用原生创建服务器时，会写一大串的接口代码，但是在express框架中，只需要一行代码：

app.use(express.static("project"));

Express 提供了内置的中间件 express.static 来设置静态文件如：图片， CSS, JavaScript 等。
你可以使用 express.static 中间件来设置静态文件路径。例如，如果你将图片， CSS, JavaScript 文件放在 public 目录下，你就可以这么向上面那样写。“project”是存放 img css js 等文件文件。
下面是一个完整的前端将数据传给node ，再由node返回的过程：

HTML页面

<html>
	<body>
		<form action="/index" method="GET">
			姓名: <input type="text" name="name">  <br>
		 	年龄: <input type="text" name="age">
				<input type="submit" value="提交">
		</form>
	</body>
</html>

服务器页面：

var express = require('express');
var app = express();
 
app.use('/public', express.static('public'));

app.get('/process_get', function (req, res) {
 
   // 输出 JSON 格式
   var response = {
       "姓名":req.query.name,
       "年龄":req.query.age
   };
   console.log(response);
   res.end(JSON.stringify(response));
})
 
var server = app.listen(8081, function () {
})