模板引擎-1-基础概念和是使用小案例

一，基础概念

模板引擎是node的第三方模块。
让开发者以更加友好的方式拼接字符串，使项目的代码更加清晰，更加易于维护。

二，我们采用art-template模板引擎

1，下载：使用npm install art-template
2，使用const template=require(‘art-template’)引入模板引擎
3，告诉模板引擎要拼接的数据和模板在哪?const html =template(‘模板路径’，数据）

新建的模板和连接：index.art

<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><title>Document</title></head><body>{{name}}{{age}}</body>
</html>

app.js:

//导入模板引擎，返回值是一个方法
const template=require('art-template')
//拼接字符串的第三方模块
const path=require('path')//template 方法是用来拼接字符串的
//参数1：模板路径，绝对路径
///参数2:要在模板中显示的数据 它是对象类型
//返回值是拼接好的字符串
const views = path.join(__dirname,'views','index.art')
const html=template(views,{name:'张三',age:20
})
console.log(html)

执行app.js之后，就会得到：

模板引擎-1-基础概念和是使用小案例相关推荐

模板引擎Velocity 基础
目录 1.velocity简介 2. 快速入门 3.基础语法 3.1 VTL注释 3.2 非解析内容 3.3 引用 3.3.1 变量引用 3.3.2 属性引用 3.3.3 方法引用 3.4 指令 3. ...
模板引擎Freemarker基础知识
Freemarker基础知识 Freemarker是什么 FreeMarker 基础指令 List指令遍历Map数据 if指令其它指令运算符空值处理内建函数入门Demo 要导入的依赖配置 ...
php单独使用blade模板引擎,laravel 基础教程 —— Blade 模板引擎
Blade 模板引擎简介 Blade 是 laravel 提供的一个简单强大的模板引擎.它不像其他流行的 PHP 模板引擎那样限制你在视图中使用原生的 PHP 代码,事实上它就是把 Blade 视图 ...
Twig模板引擎常用基础用法总结
Twig是一种PHP模板引擎,最近,由于比较频繁的使用Twig模板,于是想总结一下一些常用的基本用法,希望能给对Twig还不熟悉的朋友带来帮助. 首先贴一下Twig官方文档链接:Twig模板语法官方文 ...
html页面增删改查模板,模板引擎+（实现数据增删改查小项目）
art-template模板引擎: 在命令行工具中使用 npm install art-template 命令进行下载使用const template = require('art-template ...
PSO | 基础概念+两个简单的案例
PSO自用学习笔记实践(2维)--matlab 求解:f(x)=xsin(x)cos(2x)-2xsin(3x)+3xsin(4x)在[0,50]的最小值. %%初始化种群 close all cl ...
Java基础IO流(二)字节流小案例
JAVA基础IO流(一)https://www.cnblogs.com/deepSleeping/p/9693601.html ①读取指定文件内容,按照16进制输出到控制台其中,Integer.to ...
〖Python零基础入门篇(64)〗- 小案例 - 猜拳游戏与数字猜猜猜
订阅 Python全栈白宝书-零基础入门篇可报销!白嫖入口-请点击我.推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 Python全栈白宝书专栏,免费阶段订阅数量43 ...
前端_网页编程 Form表单与模板引擎（中）
目录 ... ... (续上篇) 四.模板引擎的基本概念 1.定义 2. 优点五.art-template模板引擎 1.art-template模板引擎介绍 2. art-template的安装 3 ...
express-art-template模板引擎（详细）
express-art-template模板引擎可以让art-template模板引擎更好的和Express框架配合,下面是对express-art-template模板引擎的整理,希望可以帮助到有需 ...

模板引擎-1-基础概念和是使用小案例

一，基础概念

二，我们采用art-template模板引擎

模板引擎-1-基础概念和是使用小案例相关推荐

最新文章

热门文章