在Express中配置使用art-template模板引擎

先安装需要使用的包

cnpm install --save art-templatecnpm install --save express-art-template

配置(官网案例)

 var express = require(‘express‘)

var express = require(‘express‘);
var app = express();//配置使用art-template模板引擎//第一个参数表示,当渲染以 .art 结尾时使用art-template模板引擎//express-art-templet依赖于art-template 虽然不需要导入,但是必须安装art-template
app.engine(‘html‘, require(‘express-art-template‘));
app.set(‘view options‘, {
    debug: process.env.NODE_ENV !== ‘production‘
});

app.get(‘/‘, function (req, res) {//express为response对象提供了一个render方法//render方法默认是不可用的,需要使用的话必须配置模板引擎//参数1:模板名  参数2:模板数据//第一个参数不能学路径,默认去项目中的views目录中去找该模板文件//如果想要修改默认的views目录 可以  app.set(‘views‘,render函数的默认路径)//比如 app.set(‘views‘,‘public‘)那就会去public目录项去找模板文件
    res.render(‘index.html‘, {
        user: {
            name: ‘aui‘,
            tags: [‘art‘, ‘template‘, ‘nodejs‘]
        }
    });
});

这是我的404.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{{user.name}}</title>
</head>
<body>
  <h1>抱歉!  您访问的页面失联啦...</h1>
  <div>
    <h1>{{user.name}}</h1>
    <h1>
      {{echo user.tags}}
        <h2>{{ $value }}</h2>
    </h1>
  </div>
</body>
</html>

显示结果为

抱歉! 您访问的页面失联啦...
express整合art-template
art,template,nodejs

原文地址:https://www.cnblogs.com/a-small-lyf/p/10765885.html

时间: 2024-12-28 15:41:26

在Express中配置使用art-template模板引擎的相关文章

JavaScript中template模板引擎

template.js 一款 JavaScript 模板引擎,简单,好用.提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果. 1.特性 (1).性能卓越,执行速度通常是 Mustache 与 tmpl 的 20 多倍(性能测试)(2).支持运行时调试,可精确定位异常模板所在语句(演示) (3).对 NodeJS Express 友好支持(4).安全,默认对输出进行转义.在沙箱中运行编译后的代码(Node版本可以安全执行用户上传的模板)

Django基础,Day10 - template 模板引擎与路径设置

作为一个Web框架,Django需要一个方便的方式来生成动态的HTML.最常见的方法依赖于模板.模板包含所需的HTML输出的静态部分以及一些特殊的语法描述如何插入动态内容. Django框架后端默认支持自生内置的一套模板系统DTL(Django Template Language) 和 有名的Jinja2模板系统.当然,也可以从第三方模块中之前其他模板系统.如果没有特殊要求,建议使用Django自带的DTL模板系统,这也是django 1.8之前唯一可以的内置选项. TEMPLATE 默认配置

express 4.x 模板引擎与express.static

前提:要在express中使用模块引擎需要将要使用的模板引擎安装在本项目,当然,express也是要安装的.在下面实例中,我使用的模板引擎是pug(一起叫做jade) 我的目录结构如下: 根目录为static,根目录下的public文件夹,是静态文件(如图片文件,css文件,js文件de)根目录.根目录下的view是模板文件的根目录.根目录中的app.js是启动文件, 代码如下: //引入必要的模块 //express.static是express 4.0中唯一的内置中间件,不需要额外引入 va

gboot 配置 beetl模板引擎

1.配置 maven 依赖 <!-- beetl模板引擎 --><dependency> <groupId>com.ibeetl</groupId> <artifactId>beetl</artifactId> <version>2.8.5</version></dependency>2.配置 BeetlConfig package com.sample.common.config; import

使用 Velocity 模板引擎快速生成代码

原文地址:http://www.ibm.com/developerworks/cn/java/j-lo-velocity1/ Velocity 是一个基于 Java 的模板引擎,它允许任何人仅仅简单的使用模板语言来引用由 Java 代码定义的对象,从而实现界面和 Java 代码的分离,使得界面设计人员可以和 Java 程序开发人员同步开发一个遵循 MVC 架构的 web 站点.但是在实际应用过程中,Velocity 又不仅仅被用在了 MVC 的架构中. Velocity 模板引擎介绍 在现今的软

【PHP 模板引擎】Prototype 原型版发布!

在文章的开头,首先要向一直关注我的人说声抱歉!因为原本是打算在前端框架5.0发布之后,就立马完成 PHP 模板引擎的初版.但我没能做到,而且一直拖到了15年元旦才完成,有很严重的拖延症我很惭愧,再次抱歉! 之前有说过以后的作品发布文章都会同步发表相应的 API 使用说明,但我觉得这还不够好而且博客平台对表格的处理和显示不是很友好,导致 API 不能完美的呈现,因此打算只提供 API 链接,大家可以通过链接直接访问到我的官网去查阅手册,那样的阅读体验是最好的.而发布的文章以后则更新一些和 API

理解node的模板引擎

1.1.3:分析模板引擎    1.什么是模板引擎 模板引擎是一个将页面模板和要显示的数据结合生成HTML页面的工具 可以这么理解,如果说Express中的路由控制方法是MVC中的控制器的话,那么模板就是MVC的视图. 什么是ejs? ejs是模板引擎的一种,也是在1.1.2节中用到的模板引擎,因为它使用起来非常简单,而且与express集成良好. 2.使用模板引擎 我在之前讲过通过以下两行代码设置模板文件的存储位置和使用的模板引擎: app.set('views', path.join(__d

flask 模板引擎

# 模板引擎 ### 蓝本使用 - 说明: 当大量视图函数放在一个文件中,很明显是不合适的.最好的时解决方案是根据需要将相关的视图函数放在单独的文件中.蓝本就是为了解决这个问题而出现的. - 使用: ```python # 导入蓝本 from flask import Blueprint # 创建对象,可以统一指定路由前缀 user = Blueprint('user', __name__, url_prefix='/user') # 添加视图函数 @user.route('/login/')

前端学PHP之自定义模板引擎

什么是网站模板?准确地说,是指网站页面模板,即每个页面仅是一个板式,包括结构.样式和页面布局,是创建网页内容的样板,也可以理解为已有的网页框架.可以将模板中原有的内容替换成从服务器端数据库中动态内容,目的是可以保持页面风格一致 PHP是一种HTML内嵌式的在服务器端执行的脚本语言,所以大部分PHP开发出来的Web应用,初始的开发模板就是混合层的数据编程.虽然通过MVC设计模式可以把程序应用逻辑与网页呈现逻辑强制性分离,但也只是将应用程序的输入.处理和输出分开,网页呈现逻辑(视图)还会有HTML代