Nodejs学习笔记-动态网页

代码:https://github.com/fengchunjian/nodejs_examples/tree/master/appv1

//views/login.html
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
登录界面<br />
收到参数email: {email} <br />
pwd: {pwd} <br />
<form action="./login" method="get">
<table align="center">
<tr>
    <td>邮件:</td>
    <td><input type="text" name="email" /></td>
</tr>
<tr>
    <td>密码:</td>
    <td><input type="password" name="pwd" /></td>
</tr>
<tr>
    <td><input type="submit" value="提交"></td>
</tr>
</table>
</form>
</body>
</html>
//models/router.js
var optfile = require("./optfile");
var url = require("url");
var querystring = require("querystring");
function getRecall(req, res) {
    res.writeHead(200, {'Content-Type':'text/html;charset=utf-8'});
    function recall(data) {
        res.write(data);
        res.end();
    }
    return recall;
}
module.exports = {
    readImg : function(req, res) {
        res.writeHead(200, {'Content-Type':'image/jpeg'});
        optfile.readImg("./imgs/nodejs.jpg", res);
    },
    writefile : function(req, res) {
        recall = getRecall(req, res);
        optfile.writefile("./file.txt", "异步文件写入", recall);
    },
    login : function(req, res) {
        // get方式接收参数
        console.log("尝试GET方式获接收参数");
        var rdata = url.parse(req.url, true).query;
        if (rdata["email"] != undefined || rdata["pwd"] != undefined) {
            console.log("GET方式接收email:" + rdata["email"]);
            console.log("GET方式接收pwd:" + rdata["pwd"]);
            arr = ["email", "pwd"];
            function recall(data) {
                dataStr = data.toString();
                for (var i=0; i<arr.length; i++) {
                    re = new RegExp("{" + arr[i] + "}", "g");
                    dataStr = dataStr.replace(re, rdata[arr[i]]);
                }
                res.write(dataStr);
                res.end();
            }
            optfile.readfile("./views/login.html", recall);
            return;
        }
        console.log("POST方式传递参数或未传递参数");

        // post方式接收参数
        var post = "";
        console.log("尝试POST方式接收参数");
        req.on("data", function(chunk) {
            post += chunk;
        });
        req.on("end", function() {
            post = querystring.parse(post);
            if (post["email"] != undefined || post["pwd"] != undefined) {
                console.log("POST方式接收email:" + post["email"]);
                console.log("POST方式接收pwd:" + post["pwd"]);
            } else {
                console.log("未传递参数");
            }

            arr = ["email", "pwd"];
            function recall(data) {
                dataStr = data.toString();
                for (var i=0; i<arr.length; i++) {
                    re = new RegExp("{" + arr[i] + "}", "g");
                    dataStr = dataStr.replace(re, post[arr[i]]);
                }
                res.write(dataStr);
                res.end();
            }
            optfile.readfile("./views/login.html", recall);
        });
    }
}

参考文档

node.js教程12_动态网页
http://edu.51cto.com/center/course/lesson/index?id=124537
nodejs12_动态网页(n12_dynamicpage)
http://www.yuankuwang.com/web/index.php?r=respool/resview&rpid=45

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

相关阅读更多精彩内容

  • 作为一个前端程序猿,下面这些站会让你眼前一亮。 amazeui框架组建丰富 http://amazeui.org...
    欧巴冰冰阅读 9,040评论 18 303
  • 前些日子从@张鑫旭微博处得一份推荐(Front-end-tutorial),号称最全的资源教程-前端涉及的所有知识...
    谷子多阅读 4,493评论 0 44
  • 作为一名合格的IT人,这些课程你肯定不会错过,今天给大家来一个终极揭秘版100个精品教程,希望对大家有帮助~4.2...
    qingfengxulai阅读 2,261评论 1 6
  • 光着脚丫, 踩在松柔的沙床上, 每踱一次脚, 便会溅起一束束浪花。 海风轻拂, 号角声又何在? 是累了吗? 该润润...
    向晫阅读 161评论 0 3
  • 1、Martin Buber(马丁布伯):你必须自己开始,加入你自己不以积极的爱去深入生存,假如你不以自己的方式去...
    formulaL阅读 222评论 0 0

友情链接更多精彩内容