nodejs代办事项程序

最新推荐文章于 2024-06-22 09:31:59 发布

javascript艺术

最新推荐文章于 2024-06-22 09:31:59 发布

阅读量263

点赞数

分类专栏： node.js

本文链接：https://blog.csdn.net/zhangjing1019/article/details/80834492

版权

node.js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

创建一个js

let http = require('http');
let list = require('./listFn');


let server = http.createServer( (req, res) => {
    console.log(req.url);
    if ('/' == req.url){
        switch (req.method){
            case 'GET' :
                list.show(res);
                break;
            case 'POST' :
                list.add(req, res);
                break;
            default:
                list.badRequest(res);
        }
    }else{
        list.notFound(res);
    }
});

server.listen(8000);

再创建一个listFn.js，写事件

let qs = require('querystring');
let items = [];

module.exports = {
    show: (res) => {
        //嵌入一个html取代模板
        let html = `
            <!DOCTYPE html>
            <html lang="en">
            <head>
            <meta charset="UTF-8">
            <title>Todo List</title>
            </head>
            <body>
                <h1>Todo List</h1>
                    <ul>` +
                        items.map( (item) => {
                            return `<li> ${item} </li>`
                        }) +
                    `</ul>
                    <form action="/" method="post">
                        <p>
                            <input type="text" name="item">
                        </p>
                        <p>
                            <input type="submit" value="add item">
                        </p>
                    </form>    
            </body>
            </html>`;
        //设置响应的头部信息
        res.setHeader('Content-Type', 'text/html');
        //使用字符串长度
        res.setHeader('Content-Length', Buffer.byteLength(html));
        //结束请求
        res.end(html);
    },

    notFound(res){
    //    函数接收响应对象，将状态码设为404，响应主体设为not found
        res.statusCode = 404;
        res.setHeader('Content-Type', 'text/plain');
        res.end('Not Found');
    },

    badRequest(res){
    //    向客户指明该请求无效
        res.statusCode = 400;
        res.setHeader('Content-Type', 'text/plain');
        res.end('Bad Request');
    },

    add(req, res){
        let body = '';
        req.setEncoding('utf8');
        req.on('data', (chunk) => {
            body += chunk
        });
        req.on('end', () => {
            let obj = qs.parse(body);
            items.push(obj.item);
            this.show(res);
        })
    }


}

启动服务

然后浏览器登录localhost:8000;

能看到页面