我有一个网页应用,有3个页面浏览量。
1.an index
页面列出了db中的所有Item
,并且仅显示了Item
最新creationDate
的详细信息。
2.在itemDetails
页面上显示所选项目的详细信息。此页面还列出了数据库中的所有项目。
点击列出的项目将显示itemDetails页面。
(这两个页面还包含一个文本输入字段,用户可以输入一个单词来搜索与名称匹配的项目。)
3.A search
结果页面,其中显示了与搜索查询匹配的商品列表。
我实现了前两页并创建了静态公共函数。现在,我想实现搜索。我创建了函数和一个列出搜索结果的结果页面。
我的问题是,如果我点击搜索结果中的某个项目,它会显示itemDetails页面,该页面显示该项目and a listing of all items in db
的详细信息,因为这是itemDetails功能的实现方式。我宁愿点击将我带到一个页面,其中显示了项目and items which were results of the search query
的详细信息。我知道在上述实现中不可能,因为在两个请求之间不保留状态。
那么,我该怎么办呢?我无法清楚地思考这个问题。你可以解释一下吗?
代码就像
package controllers;
...
public class Application extends Controller {
...
public static void index() {
//all items
List<Item> items = Item.find("order by creationDate desc").fetch();
//the latest created item
Item item = items.get(0);
render(items,item);
}
public static void itemDetails(Long id) {
//selected item
Item item = Item.findById(id);
//all items
List<item> items = Item.find("order by creationDate desc").fetch();
render(items,item);
}
public static void search(String keyword) {
String kw = keyword.trim();
String pattern = "%"+kw+"%";
String query="select distinct item from Item item where item.name like :pattern";
List<Item> items = Item.find(query).bind("pattern", pattern).fetch();
render(items);
}
...
}
index.html页面是
#{extends 'main.html' /}
#{set title:'Home' /}
#{if item}
//show the details of item
#{/if}
#{if items.size()>0}
#{list items:items, as:'item'}
<a href="@{Application.itemDetails(item.id)}">${item.name}</a>
#{/list}
#{/if}
#{else}
There are currently no items
#{/else}
#{form @Application.search(keyword)}
<input type="text" name="keyword" id="keyword" size="18" value=""/>
<input type="submit" value="search"/>
#{/form}
itemDetails.html page:
类似于索引页面..目前我已经复制了索引页面的所有内容。
搜索页面:
#{extends 'main.html' /}
#{set title:'search results' /}
#{if items.size()>0}
#{list items:items, as:'item'}
<a href="@{Application.itemDetails(item.id)}">${item.name}</a>
#{/list}
#{/if}
#{else}
<div class="empty">
could not find items with matching name here.
</div>
#{/else}
答案 0 :(得分:1)
我看到了几种可能性。首先,您可以向控制器添加新的public static void itemSearchDetails(Long id, String keyword)
操作。然后添加一个新的itemSearchDetails.html页面。最后,将search.html页面中的链接更改为<a href="@{Application.itemSearchDetails(item.id)}">${item.name}</a>
这是我要采取的方法。修改itemDetails()方法以包含关键字参数。
public static void itemDetails(Long id, String keyword) {
//selected item
Item item = Item.findById(id);
List<item> items;
if (StringUtils.isNotBlank(keyword) ) {
String query="select distinct item from Item item where item.name like :pattern";
items = Item.find(query).bind("pattern", pattern).fetch();
} else {
items = Item.find("order by creationDate desc").fetch();
}
render(items,item);
}
然后更改HTML文件中的相应调用。