博客
关于我
node学习之路:day6(express重写留言板)
阅读量:278 次
发布时间:2019-03-01

本文共 2486 字,大约阅读时间需要 8 分钟。

知识点

  • express 中使用模板引擎 express-art-template
  • 使用 body-parser 中间件解析 post 请求
  • express 开放文件夹可访问 app.use('/public/', express.static('./public/'))
  • express 重定向 res.redirect('/')

目录结构

  • app.js
  • node_modules
  • public
    • css
    • js
    • img
    • lib
  • view
    • index.html
    • post.html

核心代码

# express-art-template 依赖了 art-templatenpm install art-template express-art-template --save
// app.jsvar express = require('express')var bodyParser = require('body-parser')var app = express()app.use('/public/', express.static('./public/'))// 配置使用 art-template 模板引擎// 第一个参数,表示,当渲染以 .html 结尾的文件的时候,使用 art-template 模板引擎app.engine('html', require('express-art-template'))// 第一个参数,表示,当渲染以 .art 结尾的文件的时候,使用 art-template 模板引擎// app.engine('art', require('express-art-template'))// Express 为 Response 相应对象提供了一个方法:render// render 方法默认是不可以使用,但是如果配置了模板引擎就可以使用了// res.render('html模板名', {模板数据})// 第一个参数不能写路径,默认会去项目中的 views 目录查找该模板文件// 也就是说 Express 有一个约定:开发人员把所有的视图文件都放到 views 目录中// 如果想要修改默认的 views 目录,则可以// app.set('views', render函数的默认路径)// 配置 body-parser 中间件(插件,专门用来解析表单 POST 请求体)// parse application/x-www-form-urlencodedapp.use(bodyParser.urlencoded({    extended: false }))// parse application/jsonapp.use(bodyParser.json())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.get('/', function (req, res) {     res.render('index.html', {       comments: comments  })})app.get('/post', function (req, res) {     res.render('post.html')})// 当以 POST 请求 /post 的时候,执行指定的处理函数// 这样的话我们就可以利用不同的请求方法让一个请求路径使用多次app.post('/post', function (req, res) {     // 1. 获取表单 POST 请求体数据  // 2. 处理  // 3. 发送响应  // req.query 只能拿 get 请求参数  // console.log(req.query)    // 配置了body-parser才有req.body,否则没有  var comment = req.body  comment.dateTime = '2017-11-5 10:58:51'  comments.unshift(comment)  // res.send  // res.redirect  // 这些方法 Express 会自动结束响应  res.redirect('/')  // res.statusCode = 302  // res.setHeader('Location', '/') })// app.get('/pinglun', function (req, res) {   //   var comment = req.query//   comment.dateTime = '2017-11-5 10:58:51'//   comments.unshift(comment)//   res.redirect('/')//   // res.statusCode = 302//   // res.setHeader('Location', '/')// })app.listen(3000, function () {     console.log('running...')})

转载地址:http://cipo.baihongyu.com/

你可能感兴趣的文章
Node-RED中使用json节点解析JSON数据
查看>>
Node-RED中使用node-random节点来实现随机数在折线图中显示
查看>>
Node-RED中使用node-red-browser-utils节点实现选择Windows操作系统中的文件并实现图片预览
查看>>
Node-RED中使用node-red-contrib-image-output节点实现图片预览
查看>>
Node-RED中使用node-red-node-ui-iframe节点实现内嵌iframe访问其他网站的效果
查看>>
Node-RED中使用Notification元件显示警告讯息框(温度过高提示)
查看>>
Node-RED中使用range范围节点实现从一个范围对应至另一个范围
查看>>
Node-RED中实现HTML表单提交和获取提交的内容
查看>>
Node-RED中将CSV数据写入txt文件并从文件中读取解析数据
查看>>
Node-RED中建立TCP服务端和客户端
查看>>
Node-RED中建立Websocket客户端连接
查看>>
Node-RED中建立静态网页和动态网页内容
查看>>
Node-RED中解析高德地图天气api的json数据显示天气仪表盘
查看>>
Node-RED中连接Mysql数据库并实现增删改查的操作
查看>>
Node-RED中通过node-red-ui-webcam节点实现访问摄像头并截取照片预览
查看>>
Node-RED中配置周期性执行、指定时间阶段执行、指定时间执行事件
查看>>
Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度
查看>>
Node-RED怎样导出导入流程为json文件
查看>>
Node-RED订阅MQTT主题并调试数据
查看>>
Node-RED通过npm安装的方式对应卸载
查看>>