Node.js-express中如何使用 art-template 模板引擎

express 中使用 art-template 模板引擎

• 安装相关模板：

  npm install --save art-template
  npm install --save express-art-template
  

• 配置：

  // 给 express 设置模板引擎；
  // 第一个参数为 模板文件的后缀名（以什么类型的文件作为模板）
  // 第二个参数用于设置 使用什么模板引擎
  app.engine('art', require('express-art-template'))
  

  注意：

  • art 默认文件后缀名(可更改)，当文件后缀名为 art 时，使用 art-template 模板引擎渲染数据
  • express-art-template 专门用来 将 art-template 整合到 express 中
  • express-art-template 依赖了 art-template（必须要安装 art-template）
  • 可以不用引入 art-template ，该配置会自动去加载 art-template 模块

• 使用：

  // 修改 render 方法的默认路径；views 以前的默认目录，public 新的目录
  // app.set('views', 'public');
  
  app.get('/', function (req, res) {
    res.render('405.html');
  }); 
  

  注意：

  • express 为 response 对象提供了 render 方法，该方法只有在配置了模板引擎后才能使用；第一个参数可不写路径，默认会去项目中的 views 目录中查找模板文件（开发人员一般把所有的视图文件都放到 views 目录中）
  • 如果想要修改默认的目录可以通过 app.set() 进行修改：
    • app.set('views', '新的目录')
  • 修改模板文件默认后缀
    • app.set('view engine', '后缀名')

• 相关 API

  • req.query 以对象的形式返回 URL 中的查询字符串（GET请求），若没有查询字符串则返回 空对象。

  • res.send([body]) 发送 HTTP 响应，发送后会自动结束响应。

  • res.render(view [, locals] [, callback]) 呈现视图并将呈现的HTML字符串发送到客户端，自动结束响应。

  • res.redirect([status,] path) 重定向到指定 URL ；status 状态码，默认 302；path 需要跳转的 URL；自动结束响应。

    注意： 服务端重定向只针对同步请求才有效，异步请求无效。

• express 默认没有提供直接获取 POST 请求数据的 API ，获取 POST 请求数据需要结合第三方插件：body-parser

  • 安装：

    npm install --save body-parser
    

  • 配置（需要在挂载路由之前 “app.use(router)” 配置 ）：

    // 引入模板
    var express = require('express')
    // 引包
    var bodyParser = require('body-parser')
    
    var app = express()
    // 配置 body-parser； 加入该配置后，在 req 请求对象中会增加一个 body 属性，通过 req.body 就可以获取 POST 请求体数据
    // parse application/x-www-form-urlencoded
    app.use(bodyParser.urlencoded({ extended: false }))
    // parse application/json
    app.use(bodyParser.json()) 
    

  • 使用：

    app.use(function (req, res) {
      res.setHeader('Content-Type', 'text/plain')
      res.write('you posted:\n')
      res.end(JSON.stringify(req.body, null, 2))
    })
    

    req.body 获取 POST 请求体中数据