java收藏功能_【JavaWeb】112:收藏功能的实现

今天是刘小爱自学Java的第112天。

感谢你的观看,谢谢你。

话不多说,开始今天的学习:

99703ba8923df1843627ff86e974ee1a.png

收藏,一个很常见很重要的功能。

看到一篇文章,可以选择收藏。

看到一个商品,也可以选择收藏。

包括本次案例中的旅游路线也是一样的。

这也是一个被频繁使用的功能。

我写了一百多篇的文章,有一个重大发现就是:文章被收藏数,远远大于点赞和评论。

正所谓收藏从未停止,学习从未开始。

这是我某平台的后台截图:

2f1b28dea6b40895535977e568fc2ec9.png

我们今天要学的就是这个收藏功能的实现,当然我们项目不是文章,而是旅游线路的收藏。

一、业务分析

收藏有什么特点呢?

用户收藏之后,在他的收藏夹可以快速访问。

同一旅游路线,可以有多个用户收藏。

同一个用户,可以收藏多条旅游路线

它们之间的关系是多对多,所以在设计数据表时,会设计一个中间表来关联它们。

13a3056ad46ca7568d421b62a657ead9.png

这是可视化工具中的视图功能,这样一看的话,表与表之间的关系就很清楚了。

在中间表中,有另外两张表的主键,分别为uid和rid:

uid可以确定是哪个用户。

rid可以确定是哪条路线。

其中主要牵扯到两个功能:

1判断该路线是否能够被用户收藏

想要收藏旅游路线,肯定需要用户登录的。

如果用户没有登录,则无法收藏。

如果用户已经收藏了,也没法收藏。

2可以收藏的话完成收藏功能

收藏了之后,要将对应路线的count值加一。

同时还要将对应路线的count值查询出来,以便用户查看总收藏数。

二、判断是否已被收藏

1前端发送请求

87ee5591aed45c427bd07eacacb0a080.png

向后台发送请求判断是否能收藏,请求中的参数为rid。

2Web层

创建FavoriteServlet接受请求,在isFavorite方法中编写代码:

d65eb1403967cbddb7db7c83076e86ef.png

①接受请求

获取前端发送的请求数据rid。

②Service层

这里做了一个判断,判断用户是否登录:

如果用户没有登录,那么不可收藏。

如果用户已经登录了,那么再去数据库查询是否已经收藏了。

③响应数据

将数据转换成json数据,再响应数据。

3Service层

07529124c7889012a7323e23ccd52c2e.png

①调用dao层查询数据

要判断用户是否已经收藏了该路线,需要根据rid和uid这两个参数去查询tab_favorite表。

查询数据一般是一条数据,但稳妥起见这里返回值还是用一个集合接受。

毕竟就算只有一条数据也可以放入集合中。

②查询结果判断

如果能查询到数据,则表示已经收藏了,所以返回false,反之则为true。

4dao层

cbe8e48bd61fee576e8441660d313749.png

使用jdbcTemplate的query方法查询数据,结果为一个集合,将其返回即可。

5前端渲染

前端接受服务器响应的数据之后,根据返回值判断是否将相应的按钮隐藏:

c9b97dd4592e8827fa8df2c3024e2888.png

如果返回的值为true,表示已经被收藏了,所以不可收藏了,将点击收藏这个按钮隐藏。

如果返回值为false,则相反。

上述都是使用的id选择器来定位标签。

三、添加收藏业务

添加收藏的功能实现和上述的是差不多的,但逻辑稍许复杂。

1前端发送请求

d604b2283f14f1ca37ec8b5bb60f3168.png

在“点击收藏”处将点击事件和该函数绑定。

用户点击收藏,就会向服务器发送请求,其中请求参数为rid。

2web层

接受前端请求,并在addFavorite()方法中编写代码:

5c332fd5a152d8f24c10cd0b6489ba8e.png

①用户未登录

则不可添加收藏,将数据封装到map中。

②用户已登录:添加收藏数据

调用favoriteService来操作。

③用户已登录:更新收藏记录数

调用routeService来操作。

添加收藏只是针对tab_favorite这张表,除此之外我们还得查询添加收藏后的总收藏数。

所以需要根据rid查询tab_route这张表中的数据,得到route对象。

再调用route的属性count即可得到总收藏数,其对应Service层Dao层代码如下:

37bbc43eb405b0c213d8fb7f347c7e7d.png

注意:这里是Route中的代码编写。

既然是根据id查询,肯定是一个route对象,故使用queryForObject()方法。

3Service层

这里是Favorite的service层。

4c1d4e2a16656d4269b148f4e546144a.png

①添加收藏数据

通过favoriteDao层对tab_favorite这张表进行增加收藏数据的操作。

②更新收藏记录数

将tab_route表中对应数据的count增加一,又是调用了routeDao的方法。

调用jdbcTemplate的update方法完成对对应数据的字段count增一。

③返回数据

这两者必须同时成功,否则就算失败,也就是返回值都不为0才行。

4dao层

d89b4944a78076cfff40f789f163c52b.png

向tab_favorite表中添加收藏数据,共三个字段:

rid:对应收藏的是哪条路线。

uid:对应哪个用户收藏了该路线。

date:用户收藏时的时间。

5前端渲染

3b708f5a63df29213625cd50cea8e4b6.png

①收藏成功

将已经收藏次数更新后显示。

②收藏失败

跳转登录页面,提示用户完成登录。

最后

谢谢你的观看。

如果可以的话,麻烦帮忙点个赞,谢谢你。

  • 8
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值