form登录

var config={
    port:3000,
    viewPath:'./views',
    staticPath:'./static'
}
var koa=require('koa');
var views=require('co-views');
var staticServe=require('koa-static');
var router=require('koa-router')();
var logger=require('koa-logger');
var parse=require('co-body')
var render =views('./static',{
    map:{'html':'swig'}
})
var app=koa();

router.get('/form',function*(){
    this.body= yield render('form.html')
})
router.post('/login',function*(){
    var user={
        name:'aaa',
        password:'123'
    }
    var body=yield parse.form(this);
    if(body.username==user.name&& body.password==user.password){
        this.body='success'
    }else{
        this.body='err'
    }
})


app.use(logger())//查看加载的详细信息
app.use(staticServe('./static'));
app.use(router.routes());
app.listen(config.port)
console.log(config.port)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="lib/bootstrap-3.3.0/dist/css/bootstrap.css">
    <script src='lib/jquery-2.2.3.js'></script>s
</head>
<body>
    <form action="/login" method='post' enctype="application/x-www-form-urlencoded">
        <div class="form-group">
            <label for="">用户名:</label>
            <input type="text" name="username" class="form-control">
        </div>
        <div class="form-group">
            <label for="">密码:</label>
            <input type="text" name="password" class="form-control">
        </div>
        <button class="btn btn-success">提交</button>

    </form>
</body>
</html>
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容