NodeJs 服务端渲染 art-template 与 CommonJS 的模块规范

在nodeJs服务端上进行数据渲染,我们需要使用到第三方模块 art-template ,使用npm进行安装这个模块,npm install art-template
安装完成后:(中文文档可能无法访问)中文文档: https://aui.github.io/art-template/
可以在其他文档当中进行查看:https://www.kancloud.cn/lanju/art-template/1500273

介绍

art-template 是一个简约、超快的模板引擎。
它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器。

简单使用

在这里我们定义一个js文件,导入模块,修改一下 目录,读取一个html文件,并且给一个变量绑定一个值,使用一个变量进行接收,最后把这个变量进行打印输出

var template = require('art-template');

template.defaults.root = './';

var  str = template('./art.html',{value:'zhangsan'});

console.log(str)

而art.html文件使用{{}}读取这个变量值:如下代码所示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		{{value}}
	</body>
</html>

之后我们用node运行这个js文件:可以看到返回的值以及把value进行替换了。
在这里插入图片描述

CommonJS的模块规范

CommonJS对模块的定义十分简单,主要分为:

  1. 模块引用:
    使用require() 方法引入一个模块API ;
  2. 模块定义:
    在模块中使用exports对象导出当前模块数据或方法;
    在模块中还存在一-个module对象 ,它代表模块自身. module对象有一个exports 属性,用于数据导出;
    其实exports对象就是module.exports的引用:exports === module. exports
  3. 模块标识:
    其实就是模块的文件名.必须符合小驼峰法命名规则.使用require()引入时使用。或…开头的相对路径或绝对路径,引入时可以不写文件后缀名; 重点注意: 模块中的方法和变量的作用于尽在模块内部,每个模块具有独立的空间,互不干扰;
自定义模块的引用

先定义一个a.js文件,并且进行导出,导出这个data的数值。

var a = 1;
var b = 2;
var c = a + b;
exports.data = c;

之后定义一个test.js文件,导入a这个模块,打印出这个data的值

var a = require('./a')

console.log(a.data);

使用node运行查看结果:

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Modify_QmQ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值