项目实战7:模糊查找的具体实现

85 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第5天,点击查看活动详情 接下来完成的功能是查找功能,还是模糊查找,也就是只要输入了书名中的某一个字,该书也会呈现在搜索后的界面

功能构思

在搜索的输入框中,当输入了某些值后,点击查询之后,将输入框中的值作为数据传送到后台并进行相应的查询,在这之后,重新将页面进行渲染。

前端页面的实现

在前端中,我用到了ref定义输入框的值(也可以使用v-model),通过

var bookName = _this.$refs.bookName.value

即可拿到输入框的值,在post方法中的data为bookName,这时将bookName传给后台并进行查询将数据进行返回

dao层方法的编写

image.png 通过上述编码即可获取到模糊查询的结果 通过setString即可拿到返回的结果

image.png 在返回的结果中通过get相应的数据类型并且形参是数据库对应的名称即可拿到对应的数据,通过在实体类中定义的构造器并将每个参数进行填入,即可拿到一个新的book对象数组,该对象数组即为要模糊查询的对象数组。

controller层

image.png 注意喔,一定要加上第一行,这样才不会出现乱码问题。通过getByname拿到相应的对象数组,再将该对象数组转为json数据传给前端,这时候就可以完成相关功能的编写。

总结

感觉项目中要实现的功能与sql语句的用法息息相关,sql语句用的好,功能实现的会很6,在不使用mybatis等框架的情况下,我能更加理解底层的运用,对以后学习框架也更有优势,对于基础知识的把握也会更加牢固。在后续的开发中,我还会加入记录日志等功能,敬请期待吧。学习新知识的过程真愉快,背八股文刷题的日子真难熬。