30天精通Nodejs--第二十二天：express-模板引擎pug

最新推荐文章于 2024-08-13 20:32:39 发布
最新推荐文章于 2024-08-13 20:32:39 发布
阅读量281 收藏
点赞数
分类专栏： 30天精通Nodejs 文章标签： express pug 模板 前端 后端 js nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BDawn/article/details/135913810
版权
本文介绍了在Node.js的Express框架中集成Pug模板引擎的步骤，包括安装Pug、配置Express和创建Pug模板文件。Pug以其独特语法和强大功能提升Web应用开发效率，通过缩进表示HTML元素嵌套，支持变量、逻辑表达式、布局继承与包含、循环和条件判断，助力构建高效可维护的视图层。
摘要由CSDN通过智能技术生成

目录

引言

在Node.js生态中，Express框架作为Web应用开发的基础工具广受欢迎。为了实现高效的视图层管理，Express支持多种模板引擎集成，其中Pug（原名Jade）以其独特的语法风格和强大的功能脱颖而出，尤其适合于构建简洁、易于维护的动态页面。本文将详细介绍如何在Express项目中结合使用Pug模板引擎，并展示两者之间的紧密配合。

Pug与Express整合步骤

安装Pug

首先确保你的项目已安装了Express，然后通过npm添加Pug作为依赖：

npm install pug

配置Express

以使用Pug 在Express应用设置中指定Pug为默认视图引擎，并定义视图目录位置：

