node.js-day04
框架:简化了已有的功能,添加了一组新的功能!专门用于项目开发
一.express框架
基于Node.js平台,快速、开放、极简的WEB开发框架
www.expressjs.com.cn
属于是第三方模块,需要先下载安装
npm install express
1.创建WEB服务器
const express=require('express') const app=express() //创建WEB服务器 app.listen(3000) //设置端口 |
2.路由
用来监听特定的一种请求;路由包含有三部分:请求的URL、请求的方法、回调函数
res 响应的对象
res.send() 设置响应的内容并发送
res.redirect() 设置响应的重定向
res.sendFile() 设置响应的文件,文件必须使用绝对路径 __dirname
req 请求的对象
req.method 获取请求的方法
req.url 获取请求的资源
req.query 获取get传递的参数
练习:编写脚本文件03_express.js,使用express创建WEB服务器,设置端口;添加路由(get /search),响应文件search.html
二.路由传参
传参方式 | 格式 | 路由获取 |
get传递 | http://127.0.0.1:3000/search?a=1&b=2 | req.query {a:1, b:2} |
post传递 | http://127.0.0.1:3000/search URL中不可见 | req.body 需要使用插件将post传参转为对象 {a:1, b:2} |
三.表单标签
<form method="" action=""> <input name=""> </form> 表单用于提交按钮点击后,向服务器发请求 method 设置请求的方法,默认是get action 设置请求的URL 表单控件中的name,用于设置参数名,用来接收用户输入的值。 |
练习:添加路由(get /login),响应登录网页login.html,点击提交,向服务器端发请求(get /mylogin),获取传递的用户名和密码,响应'登录成功!欢迎:xx'
练习:编写文件04_post.js,使用express创建WEB服务器,设置端口;添加路由,响应注册网页reg.html,点击提交向服务器发请求(post /myreg),响应‘注册成功!’
四.使用插件将post传参转对象
在路由前边使用
app.use( express.urlencoded({ extended: true //内部是否使用第三方模块转对象 }) ) |
练习:添加路由(get /login2),响应登录的网页login2.html,点击提交向服务器发请求(post /mylogin2),响应‘登录成功! 欢迎:xxx’
课后任务:
使用express创建WEB服务器,设置端口,添加路由(get /tuijian),响应文件tuijian.html,点击提交向服务器发请求(post /mytj),响应‘推荐添加成功!您的姓名:xxx 联系电话: xxx 邮箱:xxx’