要编辑Pug中的表格单元格并将编辑后的数据保存到数据库中,你可以使用以下步骤和代码示例:
table
tr
th Name
th Age
tr
td.contenteditable(name='name') John
td.contenteditable(name='age') 25
script.
$(document).ready(function() {
$('td.contenteditable').on('blur', function() {
var cellData = $(this).text();
var columnName = $(this).attr('name');
var rowData = $(this).parent().index() - 1; // Subtract 1 to exclude table header
// 将数据发送到服务器保存到数据库中
$.ajax({
method: 'POST',
url: '/save-data',
data: {
column: columnName,
row: rowData,
value: cellData
},
success: function(response) {
console.log(response);
}
});
});
});
const express = require('express');
const app = express();
const bodyParser = require('body-parser');
// 添加中间件以解析请求体
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());
// 创建保存数据的路由
app.post('/save-data', (req, res) => {
const column = req.body.column;
const row = req.body.row;
const value = req.body.value;
// 将数据保存到数据库中
// ...
res.send('Data saved successfully');
});
// 启动服务器
app.listen(3000, () => {
console.log('Server started on port 3000');
});
请注意,上述代码只是一个示例,你需要根据自己的需求进行适当的修改和调整。同时,要使这个示例正常运行,你需要安装和配置相应的依赖项,如Express和jQuery。
上一篇:编辑pubspec.yaml太慢
下一篇:编辑Python GUI