Tag: 重构表

如何从Express / Node.js中的dynamic生成的内容分离内联的JavaScript?

对于那些有几年Web开发经验的人来说,这是一个稍微低级的问题,但是在Programmer Stack Exchange或Google上找不到答案之后,我决定在这里问一下。 我为Node.js使用Express web框架,但这个问题并不是特定于任何web框架或编程语言。 以下是从数据库中查询的游戏列表。 每个游戏实体都是使用for循环生成的单个表行: table.table tbody for game in games tr td.span2 img.img-polaroid(src='/img/games/#{game.largeImage}') // continues further 每个评级块,以及每个买入button/模式对话框都是由for循环生成的,并且与游戏相匹配。 例如,“刺客信条”的“ 购买”button将具有id =“价格刺客信条” 。 #{variable} – 是如何引用Jade中的variables,从服务器传入的。 button.btn.btn-primary.btn-mini(id='price-#{game.slug}', href='#buyModal', role='button', data-toggle='modal') 和 .modal.hide.fade(id='modal-#{game.slug}', tabindex='-1', role='dialog', aria-labelledby='myModalLabel', aria-hidden='true') .modal-header span.lead Game Checkout img.pull-right(src='/img/new_visa_medium.gif') .modal-body label i.icon-user | Name on Card input.input-medium(type='text') label i.icon-barcode | Card Number […]