一:准备工作
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....');
})
以上文章中如有不对请在评论区中指出