Node.js实战：手把手教你使用Jade模板引擎

本文将详细介绍如何在Node.js环境中使用Jade模板引擎，结合实际例子来帮助读者理解和掌握这一技术。首先，让我们回顾一下什么是Jade。Jade是一种简洁易读的前端模板语言，它被Express框架广泛采用，用于生成动态HTML内容。Jade通过其简洁的语法，使得前端开发者可以更专注于页面结构和逻辑，而不是复杂的HTML编写。 文章开始时，会回顾在之前的学习中，如何使用Express工具创建了一个基础的HelloExpress网站，这个过程包含了模板和路由设置的基础知识。然而，为了更深入地了解Jade的使用，作者决定从头开始构建一个名为"Visitor"的小型网站，该网站的主要功能是显示访客的IP地址并计数访问次数。 在安装Jade模板引擎之前，我们需要确保Node.js环境已经设置好，并通过npm（Node包管理器）进行全局安装，使用命令`npm install -g jade`。接下来，创建一个新的项目文件夹"Visitor"，并在其中配置`package.json`文件，定义项目名称、版本和依赖，包括Express和Jade版本。 在核心的`app.js`文件中，首先导入Express模块，然后实例化一个Express应用。接着，设置视图目录为`./views`，并将Jade设为默认模板引擎，并通过`app.engine`方法注册Jade引擎。这里使用`__express`是Express提供的一个特殊函数，用于将Jade模板编译为Node.js可执行的中间件。 在`app.get('/')`路由处理程序中，每次请求都会使`counter`变量加一，并将计数值传递给模板。`app.locals`对象用于存储全局变量，如当前的计数和网站标题。当用户访问根URL时，应用渲染名为`index.jade`的模板，传递`req.ip`和`counter`变量给模板。 最后，启动服务器监听3000端口，准备接收并处理HTTP请求。`index.jade`模板将是用户看到的实际页面，其中会根据传入的数据动态展示IP地址和访问计数。 通过这个"Visitor"网站的示例，读者可以直观地体验到如何在Node.js中使用Jade模板引擎来创建动态网页，这包括设置视图路径、渲染模板以及管理全局变量。熟练掌握Jade的使用不仅能够提高开发效率，还能让你的Node.js应用程序更加结构清晰和易于维护。