javascript - Express/Node.js - 使用数据渲染页面

Question

我有一个团队列表在我的页面上显示为链接列表，目前，我有一个文本框....当该团队的链接时单击 > 后，将获取该 Team 的 Key 并将其发送到 /team/:key 路由，它会搜索 Team通过Key，获取数据并将数据发送回来。如果数据成功发送回 JS 文件，则 Team 名称将输出到文本框。

我想更改此设置，当单击链接并使用 Team.findByKey 检索数据时，我想呈现一个新页面(“teamDetails”)并向其传递该页面的数据团队。通过这种方式，我可以使 Team 的每个链接都链接到 Team 的单独页面，其中包含完整的详细信息。

知道如何调整此 /team/:key 路线来执行此操作吗？

JS文件

// Setup teamsLink to retrieve Team info for whichever Team was clicked
Team.initTeamsLink = function(){
  $("a.teamLink").live("click", function(e){
    e.preventDefault();
    var teamId = ($(this)[0]).getAttribute('id');

    $.get('/team/'+teamId, function(response){
      if(response.retStatus === 'success'){
        var teamData = response.teamData;
        $('#teamId').val(teamData.key);
        $('#teamName').val(teamData.name);
      } else if(response.retStatus === 'failure'){

      }
    });  
  });
 };

路线

  app.get('/team/:key', function(req, res) {
    util.log('Serving request for url [GET] ' + req.route.path);
    Team.findByKey(req.params.key, function(err, teamData){
      if(!err && teamData){
        teamData = teamData;
        res.json({
          'retStatus' : 'success',
          'teamData' : teamData
        });
      } else {
        util.log('Error in fetching Team by key : ' + req.params.key);
        res.json({
          'retStatus' : 'failure',
          'msg' : 'Error in fetching Team by key ' + req.params.key
        });
      }
    });
  });

Answer 1

使用 Handlebars 模板 - http://handlebarsjs.com/

npm install handlebars
npm install hbs

CoffeeScript :

hbs = require 'hbs'

app.set 'views', __dirname + '/app/views' #folder with your views
app.set 'view engine', 'hbs'
app.use express.bodyParser()
app.use express.methodOverride()

在路由器中:

res.render 'index', {title: 'index'} #view name and context