微信 php收藏功能实现,关于微信小程序收藏功能的实现

这篇文章主要介绍了微信小程序收藏功能的实现代码,基本功能是点击收藏后显示已收藏，在另一个页面出现目前点击收藏的项目。需要的朋友可以参考下

需求

点击收藏后显示已收藏，在另一个页面出现目前点击收藏的项目

需要解决的问题

点击收藏后需要显示已收藏，并且文字状态改变

另一个页面如何知道你点击了收藏，并且获得你点击收藏的数据

如何解决？

数据状态绑定，并且由状态控制样式(三元运算符)

缓存(setStorageSync,getStorageSync),点击页面设置缓存(数据的id)，显示页面获取缓存，通过获得缓存id，将整个数据中的获得的id那一项，取出，放入新的数组

具体实现

wxml

点击页面js

Page({

data: {

job: [],

jobList: [],

id: '',

isClick: false,

jobStorage: [],

jobId: ''

haveSave(e) {

if (!this.data.isClick == true) {

let jobData = this.data.jobStorage;

jobData.push({

jobid: jobData.length,

id: this.data.job.id

})

wx.setStorageSync('jobData', jobData);//设置缓存

wx.showToast({

title: '已收藏',

});

} else {

wx.showToast({

title: '已取消收藏',

});

}

this.setData({

isClick: !this.data.isClick

})

}

})

显示页面js

import jobList from '../../api/detail'

Page({

data: {

id:'',

job:[],

savejob:[],

onLoad: function (options) {

console.log(wx.getStorageSync('jobData'));

let savejob = wx.getStorageSync('jobData')//获得缓存

let index = savejob.length-1;

console.log(savejob[index].id);

let jobid = savejob[index].id

let temp= jobList[jobid] //将获得缓存后匹配的数据放入新的数组

let job= [];

job.push(temp);

this.setData({

id:index,

job: job,

})

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

微信 php收藏功能实现,关于微信小程序收藏功能的实现相关推荐

微信小程序基础功能解析
微信小程序是一个载体,开发者可在载体上发挥自己的创意,赋予它更多有趣且贴合企业的功能.许多企业在开发小程序时经常陷入困境,不知道自己要开发那些功能,要开发那些玩法,今天一起解析微信小程序开发过程中那些 ...
招投标小程序开发功能及源码
一般获取招投标信息的渠道主要有三种,一,来源于官方.正规的政府网站.公共资源交易中心等:二,能提供针对性的招投标信息平台:三是通过个人的人脉资源来获取项目信息.今天我们重点讲下招投标平台怎么运营的,招 ...
微信小程序 - 收藏集 - 掘金
微信小程序 silk 录音文件转 mp3 - 前端 - 掘金这几天做开发寻思给自己的小程序添加一个录音的功能觉得没啥难度以为调调接口就能好了,万万没想到万恶的微信小程序接口返回的录音音频格式竟然是s ...
微信小程序插件功能页开发详细流程
有问题可以扫码加我微信,有偿解决问题.承接小程序开发. 微信小程序开发交流qq群 173683895 . 526474645 : 正文: 关于新出的微信小程序插件功能页做一下记录,希望能帮到大 ...
微信小程序php后台支付,微信小程序支付功能实现PHP实例详解
微信小程序支付功能实现PHP实例详解前端代码: wx.request({ url: 'https://www.yourhost.com/weixin/WeiActivity/payJoinfee' ...
python个人微信支付接口_Python实现微信小程序支付功能
正文由于最近自己在做小程序的支付,就在这里简单介绍一下讲一下用python做小程序支付这个流程.当然在进行开发之前还是建议读一下具体的流程,清楚支付的过程. 1.支付交互流程 2.获取openid( ...
vc++6.0获取磁盘基本信息_微信小程序——常用功能2：微信小程序用户登录，申请用户授权并获取用户基本信息...
微信小程序--常用功能2:申请用户授权并获取用户基本信息为了更好的用户体验,很多时候我们想要获取用户的基本信息,从而实现将信息呈现到用户界面.给用户划分地域.给用户分类等功能. 但是要想获取用户信息 ...
微信答题小程序开发功能概述
微信答题小程序仿头脑王者源码是一款专业性的答题小程序,(软著登记号:4078210号)主要功能有:每日签到.排位赛.好友PK.每日答题.大奖赛,群比赛3V3 5V5以及道具商店等.完整题型库.100多 ...
最详细的【微信小程序+阿里云Web服务】开发部署指引（十一）：开发小程序设置功能
文章目录前言一.功能说明二.设置界面代码实现 1.创建界面Page 2.WXML 3.JS 4.WXSS 三.参数控制逻辑代码实现 1.自动跳转卡片 2.自动播放声音专题文章链接前言案例的 ...

微信 php收藏功能实现,关于微信小程序收藏功能的实现

微信 php收藏功能实现,关于微信小程序收藏功能的实现相关推荐

最新文章

热门文章