如何使用node.js和express实现留言板功能

这篇文章将为大家详细讲解有关如何使用node.js和express实现留言板功能，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

留言板

基于nodejs+express+art-template的留言板功能。包含列表界面、添加界面和发送留言功能。

所需类库

直接copy以下package.json 然后直接 npm install 或者yarn install 即可。

package.json所需内容如下。

{  "name": "nodejs_message_board",  "version": "2021.09",  "private": true,  "scripts": {    "start": "node app"  },  "dependencies": {    "art-template": "^4.13.2",    "debug": "~2.6.9",    "express": "~4.16.1",    "express-art-template": "^1.0.1"  }}

开源项目

本项目收录在【Node.js Study】nodejs开源学习项目 中的express_message_board 。欢迎大家学习和下载。

运行效果 localhost ，留言首页

localhost/post ，

添加留言页面

localhost/say?

name=xxx&message=xxx ，发送留言并重定向到首页功能

项目结构

index.html

这是留言列表，也是首页。根据传过来的值渲染列表。

      
  
    
留言板 留言列表
    发表留言  
  
    {{each comments}}    
      {{$value.name}}说:  {{$value.message}}      {{$value.datetime}}    
    {{/each}}  

post.html

            
    
        
留言板 添加留言
    
    
        
            你的大名                    
        
            留言内容                    
        发表    

route/index.js

这里是路由器

const express = require('express');const router = express.Router();// 模拟首页留言列表数据var comments= {"comments":[    {name:"AAA",message:"你用什么编辑器？WebStorem or VSCODE",datetime:"2021-1-1"},    {name:"BBB",message:"今天天气真好?钓鱼or代码",datetime:"2021-1-1"},    {name:"Moshow",message:"zhengkai.blog.csdn.net",datetime:"2021-1-1"},    {name:"DDD",message:"哈与哈哈与哈哈哈的区别",datetime:"2021-1-1"},    {name:"EEE",message:"王守义十三香还是iphone十三香",datetime:"2021-1-1"}]}/* by zhengkai.blog.csdn.net - 静态路由托管 */router.get('/', function(req, res, next) {    res.render('index', comments);});router.get('/post', function(req, res, next) {    res.render('post', comments);});router.get('/say', function(req, res, next) {    console.log(req.query)    console.log(req.url)    const comment=req.query;    comment.datetime='2021-10-01';    comments.comments.unshift(comment);    //重定向到首页，没有url后缀 localhost    res.redirect('/');    //直接渲染首页，有url后缀 localhost/say?xxxx=xxx    //res.render('index', comments);});module.exports = router;

app.js

这里作为总控制

//加载模块const http=require('http');const fs=require('fs');const url=require('url');const template=require('art-template');const path = require('path');const express = require('express');const router = express.Router();const app = express();// view engine setupapp.set('views', path.join(__dirname, 'views'));app.set('view engine', 'html');app.engine('html',require('express-art-template'));app.use('/public',express.static(path.join(__dirname, 'public')));const indexRouter = require('./routes/index');app.use('/', indexRouter);//创建监听对象app.listen(80,function(){  console.log('zhengkai.blog.csdn.net 项目启动成功 http://localhost')})

关于"如何使用node.js和express实现留言板功能"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。