Coffeescript / Zappajs如何传递数组进行渲染

Posted 2021-04-16

这是一个zappajs / coffeescript新手问题，我尝试编写一个从mysql收集并使用div而不是表格呈现结果的脚本，到目前为止仅使用一行。我的问题如何使用模板传递整个结果数组以进行输出？下面的代码示例，任何批评欢迎，谢谢：

@post '/', (req, res) ->    #POST FOR SHOWSTOCK
  MysqlConnection = mysql.createConnection(
    ...
  )
  MysqlConnection.connect()
  .... 
    else
      sql = "select art.artcode,art.artname, art.artsonst, groessen.colcode,groessen.artgrb,groessen.artwidth,groessen.artist,date_format(artoffdate,'%d-%m-%y') as mydate, groessen.soreason from groessen,art where groessen.artcode = art.artcode and  art.artcode = " + MysqlConnection.escape(req.body.art.artcode)
      MysqlConnection.query sql, (err, rows) ->
        throw err if err
        ... 
        exports.art = rows
        ...
  MysqlConnection.end
  @redirect '/showstock'  # 'back' or 'home'= "/"



@get '/': ->     
  @render index: {
     }


@view index: ->    
  h1 img src: '/BW_AL_Logo_Blue.jpg', align:'left', alt:'Logo' , width:240, height:120, top:25, left:370 ,position:'absolute'
  h2 style: "font-family:sans-serif;;position: absolute; top: 10px; width: 250px; left: 350px; height: 25px; background-color: white", 'XYZ Stock Information'
  form method: "post", action: "/", ->
    div "#Artcode", style: "position: absolute; top:60px; left:680px; width: 121px; height: 21px;", ->
      input type: "text", name:"art[artcode]"
    div "#Submit", style: "position: absolute; top:60px; left: 840px; width: 121px; height: 21px;", ->
      input type: "submit", value: "Submit"


@get '/showstock': ->    
  @render showstock: {
     artname0: exports.art[0].artname
     ... 
     }


@view showstock: ->    
  h1 img src: '/BW_AL_Logo_Blue.jpg', align:'left', alt:'Logo' , width:240, height:120, top:25, left:370 ,position:'absolute'
  ...
  div style: "position: absolute; left: 10px; top: 195px; height: 400px; width:1200px; padding: 2px; border:2px solid gray;",->
    div "#colcode", style: "height: 3px;width:90px;float:left;",->
      b "COLOUR"
      br()
      @colcode0
    div ...  

答案

以下是如何将变量传递给视图函数（来自http://zappajs.org/docs/crashcourse/）：

@get '/': ->
  @render index: {foo: 'bar'}

@view index: ->
  @title = 'Inline template'
  h1 @title
  p @foo

至于遍历结果集中的行，您必须执行以下操作：

@view index: ->
  for row in @foo.rows
    div '', "#{row.itemno}: #{row.itemname}"

具体细节取决于您使用的模板引擎（从您编写的内容看起来像Coffeecup）。请记住，Coffeecup模板实际上只是具有许多便利功能的Coffeescript代码（与html标记完全相同）以及用于呈现“子树”的一些约定（通过传递呈现子树的函数）。因此，对于迭代数据对象，您只需编写Coffeescript代码来执行此操作，调用Coffeecup方便方法来生成html文本。

假设您的数据集很大，使用浏览器重定向（如代码所示）并不是将数据从一个视图传递到另一个视图的正确方法。

如果你重构你的“showstock”函数中的代码是一个普通的成员函数，传递任何请求/响应变量（我看到Zappa隐含地传递那些，但我不太了解Zappa提供的确切答案）和一个行对象，只需让该函数返回渲染文本。通过从“/”处理程序和“/ showstock”处理程序调用此方法，您应该能够处理不同的用例，而无需复制代码或尝试将大型数据对象作为HTTP数据对象传递。