Express JS动态app.local/res.局部变量

Express JS Dynamic app.local/res.local Variables

本文关键字:res 局部变量 local app JS 动态 Express      更新时间:2023-09-26

我试图加载一些变量到视图渲染站点宽构建动态菜单。我有一个neo4j数据库后端,保持所有的菜单结构,我通过APOC访问它(忽略黑客Cypher查询我在Cypher结构化数据,我可能应该在做。

我的第一个解决方案是将a函数分配给app.locals,并在视图中调用它:

//app.js
app.locals.catMenuQuery = function(){
  var query = apoc.query(
    'MATCH (c:Category)-[o:CHILD_OF]->(m:Menu {url: "cat-menu"}) '
      OPTIONAL MATCH (c2:Category)-[o2:CHILD_OF]->(c) '
      WITH c, c2, o, o2 '
      ORDER BY o2.order, c2.name '
      WITH '
        { '
          name: c.name, '
          url: c.url, '
          children: collect(c2),'
          order: o.order '
        } AS rows '
      ORDER BY rows.order '
      RETURN collect(rows)'
  );
  query.exec().then(function (qres) {
    var data = qres[0]['data'][0]['row'][0];
    return data;
  }, function (fail) {
    console.log(fail)
  });
}
//view.pug
ul#cat-menu.in
  each cat in catMenuQuery()
    li(class= cat.url)
      h1= cat.name
      ul
        each child in cat.children
          li= child.name

这显然没有什么,因为我从异步query.exec().then()链返回data。我不知道如何处理从视图调用async。我认为存储在app.locals中的函数必须是同步的,APOC也不友好,对于数据查询也不理想。所以我最后用了下面这个,它可以工作,但不是理想的:

//app.js
app.use(function(req,res,next){
  var query = apoc.query(
    'MATCH (c:Category)-[o:CHILD_OF]->(m:Menu {url: "cat-menu"}) '
      OPTIONAL MATCH (c2:Category)-[o2:CHILD_OF]->(c) '
      WITH c, c2, o, o2 '
      ORDER BY o2.order, c2.name '
      WITH '
        { '
          name: c.name, '
          url: c.url, '
          children: collect(c2),'
          order: o.order '
        } AS rows '
      ORDER BY rows.order '
      RETURN collect(rows)'
  );
  //console.log(query.statements);
  query.exec().then(function (qres) {
    var data = qres[0]['data'][0]['row'][0];
    console.log(util.inspect(data,false,null));
    res.locals.catMenuQuery = data;
    next();
  }, function (fail) {
    //console.log(fail)
    next();
  });
})
//view.pug
ul#cat-menu.in
  each cat in catMenuQuery
    li(class= cat.url)
      h1= cat.name
      ul
        each child in cat.children
          li= child.name

这将调用每个页面上每个菜单的每个查询,无论该菜单是否在页面上。所以我的问题是:

是否有一种方法,我可以得到第一个版本,我调用内部视图工作的功能,或者有另一个优雅的解决方案,将确保只有视图所需要的功能将被调用?

在一天结束时,开销并不重要,因为这只是内部原型工作。但我确信有一个优雅的解决方案在那里,这将是伟大的,如果我可以重组它调用一个函数像getMenu('cat-menu')的视图,以节省有一堆函数坐在app.locals

我相信在某个地方有一个简单优雅的解决方案,但是我在一段时间内第一次回到节点异步领域,我被难住了。

我开始学习使用React和Flux架构。它或多或少是为我想要完成的东西而构建的,Express vanilla渲染器并没有很好地装备它。