让前端飞

express-static框架

2018-12-06  本文已影响4人  Cherish丶任

express-static框架用于处理静态文件目录

1.下载框架
cnpm iinstall express-static
服务器

.
const express=require('express');
const expressStatic=require('express-staitc');
var server=express();
//处理用户请求
server.use('/',function(req,res){
  res.send('ok');
})
server.listen(8080);
//创建静态文件目录
server.use(expressStatic(./www));
express处理get方式提交

最后输出{uname:'Tom',upwd:'123'},结合html使用

const express=require('express');
var server=express();
server.use('/',function(req,res){
//接受get方式请求并转化为对象格式
  console.log(req.query);
})
express处理post请求

1.下载
cnpm install express express body-parser

const express=require('express');
const bodyParser=require('bodyParser');
var server=express();
server.use(bodyParser.urlencoded());//urlencoded   进行编码
server.use('/',function(req,res){
  console.log(req.body);
  res.send('ok');
})
server.listen(8080);

html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="http://localhost:8080" method="post">
            <p>
                用户名:<input type="text" name="uname">
            </p>
            <p>
                密码:<input type="text" name="upwd">
            </p>
            <p><input type="submit" name="" id="" value="提交" /></p>
        </form>
    </body>
</html>
上一篇 下一篇

猜你喜欢

热点阅读