最近在用基于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基本用法
- 使用express搭建web服务器
- 使用nodemon自动重启服务器
- 使用postman发送请求
3.1使用express搭建web服务器
我们在前面直接创建的course的项目,新建了index.js文件简单搭建了web服务器,并且运行了index文件,现在我们服务器已经启动成功了。
3.2页面显示数据 hello world!
我们通过get请求,然后显示hello world,然后控制台重启服务器,发现访问3000端口页面和我们所想的一样,出现了 hello world!
3.3 使用nodemon自动重启服务器
前面我们文件修改之后都要重启服务器才能查看修改效果是否生效,过于繁琐,所以接下来我们来介绍下nodemon自动重启服务器。使用也很简单:
- npm install -g nodemon 全局安装
- nodemon 后跟文件名 比如 nodemon index.js
- 修改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】总结,谢谢。