【无标题】

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’

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值