nodejs之常用第三方模块

nodejs

学习笔记

发布日期: 2021-08-03

更新日期: 2021-08-05

文章字数: 1k

阅读时长: 5 分

阅读次数:

1.nodemon自动重启服务（热部署）

1.1.简介

发现：每次修改代码都得重新启动服务，增加工作量
解决：通过nodemon检测文件修改自动重启

1.2.使用

步骤1：初始化项目（ps. 自动创建package.json文件，作用：描述项目依赖）

步骤1：安装（npm install nodemon –save-dev -g）

步骤2：通过nodemon启动服务 -> 测试

2.moment日期处理模块

1、简介

发现：通过昨天项目发现，发现日期代码太长，切不便记忆
解决：自己封装模块或使用第三方模块（http://momentjs.cn/）

2、使用

步骤1：初始化项目（ps. 自动创建package.json文件，作用：描述项目依赖）

步骤2：安装（npm install moment）

步骤3：测试

3.Jade/ejs/art模板引擎（第三方模块）

1、简介

模板引擎：名词

在 PHP中，就是一个类，将视图标签替换成对应数据，生成新的HTML页面
在NodeJS中，就是一个模块，将视图标签替换成对应数据，生成新的HTML页面

模板引擎测速

2、特点

3、ejs

语法：https://www.npmjs.com/package/ejs
步骤1：安装（npm install ejs）

步骤2：创建ejs.js和ejs.html测试

//1.引入第三方模块EJS

var ejs = require('ejs');

 

//2.调用render方法，将字符串替换成HTML

// var html = '<h1><%= username %></h1>';

// var result = ejs.render(html, {username: '张三'});

// console.log(result);

 

//2.调用renderFile方法，将字符串替换成HTML

ejs.renderFile('./ejs.html', {

		username: '传智播客',

		age: 5,

		orders: [

			{id:1, title: '标题1', price: 30},

			{id:2, title: '标题2', price: 33},

			{id:3, title: '标题3', price: 12},

		], 

	}, 

	function(err, str) {

		

		if (err) {

			console.log(err)

			return

		}

		console.log(str);

});

 

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>视图</title>

</head>

<body>

	 <div><%= username %></h1></div>

	 <div><%= age %></div>

	 <div>

	 <% if (age>18) { %>

			妹妹哥哥来了

		<% } else { %>

			你走吧

		<% } %>

	 </div>

	 <div>

		<% orders.forEach(function(order,index) { %>

			<%= index %> <%= order.title %>

		<% }) %>

	 </div>

</body>

</html>

4、Jade

语法：http://jade-lang.com/api
步骤1：安装（npm install jade）

步骤2：创建jade.js和jade.html测试


//1.引入第三方模块JADE

var jade = require('jade');

 

//2.调用render方法，将字符串替换成HTML

// var html = '<h1>#{uname} </h1>';

// var result = jade.render(html, {uname: '张三'});

// console.log(result);

 

 

//2.调用renderFile方法，将字符串替换成HTML

var html = jade.renderFile('jade.html', {

	username: '传智播客',

	age: 5,

	orders: [

		{id:1, title: '标题1', price: 30},

		{id:2, title: '标题2', price: 33},

		{id:3, title: '标题3', price: 12},

	], 

	pretty: true

})

console.log(html);

 

doctype html

html

	head

		meta(charset='utf-8')

	body

		//  注释会显示 

		//- 注释不显示

			HTML标签语法： <标签名 属性n=属性值n>内容</标签名>

			jade模板规则：

				标签名直接写

				括号里面是属性

				class用数组写法

				-标识js代码

				#{变量名}  输出数据

				等

		div(id='div1',style='width:300px;height:30px;background:red;') hello div1

		div(class='div2') hello div2

		div(class=['div3','div']) hello div3

 

		p

			- var a= 1

			- var b= 1

			p 计算结果是：#{a+b}

 

		p 用户名：#{username}，年龄：#{age}

 

		- if (age > 18)

			p 111

		- else

			p 222

 

 

		- for (index in orders)

			p #{index} __ #{orders[index].title}

 

		ul

			- each order, index in orders

				li #{index} __ + #{order.title}

5、art（推荐）

语法：https://aui.github.io/art-template/zh-cn/docs/index.html
步骤1：安装（npm install art-template）

步骤2：创建art.js和art.html测试

//1.引入第三方模块ART

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

 

//2.调用render方法，将字符串替换成HTML

// var html = '<h1>{{username}}</h1>';

// var result = art.render(html, {username: '张三'});

// console.log(result);

 

 

//2.调用art（同renderFile），将字符串替换成HTML

var html = art(__dirname + '/art.html', {

	username: '传智播客',

	age: 5,

	orders: [

		{id:1, title: '标题1', price: 30},

		{id:2, title: '标题2', price: 33},

		{id:3, title: '标题3', price: 12},

	], 

});

console.log(html);

 

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Document</title>

</head>

<body>

	 <div>{{username}}</div>

	 <div>{{age}}</div>

	 <div>

	 {{if age > 18}}

			妹妹哥哥来了

		{{else}}

			你走吧

		{{/if}}

	 </div>

	 <div>

	 {{each orders as order index}}

		  {{index}} {{order.title}}

		{{/each}}

	 </div>

</body>

</html>