Leaf中的Vapor 3渲染复杂调用

Question

这是与我的API配合使用的调用，但是我需要在叶子中呈现结果。目前，这在API上可以正常使用。只是不确定我在哪里抢队。

func getTeamsWithUsersForEvent(_ req: Request) throws -> Future<[TeamWithUsers]> {
        let currentID =  try req.parameters.next(Int.self)
        print("currentID \(currentID)")
        return Team.query(on: req).filter(\Team.eventID == currentID).sort(\Team.rawScore, .descending).range(..<5).all().flatMap(to: [TeamWithUsers].self) { team in
            try team.map { team in
                try team.users.query(on: req).all().map { users in
                    var score: Int
                    if users.isEmpty {
                        score = 0
                    }else{
                        score = team.rawScore / users.count
                    }
                    return TeamWithUsers(
                        id: team.id,
                        name: team.name,
                        icon: team.icon,
                        eventID: team.eventID,
                        rawScore: team.rawScore,
                        //users: users,
                        count: users.count,
                        teamScore: score
//                        teamScore: team.rawScore / users.count
                    )
                }
            }.flatten(on: req)
        }
    }

struct TeamWithUsers: Content {
    let id: Int?
    let name: String
    let icon: String
    let eventID: Event.ID
    let rawScore: Int
    //let users: [User]
    let count: Int?
    let teamScore: Int
}

这是我开始的内容。这是我的情况。

struct AllTeamsContext: Encodable {
  let title: String
  let teams: [TeamWithUsers]
}

并且我创建了一个名为“ Leaders”的Leaf模板，它仅显示一个表格，其中每行都有TeamWithUsers。

  <table class="table table-bordered table-hover">
    <thead class="thead-light">
      <tr>
        <th>Name</th>
        <th>Icon</th>
        <th>Score</th>
      </tr>
    </thead>
    <tbody>
      #for(team in teams) {
        <tr>
          <td>#(team.name)</td>
          <td>#(team.icon)</td>
          <td>#(team.teamScore)</td>
        </tr>
      }
    </tbody>
  </table>
} else {
  <h2>There aren’t any teams yet.</h2>
}

Answer 1

编辑：根据评论中的附加信息更改了答案。

虽然您可以更改现有函数以直接返回视图，但我个人将其保持不变，并在渲染视图的第二秒内调用它。尝试将其与当前功能放在同一路由器中：

func teamsView(_ req: Request) throws -> Future<View> {
   let currentID =  try req.parameters.next(Int.self)
   let teamsContext = getTeamsWithUsersForEvent(request, currentID)
   return request.view().render("Leaders", teamsContext )
}

然后，在您的routes.swift或等效名称中，放入：

router.grouped("admin","teams") teamsRoute.get("leaders", Int.parameter, use: teamsView)

将参数移到上面的tsamsview函数中，然后需要将原始函数头修改为：

func getTeamsWithUsersForEvent(_ req: Request, _ currentID:Int) throws -> Future<[TeamWithUsers]>

然后从此函数中删除原始参数提取。

将路由器分组后，您的视图应该显示在：

http://localhost:8080/admin/teams/nnn/leaders

其中nnn将被转换为currentID。

替代地：

如果这变得有些混乱（尽管我对偏爱将功能分开的第一句评论，您总是可以将现有功能更改为：

func getTeamsWithUsersForEvent(_ req: Request) throws -> Future<View> {
    let currentID =  try req.parameters.next(Int.self)
    print("currentID \(currentID)")
    let teamContext = Team.query(on: req).filter(\Team.eventID == currentID).sort(\Team.rawScore, .descending).range(..<5).all().flatMap(to: [TeamWithUsers].self) { team in
        try team.map { team in
            try team.users.query(on: req).all().map { users in
                var score: Int
                if users.isEmpty {
                    score = 0
                }else{
                    score = team.rawScore / users.count
                }
                return TeamWithUsers(
                    id: team.id,
                    name: team.name,
                    icon: team.icon,
                    eventID: team.eventID,
                    rawScore: team.rawScore,
                    //users: users,
                    count: users.count,
                    teamScore: score
                )
            }
        }.flatten(on: req)
    }
    return request.view().render("Leaders", teamContext )
}