0
我有一個大的數據表，必須在jsp中拆分爲更小的表。表格將根據組類型創建。花了數小時試圖弄清楚，但無法按照水果類型組過濾jsp中的列表。根據jsp中的一個組將數據拆分爲多個html表
@RequestMapping(value = { "dynamicFruitSettings" }, method = RequestMethod.GET)
public ModelAndView getDynamicComponents(Model model) {
LOG.debug("Entering fruit components page");
ModelAndView mav = new ModelAndView();
ArrayList<DynamicFruitSettings> resultList = null;
try {
resultList = (ArrayList<DynamicFruitSettings>) dynamicFruitService.loadAllFruitComponents();
mav.addObject(resultList);
} catch (Exception ex) {
ex.printStackTrace();
}
return new ModelAndView("fruitComponents" , "listFruitComponents", resultList);
}
@Entity
@Table(name = "fruits_components")
public class DynamicFruitSettings {
/** The pk1. */
@Id
@SequenceGenerator(name = "fruits_components_seq", sequenceName = "fruits_components_seq", allocationSize = 1)
@GeneratedValue(strategy = GenerationType.SEQUENCE, generator = "fruits_components_seq")
private Long pk1;
private String fruit_type;
private String component_role;
private Double fruit_wt;
//getters and setters omitted for brevity
示例，演示在JSP中的所有數據
/* DivTable.com */
.divTable {
display: table;
width: 100%;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell,
.divTableHead {
border: 1px solid #999999;
display: table-cell;
padding: 3px 10px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}<div class="divTable">
<div class="divTableHeading"> Fruits</div>
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell"> shake</div>
<div class="divTableCell"> 10</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> ice cream</div>
<div class="divTableCell"> 20</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> cake</div>
<div class="divTableCell"> 40</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> candy</div>
<div class="divTableCell"> 5</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> shake</div>
<div class="divTableCell"> 13</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> ice cream</div>
<div class="divTableCell"> 30</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> cake</div>
<div class="divTableCell"> 90</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> candy</div>
<div class="divTableCell"> 25</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> shake</div>
<div class="divTableCell"> 19</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> ice cream</div>
<div class="divTableCell"> 20</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> cake</div>
<div class="divTableCell"> 40</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> candy</div>
<div class="divTableCell"> 15</div>
</div>
</div>
</div>我在jsp最後一下應該像下面
.divTable {
display: table;
width: 100%;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell,
.divTableHead {
border: 1px solid #999999;
display: table-cell;
padding: 3px 10px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}<div class="divTable">
<div class="divTableHeading">Banana</div>
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell"> shake</div>
<div class="divTableCell"> 10</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> ice cream</div>
<div class="divTableCell"> 20</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> cake</div>
<div class="divTableCell"> 40</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> candy</div>
<div class="divTableCell"> 5</div>
</div>
</div>
</div>
<br>
<div class="divTable">
<div class="divTableHeading"> Peach</div>
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell"> shake</div>
<div class="divTableCell"> 13</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> ice cream</div>
<div class="divTableCell"> 30</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> cake</div>
<div class="divTableCell"> 90</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> candy</div>
<div class="divTableCell"> 25</div>
</div>
</div>
</div>
<br>
<div class="divTable">
<div class="divTableHeading"> Apple</div>
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell"> shake</div>
<div class="divTableCell"> 19</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> ice cream</div>
<div class="divTableCell"> 20</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> cake</div>
<div class="divTableCell"> 40</div>
</div>
<div class="divTableRow">
<div class="divTableCell"> candy</div>
<div class="divTableCell"> 15</div>
</div>
</div>
</div>
<br>顯示所有數據的示例是我目前在jsp中獲得的示例。我從我的Controller中獲取水果列表，它從db中的水果表中獲取數據。由於水果類型可能是任何東西，我不能在基於pk1的水果上做一個簡單的「for each」循環，然後做一個「if」從句將其渲染到jsp中。數據庫表中的每一行都有一個pk1。
對於如何將它們拆分成更小的表格，您的建議將受到高度讚賞。
可以請你分享你的bean結構和控制器，這樣我們就可以知道jsp上會有什麼數據。 –
好吧，我將分享實體bean類和控制器代碼。 – Sid
此外，如果我可以在jsp中獲得唯一組水果類型的列表，以便我可以在for循環中執行if子句來呈現表格，那麼我應該更接近解決方案。 – Sid