Nodejs-----express框架

之前说过: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 () {
})

![在这里插入图片描述](https://img-blog.csdnimg.cn/202007192312260.png在这里插入图片描述
在浏览器填写内容,就会输出上面格式的数据。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值