跟我学NodeJS(十二)Web框架

安装:位于node_modules 目录

D:\NodeJs>cnpm install express --save
√ Installed 1 packages
√ Linked 46 latest versions
√ Run 0 scripts
Recently updated (since 2018-02-15): 4 packages (detail see file D:\NodeJs\node_modules\.recently_updates.txt)
√ All packages installed (50 packages installed from npm registry, used 4s, speed 41.7kB/s, json 47(103.8kB), tarball 70.47kB)

D:\NodeJs>

http的get/post请求:


//引入express web框架
var express = require('express');
// 引入 events 模块
var events = require('events');

var bodyParser = require('body-parser');

// 创建 application/x-www-form-urlencoded 编码解析
var urlencodedParser = bodyParser.urlencoded({ extended: false });

var application = express();

application.get('/',function(request,response){
    response.send('test~~~~');
});

application.get('/list',function(request,response){
    console.log("请求list.html的GET页面");
    response.send('这是list.html页面~~~~');
});

application.get('/login.html',function(request,response){
    console.log("请求login.html的GET页面");
    response.sendFile(__dirname + "/" + "./login.html");
});

application.post('/login_post',urlencodedParser,function(request,response){
    console.log("请求login.html的POST页面");
    //JSON  格式
    var data ={"username":request.body.username,"password":request.body.password};
    console.log(data);
    response.writeHead(200,{'Content-Type':'text/plain;charset=utf-8'});
    response.end(JSON.stringify(data));
    response.send('这是login.html页面~~~~');
});

var server = application.listen(8888,function(){
    var host = server.address().address;
    var port = server.address().port;
    console.log("访问地址为 http://%s:%s", host, port);
});

login.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>login页面</title>
</head>
<body>
<form action="http://127.0.0.1:8888/login_post" method="POST">
username: <input type="text" name="username">  <br/>
password: <input type="password" name="password"> <br/>
<input type="submit" value="Submit">
</form>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值