美文网首页
Nodejs学习笔记-动态网页

Nodejs学习笔记-动态网页

作者: 莫名FCJ | 来源:发表于2017-10-24 16:24 被阅读15次

代码: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

相关文章

  • Nodejs学习笔记-动态网页

    代码:https://github.com/fengchunjian/nodejs_examples/tree/m...

  • Servlet学习笔记

    Servlet 学习笔记 一、动态网页技术发展 静态网页技术HTML: 无法进行用户交互 动态网页技术CGI: 效...

  • 2018-08-21nodejs

    Nodejs学习笔记 一、 NodeJs介绍 什么是NodeJS,在应用程开发中起什么作用? Nodejs是一个应...

  • nodejs 到底是什么?

    理解 NodeJs Nodejs 自己使用了Openssl.在Nodejs 0.6之前, Nodejs是动态链接到...

  • 聊聊JSP及其他

    1、静态网页和动态网页 静态网页无法实现用户与网页的交互,而动态网页可以实现交互。动态网页的动态指的是能与用户进行...

  • Nodejs学习笔记-Nodejs介绍

    什么是Node.js 编写高性能网络服务器的JavaScript工具包(用js开发服务端程序)单线程、异步、事件驱...

  • nodejs学习笔记

    JavaScript模块编译 在编译过程中,node对获取的JavaScript文件内容进行了头尾包装。正常的Ja...

  • nodejs学习笔记

    模块 名词解释:每一个js文件就是一个模块,而文件路径就是模块名。每个模块(也就是每个js文件)都有requir,...

  • Nodejs学习笔记②

    写在前面 这次做一个小小的登陆&注销登陆功能练习下所学的知识,并扩充些新知识。 目录 新建 login 项目 下载...

  • Nodejs学习笔记①

    写在前面 undefined 目录 检查更新node&npm版本 安装Express 4.x Express 4....

网友评论

      本文标题:Nodejs学习笔记-动态网页

      本文链接:https://www.haomeiwen.com/subject/oghxpxtx.html