nodejs生成动态网页

偏执的太偏执、 2022-09-09 04:58 188阅读 0赞

![20210829183639100.gif][]

tuwen.js

var optfile = require('../module/optfile.js');
    var imgFile=require('../module/image.js');
    var url=require('url');
    var querystring = require('querystring');//post导入
    module.exports={
        buny:function(req,res){
            
            //post方式接收参数
            var post='';//定义一个post变量，用于暂存请求体信息
            req.on('data',function(chunk){//通过req的data时间监听函数，每当接收到请求体数据，就会存储到post变量中
                post += chunk;
            });
            req.on('end',function(){//在end事件触发后，通过querystring.parse将post解析为真正的post格式，然后向客户端返回
                post = querystring.parse(post);
                console.log('login:'+post['login']+'\n');
                console.log('pass:'+post['pass']+'\n');
                // res.write('收到参数：'+post['login']+'\n');
                // res.end();
                //接收到的参数返回到客户端
                //闭包，回调这个函数,客户端打印程序
                arr=['login','pass'];
                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.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});
                    res.write(dataStr);
                    res.end("");//http的协议尾
                }
                optfile.readfile('../view/buny.html',recall)
            });
            
    
        },
        showImg:function (req,res){
            res.writeHead(200,{'Content-Type':'image/jpeg'});
            imgFile.readImg('../imgs/vue.png',res);
        }
    }

buny.html

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    喜欢你
    <img src="/showImg"/>
    收到参数：login是{login}<br/>
    密码是：{pass}
    <form action="./buny" method="post">
        <table>
            <tr>
                <td>用户名：</td>
                <td><input type="text" name="login"></td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="password" name="pass"></td>
            </tr>
    
            <tr>
                <td align="center"><input type="submit" value="登录"></td>
            </tr>
        </table>
    
    </form>
    </body>
    </html>

routerhtml.js

var http=require('http');
    var url=require('url');
    var router=require('../module/tuwen.js');
    http.createServer(function(request,response){
    
        if(request.url !== '/favicon.ico'){//清除第二次访问
            console.log('访问');
            var pathname=url.parse(request.url).pathname;
            pathname=pathname.replace(/\//,'');//替换前面/
            console.log(pathname)
            router[pathname](request,response);
            // response.end("");//不写会没有协议尾部，但是写了会访问俩次
        }
    }).listen(8007);
    console.log('Server running at http://127.0.0.1:8007/')

[20210829183639100.gif]: /images/20220829/19b058c4d5ce46f0a131dbf136b22310.png

发表评论取消回复

表情：

评论列表（有 0 条评论，188人围观）

还没有评论，来说两句吧...

相关阅读

相关拖拽动态生成网页-VvvebJs

VvvebJs是一个开源的网页拖拽自动生成的JavaScript库，你可以以简单拖拽的方式生成自己需要的网页样式，内置jquery和Bootstrap，你可以拖拽相关的组件进行

忘是亡心i/ 2023年01月19日 08:09/ 0 赞/ 29 阅读

相关 JavaScript(JS)网页--动态生成表格

JavaScript(JS)网页–动态生成表格 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex

雨点打透心脏的1/2处/ 2022年12月23日 06:47/ 0 赞/ 243 阅读

相关 JSP动态网页技术

课堂练习一、实验内容二、实验目的三、实验过程代码1 代码2 一、实验内容创建JSP动态网页以及页面请求的处理

今天药忘吃喽~/ 2022年10月15日 01:59/ 0 赞/ 209 阅读

相关静态变动态HTML,动态网页变静态：JSP生成静态HTML技术

![c4468b3f4df77e96b0a416fa2a870fba.png][] 下面的一段代码是，使用jsp生成静态html //在这里如果写成“WEB-INF\\te

怼烎@/ 2022年10月06日 11:44/ 0 赞/ 241 阅读

相关动态网页和静态网页的区别

文章目录 1.区别 2.动态网页和静态网页流程 1.区别 [bilibili黑马视频][bilibili] ![请添加图片描述][watermark

怼烎@/ 2022年09月12日 10:55/ 0 赞/ 275 阅读

相关 nodejs生成动态网页

![20210829183639100.gif][] tuwen.js var optfile = require('../module/optfile.js');

偏执的太偏执、/ 2022年09月09日 04:58/ 0 赞/ 189 阅读

相关以"慕课网"为例使用nodeJS爬取动态网页中的动态数据

以前nodeJS教程出来的时候，慕课网站上的“学习人数”是静态数据，教程中是可以直接爬取。然而现在却改成了动态js加载,请看大屏幕： ![照着教程写下来的代码，爬下来的数

古城微笑少年丶/ 2022年07月14日 11:15/ 0 赞/ 380 阅读

相关 nodejs爬网页图片

参考链接：[https://segmentfault.com/a/1190000012412007][https_segmentfault.com_a_119000001241

ゝ一纸荒年。/ 2022年05月15日 14:42/ 0 赞/ 205 阅读

相关动态网页开发基础

一、为什么需要动态网页　　静态网页的内容是固定的，不能提供个性化和定制化的服务，因此，动态网页技术逐渐发展并得到了广泛的应用。二、什么是动态网页　　动态网页

左手的ㄟ右手/ 2022年01月07日 13:45/ 0 赞/ 213 阅读

相关动态网页开发基础

1.动态网页：能跟用户进行交互的网页，能够处理用户请求的网页 2.B/S架构：浏览器；客户端零维护；与操作系统平台的关系最小化；在响应速度和安全性上需要花费更多

浅浅的花香味﹌/ 2021年12月16日 15:41/ 0 赞/ 248 阅读