JS&PHP&mysql/不用cookie实现用户收藏功能的小demo

最新推荐文章于 2024-06-20 19:08:36 发布

coder_vader

最新推荐文章于 2024-06-20 19:08:36 发布

阅读量2.9k

点赞数 3

分类专栏： javascript 文章标签： javascript mysql php html

本文链接：https://blog.csdn.net/coder_vader/article/details/78823797

版权

这是一个简单的JS、PHP和MySQL结合的收藏功能示例，旨在实现用户收藏文章时，数据持久存储在数据库中，即使清除cookie也能保留收藏状态。当用户点击收藏按钮，按钮将切换到已收藏状态，且页面会即时更新收藏列表。关闭页面后，再次访问，仍能显示用户的收藏记录。重点在于后端PHP处理收藏请求和从数据库获取用户收藏信息的逻辑。

摘要由CSDN通过智能技术生成

//购物车vs店铺收藏

回想一下在逛淘宝的时候，我们经常会用到购物车，添加/删除/清空/支付什么的~再回忆一下淘宝的另一项功能：收藏店铺，大家看到喜欢的店铺就会去点击“收藏”，这个操作也是想必大家也是很熟悉了吧！我想问问大家，“购物车”与“收藏店铺”究竟有什么需求上的不同？嗯，对于购物车而言，如果我退出登录清除cookie，那里面的东西基本就烟消云散了，基于cookie的数据都是这样的，谁让没有写进数据库呢；而对于店铺收藏功能而言，我们更希望退出登录清除cookie之后再登陆，那些个收藏的店铺还是在的，也就是说可以与cookie毫无关联，在收藏的一刹那就统统被塞进了数据库里。今天向大家展示一个自己的写的超超超超超简易小demo，jq+php+mysql，没有任何样式，重在思路，看官们轻拍~

//需求分析

每个文章标题都有个收藏按钮，我点了收藏就把按钮改为已收藏，如果再点就弹框“您已收藏”，同时下面列表会即时添加我收藏的文章标题。本demo的重点是存储功能，我关闭页面后无论多久再次访问这个页面，都会保存并显示我所收藏的文章以及按钮的状态

//图示

注：本demo用的是xampp自带的apache和mysql。

网页部分：