nodejs生成动态网页

偏执的太偏执、 2022-09-09 04:58 197阅读 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 条评论，197人围观）

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

相关阅读

相关 Chrome扩展如何获取JS动态生成的网页元素

Chrome扩展如何获取JS动态生成的网页元素？如果想去给这些并不是由你控制动态生成出来的元素绑定事件应该是不可能的。但是可以给顶层的document绑定事件来判断

太过爱你忘了你带给我的痛/ 2023年09月25日 11:05/ 0 赞/ 62 阅读

相关 NodeJs构造Mybatis动态SQL

通过下面的sql查询所有的列 select TABLE_NAME,GROUP_CONCAT(COLUMN_NAME) from information_schema.

妖狐艹你老母/ 2023年03月06日 05:30/ 0 赞/ 3 阅读

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

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

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

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

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

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

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

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

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

相关 NodeJs——（15）动态视图助手

（38）动态视图助手 express版本：4.13.4 ①作用：假如我们需要一个变量，在不同地方的模板（jade文件）都需要调用。显然，我们不应该使用全局变量

柔光的暖阳◎/ 2022年09月23日 10:50/ 0 赞/ 158 阅读

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

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

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

相关 nodejs生成动态网页

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

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

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

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

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

相关 nodejs爬网页图片

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

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