node结合express实现简易留言本

一:准备工作

1.1新建一个reedback-express(名字自行取)文件夹;
1.2打开cmd,cd切换到当前根路径下,输入命令行npm init -y初始化项目;
1.3输入命令 npm install express --save(--save是表示安装在运行依赖中,发布后,即生产环境下还需要用的模块)下载express框架,
1.4下载npm install --save art-template  npm install --save express-art-template  (网站链接在此:https://aui.github.io/art-template/express/)
1.5即开始编写代码

二:文件目录

在这里插入图片描述
在这里插入图片描述

三:文件代码

//引入express服务器框架
const { static } = require('express');
var express = require('express');

var app = express();

var comments = [{
        name: '张三',
        message: '今天天气不错!',
        dateTime: '2015-10-16'
    },
    {
        name: '张三2',
        message: '今天天气不错!',
        dateTime: '2015-10-16'
    },
    {
        name: '张三3',
        message: '今天天气不错!',
        dateTime: '2015-10-16'
    },
    {
        name: '张三4',
        message: '今天天气不错!',
        dateTime: '2015-10-16'
    },
    {
        name: '张三5',
        message: '今天天气不错!',
        dateTime: '2015-10-16'
    }
]

// 访问公共路径下的文件
app.use('/public', express.static('public'))

// 渲染后缀名
app.engine('html', require('express-art-template'));

app.get('/', function(req, res) {
    res.render('index.html', {
        comments: comments
    })
})

app.get('/post', function(req, res) {
    res.render('post.html')
})

app.get('/pinglun', function(req, res) {
    // 获取提交的参数
    var comment = req.query;
    comment.dateTime = '2020-10-28 13:39';
    com有ments.unshift(comment);
    // 跳转路由重新定向
    res.redirect('/')
})


// 监听服务器端口
app.listen(5000, function() {
    console.log('服务器已启动,running....');
})

以上文章中如有不对请在评论区中指出

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值