Javascript 播放框架:将数据显示为html表格

Javascript 播放框架:将数据显示为html表格,javascript,html,mysql,json,playframework,Javascript,Html,Mysql,Json,Playframework,我正在开发一个小项目,其中有两个表。其中一个是Person表,它以id和name作为属性。我正在使用MySql成功地从数据库中获取结果集,并可以将它们转换为json。但是,我无法找到将json显示为html表的方法。是否有一种方法可以将人员列表传递到html,并将其显示在表格中 Application.java index.scala.html @(persons: List[Person]) @main("Welcome to Play") { <script typ

我正在开发一个小项目,其中有两个表。其中一个是Person表,它以id和name作为属性。我正在使用MySql成功地从数据库中获取结果集,并可以将它们转换为json。但是,我无法找到将json显示为html表的方法。是否有一种方法可以将人员列表传递到html,并将其显示在表格中

Application.java

index.scala.html

@(persons: List[Person])
@main("Welcome to Play") {
<script type='text/javascript' src='@routes.Assets.at("javascripts/index.js")'></script>

<ul id="persons"></ul>

//logic to display table
<table>
   @for(person <- persons){
      <tr>
          <td>@person.getName()</td>
          <td>@person.getId()</td>
      </tr>
    }
</table>
}
咖啡

这将显示person对象的列表。但是我需要显示一个html表

但是,我无法找到将json显示为html表的方法。是否有一种方法可以将人员列表传递到html,并将其显示在表格中

看来你没有很好地阅读游戏手册。但是,我不会向模板发送JSON。相反,我会通过考试

List<Persons> 
对于应用程序控制器,将相关部分更改为:

public Result getPersons() {
    List<Person> persons = (List<Person>) JPA.em().createQuery("select p    from Person p").getResultList();
return ok(index.render(persons);
这假设类Person中有两个字段:name和id。它还假设您有用于它们的get方法。如果它们是公共字段,则可以使用@person.name和@person.id。更改这些变量以匹配Person类中的变量

那你就不需要咖啡了。您也不需要index.scala.html中的标记,除非您出于其他原因需要它

在上面提到的帮助页面上,您还可以签出声明可重用块部分,以创建一个可恢复块来显示每个Person对象。但是,我会先让最简单的版本工作,然后再尝试这个

但是,我无法找到将json显示为html表的方法。是否有一种方法可以将人员列表传递到html,并将其显示在表格中

看来你没有很好地阅读游戏手册。但是,我不会向模板发送JSON。相反,我会通过考试

List<Persons> 
对于应用程序控制器,将相关部分更改为:

public Result getPersons() {
    List<Person> persons = (List<Person>) JPA.em().createQuery("select p    from Person p").getResultList();
return ok(index.render(persons);
这假设类Person中有两个字段:name和id。它还假设您有用于它们的get方法。如果它们是公共字段,则可以使用@person.name和@person.id。更改这些变量以匹配Person类中的变量

那你就不需要咖啡了。您也不需要index.scala.html中的标记,除非您出于其他原因需要它

在上面提到的帮助页面上,您还可以签出声明可重用块部分,以创建一个可恢复块来显示每个Person对象。但是,我会先让最简单的版本工作,然后再尝试这个

List<Person>
List[Person]  
public Result getPersons() {
    List<Person> persons = (List<Person>) JPA.em().createQuery("select p    from Person p").getResultList();
return ok(index.render(persons);