- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试遍历对象列表并生成 div class="card-deck"
每4
对象和嵌套 div class="card"
对于每个对象。
这是在 上生成异常的代码第 234 行
更新:注:第 234 行 在 html
中提到并拥有 <!-- Error-Line 234 -->
由于缺少 )
在 ${#numbers.sequence(0,3}
<div class="card-deck" th:each="qr: ${objects}" th:if="${qr.tableid}%4==0"> <!-- Iterate every 4 objects -->
<!--syntax error missed clossing ) at ${#numbers.sequence(0,3) triggered the exception here -->
<div class="card" th:each="i : ${#numbers.sequence(0,3)} "> <!-- Error-Line 234 -->
<!-- Some More Code -->
<img th:src="${qr.qrcodestaticpath}" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title" align="center" th:text="'Table '+${qr.tableid}"></h5>
<p class="card-text" align="center" th:text="'Random Generated QR Code'"></p>
<h6 align="center" th:text=" ${qr.qrcodestring}"></h6>
</div>
</div>
</div>
org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing (template: "class path resource [templates/qrcodes.html]" - line 234, col 10)
exception
<div class="card-deck" ...
每 4 或 5 table 。由于
<div class="card" th:each="i : ${#numbers.sequence(0,3)} ">
我得到了 4 张相同的 table 。
qr.tableid
是表号,1 到 x java
片段
int numOfObjects=11;
for(int i=0 ;i<numOfObjects;i++)
{
if(i%4==0)
{
System.out.println();
System.out.print("Deck:");
}
System.out.print("Card"+(i+1)+" ");
}
Controller
@GetMapping("/qrcodes")
public String greetingForm(Model model) {
List<QrObject> qr =qrRepo.findAll();
int numOfobj= qr.size();
int decks;
if(numOfobj % 4==0)
decks = numOfobj / 4 ;
else
decks = (numOfobj / 4) +1 ;
int posa_periseuoun = numOfobj % 4 ;
model.addAttribute("objects", qr);
model.addAttribute("decks",decks);
model.addAttribute("cards",posa_periseuoun);
model.addAttribute("size", numOfobj);
return "qrcodes";
}
最佳答案
这是一种我认为代表您正在尝试做的方法。
最终结果
跳转到最终结果,这将在浏览器中显示以下文本:
Deck: Card1 Card2 Card3 Card4
Deck: Card5 Card6 Card7 Card8
Deck: Card9 Card10 Card11
<div class="card-deck">
<span>Deck: </span>
<span class="card">Card1 </span>
<span class="card">Card2 </span>
<span class="card">Card3 </span>
<span class="card">Card4 </span>
</div>
<div class="card-deck">
<span>Deck: </span>
<span class="card">Card5 </span>
<span class="card">Card6 </span>
<span class="card">Card7 </span>
<span class="card">Card8 </span>
</div>
<div class="card-deck">
<span>Deck: </span>
<span class="card">Card9 </span>
<span class="card">Card10 </span>
<span class="card">Card11 </span>
</div>
public class Deck {
private final String deckName;
private final List<Card> cards = new ArrayList();
public Deck(String deckName) {
this.deckName = deckName;
}
public List<Card> getCards() {
return cards;
}
public String getDeckName() {
return deckName;
}
}
public class Card {
private final String cardName;
public Card(String cardName) {
this.cardName = cardName;
}
public String getCardName() {
return cardName;
}
}
Map<String, Object> model = new HashMap();
// this is equivalent to your findAll()...
List<Card> allCards = new ArrayList();
for (int i = 1; i<= 11; i++) {
allCards.add(new Card("Card" + i));
}
int maxCardsPerDeck = 4;
List<Deck> decks = new ArrayList();
Deck deck;
List<Card> deckCards = new ArrayList();
int cardCount = 0;
for (Card card : allCards) {
cardCount++;
deckCards.add(card);
if (cardCount % maxCardsPerDeck == 0 ||
cardCount == allCards.size()) {
deck = new Deck("Deck");
deck.getCards().addAll(deckCards);
decks.add(deck);
deckCards.clear();
}
}
model.put("decks", decks);
<div class="card-deck"
th:each="deck: ${decks}">
<span th:text="${deck.deckName + ': '}">
</span>
<span class="card"
th:each="card: ${deck.cards}"
th:text="${card.cardName + ' '}">
</span>
</div>
<span>
s 在这里,只是为了让事情保持一致。你可以使用任何你需要的东西,并提供你需要的 CSS 样式。
关于java - Thyemleaf 嵌套迭代触发 org.thymeleaf.exceptions.TemplateInputException,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61111220/
如果您有超过 1 个具有相同类名的(动态)文本框,并使用 jquery 循环遍历每个所述文本框,您是否可以假设每次选择文本框的顺序都是相同的? 示例: 文本框 1 值 = 1文本框 2 值 = 2文本
有人知道为什么这段代码无法顺利运行吗?它似乎不喜欢使用yield关键字进行迭代:我正在尝试从任何级别的列表或字典中挖掘所有数字(对列表特别感兴趣)。在第二次迭代中,它找到 [2,3] 但无法依次打印
我关于从 mysql 数据库导出数据并将其保存到 Excel 文件(多表)的创建脚本。我需要让细胞动态基因化。该脚本正确地显示了标题,但数据集为空。当我“回显”$value 变量时,我检查了数据是否存
我正在尝试在 Python 中运行模拟,由此我绘制了一个数组的随机游走图,给定了两个变量参数的设定水平。 但是,我遇到了一个问题,我不确定如何迭代以便生成 250 个不同的随机数以插入公式。例如我已经
我是学习 jquery 的新手,所以如果这是一个相对简单的问题,我深表歉意。我有一个 ID 为 ChartstoDisplay 的 asp.net 复选框列表。我正在尝试创建 jquery 来根据是否
我正在尝试根据在任意数量的部分中所做的选择找出生成有效案例列表的最佳方法。也许它不是真正的算法,而只是关于如何有效迭代的建议,但对我来说这似乎是一个算法问题。如果我错了,请纠正我。实现实际上是在 Ja
如果我使用 sr1 为 www.google.com 发送 DNSQR,我会收到几个 DNSRR(s) 作为回复,例如(使用 ans[DNSRR].show() 完成): ###[ DNS Resou
假设有这样一个实体类 @Entity public class User { ... public Collection followers; ... } 假设用户有成千上万的用户关注者。我想分页..
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: Nested jQuery.each() - continue/break 这是我的代码: var steps =
我刚从 F# 开始,我想遍历字典,获取键和值。 所以在 C# 中,我会说: IDictionary resultSet = test.GetResults; foreach (DictionaryEn
我知道已经有很多关于如何迭代 ifstream 的答案,但没有一个真正帮助我找到解决方案。 我的问题是:我有一个包含多行数据的txt文件。 txt 文件的第一行告诉我其余数据是如何组成的。例如这是我的
我有 12 个情态动词。我想将每个模态的 .modal__content 高度与 viewport 高度 进行比较,并且如果特定模态 .modal__content 高度 vh addClass("c
在此JSFiddle (问题代码被注释掉)第一次单击空单元格会在隐藏输入中设置一个值,并将单元格的背景颜色设置为绿色。单击第二个空表格单元格会设置另一个隐藏输入的值,并将第二个单元格的背景颜色更改为红
这是一个非常具体的问题,我似乎找不到任何特别有帮助的内容。我有一个单链表(不是一个实现的链表,这是我能找到的全部),其中节点存储一个 Student 对象。每个 Student 对象都有变量,尽管我在
有没有办法迭代 IHTMLElementCollection? 比如 var e : IHTMLLinkElement; elementCollection:IHTMLElementCollect
我正在尝试用 Java 取得高分。基本上我想要一个 HashMap 来保存 double 值(因此索引从最高的 double 值开始,这样我更容易对高分进行排序),然后第二个值将是客户端对象,如下所示
我想在宏函数中运行 while/until 循环,并限制其最大迭代次数。我找到了如何在“通常”sas 中执行此操作: data dataset; do i=1 to 10 until(con
Iterator iterator = plugin.inreview.keySet().iterator(); while (iterator.hasNext()) { Player key
晚上好我有一个简单的问题,我警告你我是序言的新手。假设有三个相同大小的列表,每个列表仅包含 1、0 或 -1。我想验证对于所有 i,在三个列表的第 i 个元素中,只有一个非零。 此代码针对固定的 i
我在 scheme 中构建了一个递归函数,它将在某些输入上重复给定函数 f, n 次。 (define (recursive-repeated f n) (cond ((zero? n) iden
我是一名优秀的程序员,十分优秀!