Express基于Node.js基础知识【1】全面总结 推荐收藏

最近在用基于node.js平台的web应用开发做项目,梳理了下关于Express框架的相关知识,方便自己以后查看,希望也能帮助证字啊学习express相关知识的同学,欢迎大家参考,有问题评论区留言,谢谢。

目录

1.安装

1.1 直接安装

1.2通过Express提供的脚手架进行安装packpack

2.新建项目

2.1安装遇到报错

2.2重新安装成功

2.3项目结构解读

3.Express基本用法

3.1使用express搭建web服务器

3.2页面显示数据 hello world! 

3.3 使用nodemon自动重启服务器

3.4新增post请求访问 login

4.Request对象

4.1发送get请求 / 看req信息

4.2 发送get请求 /user 看req信息又是什么。

4.3请求带参数req的params信息

4.4 req中的方法

5.response属性

5.1属性

5.2方法

5.2.1 send方法发送文本

5.2.2 res.send() 发送对象以及数组

5.2.3 res.json()  和 res.send() 一样 可以发送 json对象以及数组对象。

5.2.4 res发送文件 res.sendFile() 

5.2.5 发送状态码 res.status()

5.2.6 发送请求头res.set() / res.header() 

5.2.7 res.get()获取方法

5.2.8 页面跳转 res.redirect()方法。


1.安装

1.1 直接安装

新建一个项目,控制台打开项目,命令行输入npm init 指令 生成package文件。

执行后自动生成一个package.json文件。

然后输入 npm install express 安装,安装成功后package.json文件会显示当前版本,可以看到现在使用的是 express4版本。

我们新建一个index文件打印一下,可以看到我们执行成功了。

本项目使用编辑器:vscode下载安装配置

node.js下载安装环境变量配置请参考:Node.js 下载安装配置 超详细-CSDN博客

1.2通过Express提供的脚手架进行安装packpack

全局安装:express-generator

首先命令行 npm install -g express-generator 这样就可以使用express了。

2.新建项目

新建项目指令 express generator

2.1安装遇到报错

上面我们已经安装好express脚手架,现在我们可以用express 后跟项目名称来新建一个项目了,不幸的是这里新建项目的时候报错了,如果你也遇到这个问题,请参考PowerShell中提示about_Execution_Policies问题处理方法

2.2重新安装成功

经过处理我们重新执行express generator 最终项目新建成功了。

2.3项目结构解读

我们可以看到新建项目已经包含默认的项目结构文件,现在我们打开当前项目,安装需要的依赖

启动项目

安装依赖成功后 输入命令 npm start 启动项目 

可以看到我们这里 npm start 其实对应的就是 node ./bin/www,项目结构中的public存放的就是我们的静态资源,routers 文件夹存放的路由文件,views文件夹就是模板文件。

3.Express基本用法

  1. 使用express搭建web服务器
  2. 使用nodemon自动重启服务器
  3. 使用postman发送请求
3.1使用express搭建web服务器

我们在前面直接创建的course的项目,新建了index.js文件简单搭建了web服务器,并且运行了index文件,现在我们服务器已经启动成功了。

3.2页面显示数据 hello world! 

我们通过get请求,然后显示hello world,然后控制台重启服务器,发现访问3000端口页面和我们所想的一样,出现了 hello world!

3.3 使用nodemon自动重启服务器

前面我们文件修改之后都要重启服务器才能查看修改效果是否生效,过于繁琐,所以接下来我们来介绍下nodemon自动重启服务器。使用也很简单:

  1. npm install -g nodemon 全局安装
  2. nodemon 后跟文件名  比如 nodemon index.js  
  3. 修改index.js 文件保存后系统自动重启了

安装好了nodemon之后也可以在package.json文件配置start 启动项,npm start启动项目。

3.4新增post请求访问 login

这里我们写了通过post方式访问login接口,并且返回 login succeed!信息。

这里我们通过postman测试。postman安装很简单。可以看到根据地址访问接口,成功出现了我们期待的信息。

4.Request对象

4.1发送get请求 / 看req信息

这里我们发送一个请求并带两个参数,打印一下req的 url path 和 query信息。

可以看到打印信息。

4.2 发送get请求 /user 看req信息又是什么。

4.3请求带参数req的params信息

4.4 req中的方法

5.response属性

5.1属性

5.2方法
5.2.1 send方法发送文本

这里如果联系使用两个send会报错,send是一个响应周期,结束后在执行就会报错。

5.2.2 res.send() 发送对象以及数组

5.2.3 res.json()  和 res.send() 一样 可以发送 json对象以及数组对象。

5.2.4 res发送文件 res.sendFile() 

5.2.5 发送状态码 res.status()

5.2.6 发送请求头res.set() / res.header() 

5.2.7 res.get()获取方法

5.2.8 页面跳转 res.redirect()方法。

这篇写的有点长了,如果想继续了解express框架的其他基础知识请参考:

Express基于Node.js基础知识【2】总结,谢谢。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值