关键字搜索功能+分页

 

图片
form表单的action地址一定要与controller中对应方法的value地址相同
如:
@RequestMapping(value = "xxx",method = RequestMethod.POST) 

图片
控制器中要注意:参数 String keywords;对应的是form表单中的 'name="keywords" '如果 表单中name值改变,控制器参数
也要随之改变,否则找不到值。
上图
(1)、创建Article对象 
(2)、将从form表单获取的keywords(关键字字段)set至 Article对象中。
(3)、调用articleService的findList方法 查询到所有值并存放在li中

图片 
上图为JSP中的展示页面。
items的值与图2中model值对应
以上所有步骤可以实现点击搜索展示所有带有搜索关键字的文章

以下重构
图片
用model将需要的值带回到JSP页面(后面会用到)

图片 
之前展示的是所有的值,重构之后每页最多展示10个
 
图片 注意location的跳转地址;为了适应中文关键字搜索 在后面加了段代码 encodeURI(~~~~~)
并且要增加一个GET方法(我也不知道为啥)
图片 

最终结果大概就只这个吊样
图片 

 

posted @ 2017-10-27 15:35  Angular2  阅读(1337)  评论(0编辑  收藏  举报