如何在Jade模板中预填充编辑页面(Node + Express + Jade)

要在Jade模板中预填充编辑页面，您可以在渲染模板时将数据传递给模板引擎。以下是一个示例代码，演示如何在Node.js和Express应用程序中使用Jade模板预填充编辑页面：

在Node.js和Express应用程序中，确保您已安装了jade模块。
在您的Express应用程序中，设置Jade作为模板引擎：

const express = require('express');
const app = express();

app.set('view engine', 'jade');

创建一个编辑页面的路由，并将数据传递给模板引擎：

app.get('/edit', (req, res) => {
  // 假设您从数据库或其他地方获取了要编辑的数据
  const data = {
    title: '预填充标题',
    content: '预填充内容'
  };

  res.render('edit', { data });
});

创建一个Jade模板文件（例如edit.jade），并在模板中使用传递的数据进行预填充：

html
  head
    title 编辑页面
  body
    h1 编辑页面
    form(action='/save', method='POST')
      label(for='title') 标题
      input(type='text', name='title', value=data.title)
      label(for='content') 内容
      textarea(name='content')= data.content
      input(type='submit', value='保存')

在上述代码中，我们在编辑页面的路由中创建了一个名为data的对象，其中包含要预填充的数据。然后，我们将data对象传递给res.render()函数，以便在渲染模板时将数据传递给Jade模板引擎。

在Jade模板中，我们使用data.title和data.content来访问传递的数据，并将其作为输入字段和文本区域的默认值。

当用户访问/edit路由时，将渲染带有预填充数据的编辑页面。