利用nodejs完成的小小的留言板功能，从文件中读取数据

最新推荐文章于 2022-03-13 22:09:20 发布
最新推荐文章于 2022-03-13 22:09:20 发布
阅读量1.8k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyyandyou_6/article/details/81158845
版权
本文介绍了使用Node.js重温并实现的一个留言板功能，包括加载静态页面、获取与提交表单数据、读取留言数据的步骤，旨在提升技能并供日后参考。
摘要由CSDN通过智能技术生成

今天复习了之前利用node写的留言板功能，发现还是不能熟练运用，所以发到论坛上，供以后参考学习。

思路：1，加载静态页面 2，获取表单中的数据 3，提交表单中的数据 4，读取表单中的数据
准备工作：静态页面，css，js；
 //nodejs
var http = require("http");
var fs = require("fs");
var path = require("path");
var url = require("url");
var ejs = require("ejs");
var querystring = require("querystring");

var server = http.creatServer(function(req,res){
var realUrl = "http://" + req.headers.host + req.url; //获取完整的路由
var urlObj = url.parse(realUrl);//将路由转化为对象,对路由中的pathname元素进行操作
switch（url.pathname）{
case "/" : //
var arr = [];
if(fs.existsSync(filename)){
arr = require("./data.json");
}
ejs.renderFile("index.html",{msg:arr},function(err,html){  //读取表单中的数据
if(err) throw err;
res.end(html);
});
break;
case "/publish" :
var str = "";
req.on("data",function(chunk){  //获取表单中的全部字符串，例如：username = 旺财 &pwd = 123
str +=chunk;
});
req.on("end",function(){
var msg = querystring.parse(str);//将获取的全部字符串转化为对象
msg.time = new Date().toLocaleString();//为msg添加time属性，并把时间转化成字符串
var arr = [];
if(fs.existsSync("data.json")){ //判断是否存在data.json对象
arr = require("./data.json"); 
}
arr.unshif(msg) //对数组中的对象进行操作

fs.writeFile("data.json",JSON.stringify(arr),"utf8",function(err){
if(err) throw err;
res.end("<a href='/'>点击进入首页面</a>");

})

})

break;
default:
            var filename = path.join(__dirname, urlObj.pathname);
            if (fs.existsSync(filename)) {
                fs.readFile(filename, function (err, data) {
                    if (err) throw err;
                    res.end(data);
                })
            } else {
                res.end();
            }
            break;




}
});
server.listen(3000);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LD Stuido留言板</title>
</head>

<link rel="stylesheet" href="style/base.css">
<link rel="stylesheet" href="style/global.css">

<body>
    <div class="wrapper">
        <!--  公共头部 -->
        <div class="header">
            <h1><a href="">wyy留言板</a></h1>
            <h2>很靠谱的留言板</h2>
            <img src="images/hanoi.jpg" alt="" />
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">关于</a></li>
            </ul>
        </div>


        <div class="main">
            <div class="content">

                <!-- 动态的读取留言内容，然后输出 -->
                <% for(var i = 0;i<msg.length;i++)
                { 
                 %>
                    <div class="msg">
                        <h2> <%=msg[i].title%></h2>
                        <p>发表于<a href=""><%=msg[i].time%></a> 由 <a href=""><%=msg[i].author %></a></p>
                        <p><%=msg[i].content%></p>
                    </div>
                <%
            }
                %>


                <div class="msg_form">
                    <h2>发表留言</h2>
                    <form action="/publish" method="POST">
                        <ul>
                            <li>
                                <label for="">标题：</label>
                            </li>
                            <li>
                                <input type="text" name="title" class="txt" />
                            </li>
                            <li>
                                <label for="">作者：</label>
                            </li>
                            <li>
                                <input type="text" name="author" class="txt" />
                            </li>
                            <li>
                                <label for="">内容：</label>
                            </li>
                            <li>
                                <textarea name="content" id="" cols="70" rows="5"></textarea>
                            </li>
                            <li>
                                <input type="submit" value="提 交" class="btn" />
                            </li>
                        </ul>
                    </form>
                </div>
            </div>


            <div class="sidebar">
                <h2>最新留言</h2>
                <ul>
                    <li><a href="">LAMP架构</a></li>
                    <li><a href="">JavaScript程序设计</a></li>
                    <li><a href="">CSS样式</a></li>
                    <li><a href="">XTHML结构</a></li>
                </ul>
            </div>
        </div>
        <div style="clear:both;"></div>
        <!-- 公共底部 -->
        <div class="footer">
            <p><a href="">wyy</a> &copy; 2009-2012 版权所有</p>
        </div>
    </div>
