### [小程序写入缓存和读取缓存如何实现](https://www.prosaas.cn/article/16433)

**Published:** 2021-03-16T01:52:16

**Author:** 5201314

**Excerpt:** 目的：点击下图中的按钮，更换期刊内容。当期刊更换到第一期的时候，更换下一期的按钮会变成禁用，当期刊是最新一期的…

![](https://img.php.cn/upload/article/202103/16/2021031609284782684.jpg)

目的：

点击下图中的按钮，更换期刊内容。当期刊更换到第一期的时候，更换下一期的按钮会变成禁用，当期刊是最新一期的时候，更换上一期按钮会变成禁用。

![](https://img.php.cn/upload/image/495/634/894/1615858489108353.png)

实现思路：

1、首先判断是否是第一期

![](https://img.php.cn/upload/image/563/881/329/1615858504938057.png)

2、判断是否是最新一期

首先发现有获取最新一期的接口，文档中有最近一期的latestIndex。

点击左侧按钮后，index会变化，同时也会覆盖页面初始化时加载的lastIndex。此时需要把latestIndex另存入缓存后，index与lastestIndex比较，一直即为最新一期。否则就不是。

（学习视频分享：php视频教程）

步骤如下：

1、存入缓存

![](https://img.php.cn/upload/image/521/214/151/1615858517613796.png)

2、在回调函数中完成缓存的写入，传入最新期刊的index。

![](https://img.php.cn/upload/image/419/231/770/1615858528890800.png)

3、读取缓存

![](https://img.php.cn/upload/image/475/920/259/1615858538988225.png)

4、读取缓存的latestIndex与index比较

![](https://img.php.cn/upload/image/741/268/184/1615858549154214.png)

5、latest和first在页面的classic的data中定义了

![](https://img.php.cn/upload/image/374/436/282/1615858559816545.png)

在页面按钮的点击事件中更新latest和first。

![](https://img.php.cn/upload/image/877/302/505/1615858567730380.png)

相关推荐：小程序开发教程

以上就是小程序写入缓存和读取缓存如何实现的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---