node+express+jade制作简单网站指南

让我为你详细讲解一下“node+express+jade制作简单网站指南”的完整攻略。

1. 准备工作

在使用node+express+jade制作网站之前，需要先做一些准备工作：

• 安装node.js：可以从node官网下载适合自己的版本进行安装。
• 安装express：使用npm安装express，可以在命令行中输入npm install -g express来进行全局安装，也可以在项目根目录下运行npm install express --save来进行局部安装。
• 安装jade：使用npm安装jade，可以在命令行中输入npm install -g jade来进行全局安装，也可以在项目根目录下运行npm install jade --save来进行局部安装。

准备工作完成后，可以在项目根目录下新建一个文件夹，作为项目的根目录。

2. 创建express应用程序

在项目根目录下，运行express appname命令来创建一个名为appname的express应用程序，其中appname为自定义的应用程序名。该命令会自动创建应用程序的基本目录结构和一些默认文件。此时，还需要在终端切换到应用程序目录下，运行npm install命令来安装依赖。

3. 配置应用程序

在应用程序目录下，找到app.js文件，这是应用程序的主要文件。在这个文件中，需要进行一些基本的配置，比如设置端口号、模板引擎、路由等。这里以设置端口号和模板引擎为例：

// 设置端口号
app.set('port', process.env.PORT || 3000);

// 设置模板引擎
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

其中，set方法可以设置应用程序的参数，第一个参数为参数名称，第二个参数为参数值。这里设置了端口号为3000，如果环境变量中有PORT的值，则使用环境变量中的值；设置了模板引擎为jade，并将模板文件放在views文件夹下。

4. 编写路由和视图

在应用程序中，路由用于指定访问不同URL时控制器的行为，视图则用于显示数据和页面布局。这里以一个简单的例子来说明如何编写路由和视图。

首先，在应用程序目录下创建一个名为routes的文件夹，用于存放路由文件。在routes文件夹下创建一个名为index.js的文件，用于编写首页路由：

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

其中，router.get方法用于指定路由的行为，第一个参数为URL地址（这里是/，即首页），第二个参数为路由处理函数。res.render方法用于渲染视图，第一个参数为视图文件名（这里是index，即首页视图文件），第二个参数为模板数据。

接下来，在应用程序目录下创建一个名为views的文件夹，用于存放视图文件。在views文件夹下创建一个名为index.jade的文件，用于编写首页视图：

doctype html
html
  head
    title= title
  body
    h1= title

其中，jade是一种模板引擎，用于生成HTML代码。这里的代码生成了一个基本的网页结构，并在网页标题和页面内容中使用了模板数据title。这样，在访问网站首页时，就会显示一个标题为"Express"的页面。

5. 启动应用程序

最后，在应用程序目录下运行npm start命令来启动应用程序，并在浏览器中访问http://localhost:3000来查看结果。若端口号不是3000，可根据实际情况修改。

除了以上示例外，还可以根据实际需要编写更多的路由和视图，来完成完整的网站制作。