Question

这是一个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 ...

Answer 1

以下是如何将变量传递给视图函数（来自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标签完全相同）以及一些用于呈现＆＃34;子树＆＃34; （通过传递渲染子树的函数）。因此，对于迭代数据对象，您只需编写Coffeescript代码来执行此操作，调用Coffeecup方便方法来生成html文本。

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

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

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

1 个答案: