要在Jade模板中预填充编辑页面,您可以在渲染模板时将数据传递给模板引擎。以下是一个示例代码,演示如何在Node.js和Express应用程序中使用Jade模板预填充编辑页面:
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 });
});
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
路由时,将渲染带有预填充数据的编辑页面。
领取专属 10元无门槛券
手把手带您无忧上云