</body>
</html>
奋斗的妍
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
开发一个简单的留言板应用——使用 Node.js 、Express 库 和 jQuery 库来实现一个简单的留言板应用程序
Mike白的博客
06-30 1355
本项目主要训练综合运用node+express技术搭建后台，html+css+JavaScript搭建前端页面,培养分析问题和解决问题的能力。使用 Node.js 、Express 库 和 jQuery 库来实现一个简单的留言板应用程序。它通过 AJAX 技术从服务器获取留言信息，并将其显示在页面上。它还允许用户提交新的留言信息，以及对输入信息进行基本的验证。
【Nodejs】留言板案例
12-31 1224
文章目录1 统一处理服务器资源：1.1 关于fs.readdir() 文件目录读取：1.2 模板引擎：1.2.1 在node中使用模板引擎：1.2.2 each :2 留言板：2.1 实现功能：2.2 服务器路径：2.3 实现：2.4 实现效果：3 url 核心模块： 1 统一处理服务器资源： var http = require('http'); var fs = require('fs'); var server = http.createServer(); var wwwDir = 'F:/md
nodejs 留言本案例
qq_42039912的博客
05-30 498
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>留言本</title> <link rel="stylesheet" href="/public/lib/bootstrap/css/bootstrap.css"> </head> <body> <div clas
nodejs简单留言板
12-14
环境要求：expressjs 4.* 功能：包含简单的增、查、删功能
Node实现留言板功能
03-22
1. 执行`npm init` 初始化包 2. 安装所需依赖`>npm i body-parser ejs express moment morgan --save` 3. 格式化时间`moment(new Date()).format('YYYY-MM-DD HH:mm:ss')` 4. ejs 模板引擎的运用 ```javascript // 注册模板引擎 app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'ejs'); ``` 5. 设置用户表单提交数据的接收中间件 ```javascript // 设置用户表单提交数据的接收中间件,所有提交的信息都会保存在req.body app.use(bodyParser.urlencoded({extended:false})); ``` 6. 界面重定向 ```javascript // 回到主界面 重定向 res.redirect('/'); ```
node留言本
_小郑有点困了的博客
04-02 166
node留言本 两个页面，一个列表页，一个发表页。一个后台js，首先渲染列表页，然后点击跳转去发送页，点击提交，post发送数据到后台，req.body中的数据push到数组 1，列表页 1.1，页面 1.2，代码 2，发表页 2.1，页面 2.2，代码 3，后台 ...
用Node.实现留言板功能
10-10
用nodejs、html 、css实现留言板功能。输入姓名和留言内容，能够实时显示在留言板上面显示留言人，和留言的内容、留言的日期。 //1、/ index.html //2、开发public 目录中的静态资源 // 当请求/public/xxx的时候，...
基于 nodejs express mysql 开发的留言板 demo.zip
最新发布
04-19
MySQL 是一款广受欢迎的开源关系型数据库...总之，MySQL凭借其开源、跨平台、高性能、灵活扩展、丰富功能集和庞大社区支持等特点，成为现代数据管理领域中不可或缺的一部分，适用于各种行业和业务场景的数据库需求。
node.js留言板.zip
02-18
在本项目中，“node.js留言板.zip”是一个包含Node.js实现的简单留言板系统的压缩包。Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者使用JavaScript进行服务器端编程。这个压缩包可能包含了用于...
shell脚本读取csv文件_利用Shell脚本循环读取文件中每一行的方法详解
weixin_39558221的博客
12-19 3092
利用Shell脚本循环读取文件中每一行的方法详解前言本文主要给大家介绍了关于使用Shell脚本循环读取文件每一行的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。一、使用for循环for line in `cat filename`doecho $linedone或者for line in $(cat filename)doecho $linedone二、使用while循...
Node.js实现用户评论社区功能（体验前后端开发的乐趣）
10-17
主要介绍了Node.js实现用户评论社区（体验前后端开发的乐趣） ,需要的朋友可以参考下
Node.js尝鲜——留言功能
webbc的博客
04-11 1913
1、新建一个文件，使用下面的代码新建创建一个05.js文件，下面的代码就是创建一个http服务器，然后监听8000端口。在服务器中，首先分析请求的路径，然后根据路径进行相应的操作，然后返回相应的数据。const http = require('http'); const url = require('url'); const qs = require('querystring');var form
nodejs留言板的一些总结
bbhe_work的博客
07-21 4759
url编码 在nodejs访问url中有中文时，要用全局函数encodeURIComponent(string) 对其进行编码， （html的链接或提交表action地址中没有这个需求），如http://localhost:3000/小明/家乡 这个链接中，为/:name/:title格式，在nodejs中就如要做如下处理。如果如做处理，则在IE浏览器中会有问题：“TypeError: The h
node留言板
weixin_39580806的博客
10-21 207
创建app.js 先搭建一个基本服务器，用户输入地址请求的时候默认跳到首页 var http = require('http'); var fs= require('fs'); var server = http.createServer(); server.on('request',function (req, res){ var pathname = req.url; //如果 请求...
node http留言板
lucky的专栏
06-20 289
结构 app.js: // app application 应用程序 // 把当前模块所有的依赖项都声明再文件模块最上面 // 为了让目录结构保持统一清晰，所以我们约定，把所有的 HTML 文件都放到 views（视图） 目录中 // 我们为了方便的统一处理这些静态资源，所以我们约定把所有的静态资源都存放在 public 目录中 // 哪些资源能被用户访问，哪些资源不能被用户访问，我现在...
nodejs实现简单的评论功能
qq_21058391的博客
08-09 2208
1. 创建一个表单页面 Test Ajax Comment name: content send chengzhen This is a good afternoon libai Never stop learn
【留言板】利用node做一个留言板
qq_65923595的博客
03-13 512
const fs = require("fs"); const http = require("http"); const template = require("art-template") const url = require("url") const mess = [ { name:'张三', content:'哈哈', timer:'2022-01-01 11:11:11' }, { name:'李四', .
Nodejs留言板功能实现
zy0815hhh的博客
01-27 1418
nodejs留言板
node.js留言板案例
流楚丶格念的博客
02-18 3869
文章目录示例链接注意代码app.jsindex.htmlpost.html 示例 链接 https://download.csdn.net/download/weixin_45525272/15356934 注意 判断访问路径 不包含 ? 之后的内容 省略server简写方式，http .createServer(function (req, res) { }该函数会直接被注册为 server 的 request 请求事件处理函数 使用 url.parse() 方法将路径解析为一个方便操作的对象，第
nodejs如何从文件读入数据
03-07
在Node.js中，可以使用内置的`fs`模块来读取文件数据。具体的步骤如下： 1. 首先，需要引入`fs`模块： ```javascript const fs = require('fs'); ``` 2. 使用`fs.readFile`方法来读取文件的内容。该方法接受两个参数：文件路径和回调函数。回调函数有两个参数：错误对象和读取到的数据。 ```javascript fs.readFile('文件路径', (err, data) => { if (err) { console.error(err); return; } // 在这里处理读取到的数据 }); ``` 3. 在回调函数中，可以通过`data`参数获取到读取到的文件数据。根据文件的编码格式，可以使用`.toString()`方法将其转换为字符串。 ```javascript fs.readFile('文件路径', (err, data) => { if (err) { console.error(err); return; } const fileData = data.toString(); // 在这里处理读取到的文件数据 }); ``` 以上就是使用Node.js从文件读取数据的基本步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值