javascript - 如何在不删除现有数据的情况下呈现哈巴狗视图？

Question

例如，我有一个哈巴狗视图“VIEW.pug”，它包含两个部分

• A部分：一些数据

• B部分：空

从 express/node 请求 GET 后，我想保留 A 部分的数据并使用 res.render('VIEW', {xxx}) 函数用新数据刷新 B 部分。

那么我怎样才能做到这一点呢？一旦我渲染了 VIEW.pug，虽然我用正确的数据刷新了 B 部分，但 A 部分中的数据已经消失了。

我希望 A 部分和 B 部分都有数据，A 有旧的现有数据，B 有新的数据。

Answer 1

创建一个layout.pug文件：

html
  head
    title My Site - #{title}
    block scripts
      script(src='/jquery.js')
  body
    block content

现在使用partA.pug创建一个文件，它扩展了布局文件：

-extends layout.pug
  block content
  h1= PART A

现在使用include 将 partB 包含在 partA 文件中

 include includes/partB.pug

您的partB.pug应根据条件呈现

#partB
- if(section=== 'DEMO-1') {
| <p>DEMO 1</p>
- }
- if(section === 'DEMO-2') {
| <p>DEMO 2</p>
- }

应用程序.js

var express=require('express');
let app = express();
app.set("view engine", "pug");
app.set("views", path.join(__dirname, "views"));


app.get('/demo1',function(req,res){
   return res.render("partA",{section:'DEMO-1'});
});

app.get('/demo2',function(req,res){
   return res.render("partA",{section:'DEMO-2'});
});