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

￡神魔★判官ぃ 2021-12-01 14:40 296阅读 0赞

#### 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 请求体中数据