const express =
了解本专栏 订阅专栏 解锁全文 超级会员免费看
30天精通Nodejs--目录与说明
BDawn的专栏
10-24 1356
本系列博客主要针对nodejs零基础的小伙伴，涵盖了Node.js从基础到高级的各个方面。
Pug –适用于Node.js的强大，优雅，功能丰富的模板引擎-Node.js开发
05-27
Pug完整文档位于pugjs.org。Pug是受Haml影响很大的高性能模板引擎，并使用JavaScript实现了Node.js和浏览器。 有关错误报告，功能请求和问题，请在pugjs.org上打开iss Pug的完整文档。Pug是受Haml影响很大的高性能模板引擎，并通过JavaScript实现了Node.js和浏览器。 对于错误报告，功能请求和问题，请打开一个问题。 要进行讨论，请加入聊天室。 您可以在此处在线测试帕格。 现已提供专业支持的pug依赖状态包依赖关系Dev依赖关系单存储库顶级pug pug-attrs pug-code-gen pug-error pug-filters
pug：Pug –适用于Node.js的强大，优雅，功能丰富的模板引擎
02-13
哈巴狗 完整文档位于 Pug是受影响很大的高性能模板引擎，并使用JavaScript实现了和浏览器。 对于错误报告，功能请求和问题，请。 要进行讨论，请加入。 您可以在线测试Pug。 依赖状态 包裹 依存关系 开发依赖 单回购上衣 哈巴狗 哈巴狗 哈巴狗 哈巴狗错误 帕格过滤器 哈巴狗 帕格接头 哈巴狗 哈巴狗解析器 哈巴狗运行时 哈巴狗评论 哈巴狗走 从“玉”改名 这个项目以前被称为“玉”。 但是，据我们了解，“玉”是注册商标。 结果，需要重命名。 经过维护人员的讨论， “ Pug”被选为该项目的新名称。 从版本2开始，“ pug”是官方软件包名称。 如果您的软件包或应用当前使用的是jade ，请不要担心：尽管所有新版本都将在pug下发布，但我们已经获得继续使用该软件包名称的安全权限。 重命名之前，“ Jade 2.0.0”的工作已经开始。 因此，重命名为
Node-pug：基于nodejs的Web应用程序
02-09
节点帕格 一个简单的基于nodejs的Web应用程序，它使用pug view lib
Node.js(二)——pug模板引擎，nunjucks模板引擎，在koa中使用pug和nunjucks模板引擎
黎小小的博客
04-21 3383
目录 1.知识点及课堂目标 2.模板引擎 3.pug模板引擎使用 3.1安装pug 3.2pug常用语法 3.3练习工具 hade 4.nunjucks模板引擎在koa中的应用 4.1安装koa-nunjucks-2 4.2使用nunjucks 4.3nunjucks的语法使用——变量 4.4nunjucks的语法使用——注释 4.5nunjucks的语法使用——if 4...
【Node中间层实践（三）】----模板引擎pug
qq_26780317的博客
07-18 744
学习Node中间层实践的相关笔记
Node.js历险记之express框架入门篇
weixin_34372728的博客
03-06 261
打开微信扫一扫，关注微信公众号【数据与算法联盟】 转载请注明出处：http://blog.csdn.net/gamer_gyt 博主微博：http://weibo.com/234654758 Github：https://github.com/thinkgamer 写在前面的话 Express 是一种保持最低程度规模...
二十一、pug模板在Express框架中的集成
灵魂学者的博客
01-29 1082
本篇讲的是pug模板在Express框架中的集成内容，在未讲相关的模板引擎之前前面的篇目中所使用的网页页面大多是静态资源的网页内容，如在之前的案例中就使用过 app.use(express.static('path.join(__dirname，'public')')) ，通过在本地上进行搭建服务器之后使用express.static()方法讲public下静态资源进行共享，那么在下面编写一个index.html静态网页文件后可以通过http://127.0.0.1:3000/index.html进行访问；
js pug 代码_前端开发nodejs+pug——注册登录
weixin_39773215的博客
01-14 269
extends layoutblock opration-contenta(class=”nav-item nav-link”href=”/login”)Logina(class=”nav-item nav-link active”href=”#”)SignUpblock content.login.row.justify-content-md-center.col-md-8.card.borde...
vue-nodejs-elementUI-mysql-express-demo::star:vue+nodejs前后端分离项目，学习使用，包含基本的入门操作。包括从开始创建项目到最后部署的实现过程及过程中遇到的一些问题整理
05-30
数据库地址：express-demo/doc/demo2.sql MySQL数据库 数据库为 demo2 创建demo2数据库>运行sql语句 修改 express-demo 项目中 model/connDb.js 数据库连接配置 express-demo-web: 前端web项目 # 安装依赖 npm ...
pug-express:将Pug与Express集成的示例
05-07
哈巴狗快递 将Pug与Express集成的示例 安装依赖项 npm install 要启动Express服务器，请使用以下命令： npm start 奖金-赚取高达R $ 100的费用来测试Umbler托管！ 您是否正在寻找一个很棒的托管平台来在几秒钟内测试甚至发布您的应用程序，网站等？ 只需访问，即可赚取高达R $ 100的费用来测试该服务。 参考 注释 此代码是“用Pug创建模板”课程的一部分。
nodejs-portable：Windows上可移植的Node.js
02-06
配置文件nodejs-portable.conf在首次启动时生成： 安装 下载。 将nodejs-portable.exe放入新的空文件夹中。 入门 运行nodejs-portable.exe ，然后选择任务： 1通过输入版本和体系结构来安装node.js。 2启动Node....
nodejs-express4-angularjs1.4-simple-template:nodejs-express4-angularjs1.4-简单模板
05-01
nodejs express4 angularjs1.4 bootstrap3简单模板
NodeJS简易博客系统（一）Jade/Pug模板引擎入门
一枝韩独秀的博客
10-16 4397
国庆到现在一直忙着移动端比赛的事情，今天开始nodejs后端框架express的学习。学习路线大概如下： 模板引擎pug/swig基本使用 mongodb的简单学习 数据库框架mongoose的简单使用 NodeJs常用 express的简单使用 所有view页面的制作 博客系统业务逻辑实现 这就是我对NodeJs学习的一个简单介绍，下面开始学习模板引擎pug。 一、属性 1、单...
Express 实战（七）：视图与模板：Pug 和 EJS
weixin_33714884的博客
08-24 667
前面的内容大都是关于 Express 框架自身的内容，包括：Express 简介、工作原理、框架特点。在系列的最后，我们将把注意力放到 Express 框架周边工具链上。学习如果使用这些工具来拓展 Express 框架的功能。 首先，本文我们将会讨论视图模版引擎的使用。通过这些模版引擎我们能过动态的生成 HTML 内容。在前面我们已经使用...
node pug模板引擎
weixin_46146313的博客
04-12 952
模板引擎：模板引擎是web应用中动态生成html的工具，负责将数据和模板结合；常见模板引擎有：ejs、jade（现更名为pug）、Handlebars、Nunjucks、Swig等；使用模板引擎可以是项目结构更加清晰，结构更加合理，让项目维护变得更简单； pug语法：通过缩进关系，代替以往html的层级包含关系，如 个简单的静态 可以表达为，注意要统一使用tab或者空格缩进，不要混用 内联书写...
用NodeJS+Mongodb+Pug开发博客网站
wwwzhiqiuyiye111的专栏
08-27 1749
使用NodeJS，mongodb和pug模板引擎开发个人博客网站，前端样式采用Bootstrap3.0实现，nodejs开发框架采用的是express4.0。一：开发环境 需要安装node的高级版本，我使用的是node v8.1.2版本： 安装mongodb，我安装的是v3.4.5版本： 二：开发介绍 使用express实现工程初始化 先新建工程，使用express快速生成工程结构npm insta
node pug语法和nunjucks
weixin_54645137的博客
03-24 343
模板引擎：模板引擎是web应用中动态生成html的工具，负责将数据和模板结合； 安装 Koa、Koa-router、Koa-views pug npm i koa koa-router koa-views pug node.js生成html 这是数据 //引入 const Koa = require("koa"); //加载koa框架 const Router = require("koa-router"); //加载路由 const views = require("koa-views") //
宝塔面板实现定时任务删除 logs文件 加条件删除 只删除一个月前的日志
最新发布
qq_43541326的博客
08-13 852
进入到计划任务 点击添加任务 默认选择 shell脚本。我这里的shell脚本是 删除当前月以前的时间数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

bdawn

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

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

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

打赏作者

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

抵扣说明：

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

余额充值