APP中缓存、加载与刷新机制设计【转载】

APP中缓存、加载与刷新机制设计【转载】,第1张

1、为什么要加缓存
场景一:等待,在向服务器请求新的数据时。我们让用户看到什么?第一种是漂亮的等待加载页面;第二种是缓存的内容。对于第二种,用户可以对页面进行 *** 作,等待新数据时可以查看旧数据,更具有“可 *** 作性”与“可用性”,从而减轻了从服务器获取数据这一动作的大小和时间长短,增强了用户体验。另一方面,如果内容更新的间隔较长或者用户刷新的间隔较短,在没有缓存的情况下,很多数据我们会多次重复的向服务器获取,增加了成本。

场景二:结果没有联网,或者在地铁上网络太差无法加载数据时,如果留给用户一个空白页面,实在是感觉有点不负责任啊。并且很多功能在没有联网的情况下也有使用的可能性,比如:APP中的通讯录,查看一些聊天记录,通知信息,文章列表等。因为用户打开APP不一定是要看新信息,说不定是回顾老信息(或许老信息里也有用户之前没看的),所以恰当的缓存可以满足更多的用户场景。

场景三:金钱有一天,一个用户发现自己装了某个APP后流量用的特别快,Ta可能永远将这个APP打入冷宫了,而增加缓存正是节省流量的一个方法。虽然节省的不多或者用户也察觉不到,但是作为一个有态度的产品经理,应该多做一些思考。

2、什么是缓存?
缓存可分为如下几类:

(1)app缓存。

(2)固定缓存。

(3)可手动清理的缓存。

(4)不可手动清理的缓存。

(5)临时缓存。
其中,临时缓存常用于一个功能页面内,保存各栏目的缓存。同一个功能里会把子功能分为多个栏目进行划分,每个标签栏目下的内容在本次使用中都可保存为临时缓存,在该功能里切换栏目,不需要重新加载数据,使用缓存显示。
对于用户来说,使用时达到了无缝切换浏览,对于服务器来说,在短时间内数据很少会有更新,所以在一般情况下能满足用户的正常需求,并达到体验优秀。

临时缓存的清理机制是:退出该功能模块就清除之前的缓存。也就是说下次进入该功能模块,需要重新获取一次数据。

很多时候我们都会用到临时缓存,因为那些信息真的不是那么重要,而且不需要经常反复查看,那对于那些我们经常使用而且经常需要反复查看的信息,马海祥建议采取固定缓存,保存在本地,方便下次翻阅时不需要再一次向服务器请求数据了。

对于固定缓存又会细分为可手动清理的缓存和不可手动清理的缓存。

第一种是我们最常见的缓存,几乎所有产品都采用这种缓存方式。平时用户浏览文章、图集加载的数据就以这种形式缓存在本地,下次看回这篇文章、图集时就不需要加载了。用户也可以手动把这些缓存清理了,释放空间。

而对于某些特殊场景,例如一些相对固定的数据,我们不愿意一开始就打包进App里,这样会占太大容量,造成产品包很大,也不愿意每次进入页面都向服务器加载这些信息,那怎么办?建议的解决方法就是我们可以只加载一次就永远存在本地了,这样安装包也不会大,以后也不用加载了。

3、如何清理缓存?
一般App都会在“设置”里提供一个清理缓存的功能,一键把空间释放。除此之外,App最好要设计自动清理机制,可以通过两个维度来设计这个机制。

(1)、时间

通过设定一个固定的时间,或者根据用户使用周期灵活设定时间来清理缓存。每个产品的场景不一,用户使用频率不一,设定这个机制的时候就需要结合实际情况考虑了。

(2)、容量

一般是设定一个容量上限,采用堆栈的设计原理进行缓存清理,溢出堆栈的旧数据将自动清除。
1、页面加载
方案1:单页面整体加载

这种加载比较简单,一般运用在页面内容比较单一的情况下,所以直接一次性加载完所有数据后再显示内容。其单页面加载失败的状态相对来说也比较好处理。

方案2:单页面分块加载

这种方案的特点是,能让用户逐步看到内容,在这个渐进的过程中降低用户的焦虑心理。

其中又可以分为,模块间有关联性的,先加载父内容,再加载子内容。如优酷,先把栏目加载出来,再加载各栏目的内容。

模块间没有绝对关联性的,可独自加载各自模块内容,根据请求的速度不同分别显示。这样处理有一定几率让用户在没完全刷出数据的情况下就能找到自己需要的功能,如大众点评、淘宝客户端等。

框架固定,内容更新的,可先把框架显示出来,再把各模块的数据各自加载显示,如各种iOS自带应用。

这种分模块加载的需要特别注意加载失败的状态,毕竟每个模块都提示加载失败,点击重试是很挫的一件事,可以根据信息的优先级来决定哪些数据失败了采用默认状态,哪些数据采用失败提示。

方案3:跨页面加载

父页面&子页面 or 同一app内,页面间字段可以复用的,在加载子页面时不需要重新加载新数据。

方案4:预加载

这种加载方式的特点是,在加载一个页面内容的同时,预测用户的下一步行为,并为他下一步需要使用的页面加载内容,使得他在下一步的 *** 作中能立刻获取信息而不需要加载等待。

预加载提供给用户无缝的产品使用体验,使得用户在使用产品的过程中更直接流畅,没有被打断的感觉。

具体的例子有:

在浏览图集的时候,当看到第一张的时,就自动后台加载第二第三第四张,用户浏览完第一张切换到第二张时就不会有加载等待的过程。

在浏览新闻列表时,就把每篇新闻的内容在后台进行预加载,用户选择看某篇新闻时,能立刻阅读到内容。

但是这种方案也需要面临很多的问题,马海祥觉得最直接的就是流量问题,因为会自动跑掉很多用户可能根本用不上的数据流量,所以,一般情况下马海祥建议可以设定在wifi环境才采用这种加载模式。又或者设定加载规则,只把主要内容预加载,而部分次要内容可以在用户真的用到的时候才加载,例如预加载新闻正文的情况,可以只加载文本信息,信息等到用户进入内页才加载。这种预加载与分块加载结合的方式也普遍运用在各个场景。

另外,预加载也需要时间的,他只是不在客户端显示给用户,默默在后台运作而已,需要特殊考虑未加载完用户就使用到那些信息的情况,所以在做预加载设计时需要同时考虑另一种适合该情况的普通加载方式。

预加载需要根据具体的场景来进行设计,设定好信息优先级,综合考虑各种类型信息的具体大小流量,整体考虑预加载的方式,这些都是需要经过精心分析思考的。

随着网络环境的发展,预加载将成为以后产品普遍的加载方式,他提供给用户的无缝使用体验地提升了产品的可用性。

2、 *** 作加载
除了页面的信息需要加载,页面内的 *** 作也是需要通过给服务器发送请求记录的。

方案1:加载层

进行一个 *** 作后,d出模态的提示层,告知用户正在加载。采用模态的提示主要是防止用户在该过程中进行其他 *** 作,导致当前加载出错。由于采用模态的提示,并且有可能因为网络原因导致长时间处于加载状态,建议提供一个“关闭”的 *** 作,中止本次加载,恢复App可用状态。加载失败时可在当前浮层变换为失败提示。模态提示层是最稳妥的方式,但他会使用户在使用过程中有打断的感觉。

方案2:控件自身加载状态

这种方式是把 *** 作加载的状态与控件的样式结合起来了,对某个控件进行 *** 作后,控件变换为加载状态,此时控件不能重复 *** 作。由于这种加载方式是控件的自身状态,不影响其他 *** 作,所以用户也可以对页面进行其他 *** 作,可能会导致同时有多个请求的情况,增加了加载失败的风险,这也算是这种方式的弊端,不过这种极端情况很少出现。请求失败后,可配合Toast提示告知用户失败的原因。

方案3:后台加载

用户在 *** 作后,客户端立刻反馈 *** 作成功,然后把请求放到后台与服务器交互,这一过程用户不需要了解,不需要等待,在正常情况验是非常棒的。

但是在极端情况下会出现一些莫名其妙的状况,由于是后台记录请求并与服务器交互,所以实际请求是否成功客户端是不说明的,全部以 *** 作成功来显示,这就会导致用户误以为 *** 作成功了,但实际上下次来看发现没有成功。

所以,这种加载方式是需要根据具体使用场景来权衡使用的,对于一些重要的 *** 作,建议还是使用模态的方式加载,对于一些小 *** 作,如点赞、订阅、关注,可采用后台加载的方式。

3、下一页加载还是当前也加载
用户进入首页,正式迈出体验的第一步,接下来迎接的就是基于用户目标的界面间跳转。完成界面的跳转,会有各种加载策略,但无论形式如何,我们都可以将其归为两大类:“下一页加载”、“当前页加载”。

(1)“下一页加载”满足了用户提前窥视的需求

我们把页面看成“点”,页面流是连接这些点的“线”,我们以“用户想买一条牛仔裤”这一场景作为案例做了简单的眼动研究,从应用启动到商品浏览再到商品确定最后进入下单页,用户所呈现的瞳孔梯次增大,即E>D>C>B>A,为了解释这一现象,通过与被试交流,我们发现相比于各种浏览,用户更期待看到他们想看到的东西。因此此时的”下一页加载“正好,满足了用户提前窥视的需求。

(2) Wait!I Need Think Think
我们以同样的方式又对“使用支付宝对手机充值”这一场景做了研究,从开始支付到二次确认支付,用户所呈现的瞳孔都比较大,即A与B近似相等,通过访谈,我们发现与“递增体验流”不同的是,当用户遇到判断逻辑的界面时,用户并非急于想看下一页面到底包含怎样的内容,而是非0即1的验证心态,即我的 *** 作效成功了吗?因此在判断逻辑界面中,用户的内容窥视需求并不强,当然也没什么内容,要么仅是一个小小的Toast,再大一点就是一个简单的信息反馈界面(意味着“下一页加载”在这里就是个鸡肋),用户反而对非0即1的验证需求较为强烈,其中还伴随着等待结果过程中的紧张感、激动感,因此界面通过 当前页加载 表明系统正在努力地处理用户交代的指令了用户的紧张感、激动感,直到结果显现——“处理成功”,完成了非0即1验证的满足感。
4、先加载还是先展示
当需加载的是功能时,可以先展示再加载,当需加载的是内容时,则反过来。

淘宝

打开APP的第一个页面是功能,所以先展示再加载的:
随便点击一个模块(不要点菜单),下面要展示的将要是内容(商品),所以是先加载再展示的,没有加载完都不展示:
京东
同样的,功能模块先展示后加载:
内容先加载,没加载完不展示:
两种方式各有利弊:
先展示,后加载:

优点:给用户0等待的错觉

缺点:当前数据有可能是错的,而且得等用户 *** 作到最后一步才会发现

先加载,后展示:

优点:保证数据的质量和准确

缺点:网络不好时,造成等待

显然,功能模块对于一个产品来说是既有固定的,在短时间内几乎不会更新,所以这种数据出现错误或与当前状态不同的几率小得多,因此,可以使用先展示后加载的方式。

另一方面,内容(特别是商品数据)是最容易产生变动的,为了保证每一个消费者看到的数据都是最真实,最准确的,所以务必要先加载再展示。
1、空白页面刷新失败有提示
现在的应用都标榜以内容为中心,所以都会极力避免空白页面的出现。对于大部分的应用,最好的方法就是使用缓存,进入页面之后,先显示之前的缓存,然后再进行内容的刷新。其次,消灭空白页面的第二种方法就是提供系统推荐项进行替代。但是对于一些页面,页面内容跟用户的使用状态关系密切,无法避免会出现空白页面,这时候会使用一些引导类的提示,使得页面变得更加丰富,同时可以促进用户产生内容。

但是一些资讯类应用,比如读读日报,打开默认是空白页面,然后再加载内容(我不是很明白这种设定)。其他一些应用,比如:豆瓣一刻和MONO,每天第一次进入应用的时候也会出现空白页面。我猜想第二类应用的展示方式的原因是这样的。他们的内容都是严格以天为单位的,每天固定时段精选内容。他们会希望你每天只看并且看完当天的东西,所以一旦到了第二天,昨天的内容就是累赘了。所以每天第一次进入应用的时候会出现空白页面,象征着每天都是从新开始。此时就会对应一个“空白刷新”逻辑。

空白刷新对应的场景是这样子的:用户想要刷新出内容,并且用户知道这里可以刷出新内容,但是没有刷新成功,这时候需要给用户一个交待。所以需要提示用户。同时,提示完用户之后需要给用户一个解决方法,这就是“点击后重试”。

2、缓存页面刷新失败无提示
常见的应用比如知乎、网易新闻、好奇心日报、微信朋友圈等,这些应用都会采用缓存的形式,打开之后显示的是缓存内容,然后系统会给服务器发送请求,如果有内容更新的话就会自动更新一次内容,更新之后的内容直接覆盖当前的内容。更新失败之后是没有提示的。但是有一些应用,比如有道词典、企鹅FM、网易云音乐等,他们更新失败之后是有提示的。

我觉得这两种应用的区分点在于

应用的使用频率;

内容的时间连续性;

界面之间的关系紧密度。

比如说网易新闻,作为一个打发时间的工具,每天使用频率就会比较高,所以用户进来之后是想看看有没有更新。其次,网易新闻的内容是连续不断更新的,所以用户会知道当前显示的内容是我看看过并且处理过的。最后,新闻列表页面显示的是摘要,用户可以通过摘要快速进行判断是否要进入详情页,摘要有助于帮助用户回忆上一次的使用场景。

所以这就对应着一个这样的场景:用户只是想看看有没有更新,所以他们已经做好了“没有新内容”的心理预期,所以即使是更新不了内容,用户也不会想太多。反倒是,如果进行了错误提示,用户可能会有一种挫败感。因为他知道现在有内容,只是因为网络的原因而没有更新,他要进行的任务受到了外界因素的阻碍,由此产生一种细微的挫败感。

3、缓存页面刷新失败有提示
另一类应用,使用频率没那么高,或者内容不具备时间连续性的,又或者说当前界面无法唤起用户上一次的使用场景。那么就有必要进行率先你失败提示了。

比如说企鹅FM,音频类的应用注定使用不会那么频繁,因为通过视觉接收的信息会比通过听觉接收的信息更快更多,同时音频类对环境的要求较高(比如用耳机时要求环境不那么嘈杂,外放时要求在私人场所)。其次,此类应用都是实时推荐的,不存在时间连续性的问题,用户无法通过时间来判断内容是否被阅读过。再者,标题也无法帮你快速做出判断,你还是要进去听过才知道内容是什么。最后如果不提醒,用户进入到详情页再收到提醒,就会觉得应用浪费了用户的时间。所以,对于此类内容,刷新失败是有必要进行提醒的。

redis是一个key-value存储系统。和Memcached类似,它支持存储的value类型相对更多,包括string(字符串)、list(链表)、set(集合)、zset(sorted set --有序集合)和hash(哈希类型)。这些数据类型都支持push/pop、add/remove及取交集并集和差集及更丰富的 *** 作,而且这些 *** 作都是原子性的。在此基础上,redis支持各种不同方式的排序。与memcached一样,为了保证效率,数据都是缓存在内存中。区别的是redis会周期性的把更新的数据写入磁盘或者把修改 *** 作写入追加的记录文件,并且在此基础上实现了master-slave(主从)同步。

1 使用Redis有哪些好处?

(1) 速度快,因为数据存在内存中,类似于HashMap,HashMap的优势就是查找和 *** 作的时间复杂度都是O(1)

(2) 支持丰富数据类型,支持string,list,set,sorted set,hash

(3) 支持事务, *** 作都是原子性,所谓的原子性就是对数据的更改要么全部执行,要么全部不执行

(4) 丰富的特性:可用于缓存,消息,按key设置过期时间,过期后将会自动删除

2 redis相比memcached有哪些优势?

(1) memcached所有的值均是简单的字符串,redis作为其替代者,支持更为丰富的数据类型

(2) redis的速度比memcached快很多

(3) redis可以持久化其数据

3 redis常见性能问题和解决方案:

(1) Master最好不要做任何持久化工作,如RDB内存快照和AOF日志文件

(2) 如果数据比较重要,某个Slave开启AOF备份数据,策略设置为每秒同步一次

(3) 为了主从复制的速度和连接的稳定性,Master和Slave最好在同一个局域网内

(4) 尽量避免在压力很大的主库上增加从库

(5) 主从复制不要用图状结构,用单向链表结构更为稳定,即:Master <- Slave1 <- Slave2 <- Slave3

这样的结构方便解决单点故障问题,实现Slave对Master的替换。如果Master挂了,可以立刻启用Slave1做Master,其他不变。

4 MySQL里有2000w数据,redis中只存20w的数据,如何保证redis中的数据都是热点数据

相关知识:redis 内存数据集大小上升到一定大小的时候,就会施行数据淘汰策略。redis 提供 6种数据淘汰策略:

voltile-lru:从已设置过期时间的数据集(serverdb[i]expires)中挑选最近最少使用的数据淘汰

volatile-ttl:从已设置过期时间的数据集(serverdb[i]expires)中挑选将要过期的数据淘汰

volatile-random:从已设置过期时间的数据集(serverdb[i]expires)中任意选择数据淘汰

allkeys-lru:从数据集(serverdb[i]dict)中挑选最近最少使用的数据淘汰

allkeys-random:从数据集(serverdb[i]dict)中任意选择数据淘汰

no-enviction(驱逐):禁止驱逐数据

:《Python视频教程》

5 Memcache与Redis的区别都有哪些?

1)、存储方式

Memecache把数据全部存在内存之中,断电后会挂掉,数据不能超过内存大小。

Redis有部份存在硬盘上,这样能保证数据的持久性。

2)、数据支持类型

Memcache对数据类型支持相对简单。

Redis有复杂的数据类型。

3),value大小

redis最大可以达到1GB,而memcache只有1MB

6 Redis 常见的性能问题都有哪些?如何解决?

1)Master写内存快照,save命令调度rdbSave函数,会阻塞主线程的工作,当快照比较大时对性能影响是非常大的,会间断性暂停服务,所以Master最好不要写内存快照。

2)Master AOF持久化,如果不重写AOF文件,这个持久化方式对性能的影响是最小的,但是AOF文件会不断增大,AOF文件过大会影响Master重启的恢复速度。Master最好不要做任何持久化工作,包括内存快照和AOF日志文件,特别是不要启用内存快照做持久化,如果数据比较关键,某个Slave开启AOF备份数据,策略为每秒同步一次。

3)Master调用BGREWRITEAOF重写AOF文件,AOF在重写的时候会占大量的CPU和内存资源,导致服务load过高,出现短暂服务暂停现象。

4) Redis主从复制的性能问题,为了主从复制的速度和连接的稳定性,Slave和Master最好在同一个局域网内

7 redis 最适合的场景

Redis最适合所有数据in-momory的场景,虽然Redis也提供持久化功能,但实际更多的是一个disk-backed的功能,跟传统意义上的持久化有比较大的差别,那么可能大家就会有疑问,似乎Redis更像一个加强版的Memcached,那么何时使用Memcached,何时使用Redis呢

如果简单地比较Redis与Memcached的区别,大多数都会得到以下观点:

1Redis不仅仅支持简单的k/v类型的数据,同时还提供list,set,zset,hash等数据结构的存储。

2Redis支持数据的备份,即master-slave模式的数据备份。

3Redis支持数据的持久化,可以将内存中的数据保持在磁盘中,重启的时候可以再次加载进行使用。

(1)会话缓存(Session Cache)

最常用的一种使用Redis的情景是会话缓存(session cache)。用Redis缓存会话比其他存储(如Memcached)的优势在于:Redis提供持久化。当维护一个不是严格要求一致性的缓存时,如果用户的购物车信息全部丢失,大部分人都会不高兴的,现在,他们还会这样吗?

幸运的是,随着 Redis 这些年的改进,很容易找到怎么恰当的使用Redis来缓存会话的文档。甚至广为人知的商业平台Magento也提供Redis的插件。

(2)全页缓存(FPC)

除基本的会话token之外,Redis还提供很简便的FPC平台。回到一致性问题,即使重启了Redis实例,因为有磁盘的持久化,用户也不会看到页面加载速度的下降,这是一个极大改进,类似PHP本地FPC。

再次以Magento为例,Magento提供一个插件来使用Redis作为全页缓存后端。

此外,对WordPress的用户来说,Pantheon有一个非常好的插件  wp-redis,这个插件能帮助你以最快速度加载你曾浏览过的页面。

(3)队列

Reids在内存存储引擎领域的一大优点是提供 list 和 set *** 作,这使得Redis能作为一个很好的消息队列平台来使用。Redis作为队列使用的 *** 作,就类似于本地程序语言(如Python)对 list 的 push/pop *** 作。

如果你快速的在Google中搜索“Redis queues”,你马上就能找到大量的开源项目,这些项目的目的就是利用Redis创建非常好的后端工具,以满足各种队列需求。例如,Celery有一个后台就是使用Redis作为broker,你可以从这里去查看。

(4)排行榜/计数器

Redis在内存中对数字进行递增或递减的 *** 作实现的非常好。集合(Set)和有序集合(Sorted Set)也使得我们在执行这些 *** 作的时候变的非常简单,Redis只是正好提供了这两种数据结构。所以,我们要从排序集合中获取到排名最靠前的10个用户–我们称之为“user_scores”,我们只需要像下面一样执行即可:

当然,这是假定你是根据你用户的分数做递增的排序。如果你想返回用户及用户的分数,你需要这样执行:

ZRANGE user_scores 0 10 WITHSCORES

Agora Games就是一个很好的例子,用Ruby实现的,它的排行榜就是使用Redis来存储数据的,你可以在这里看到。

(5)发布/订阅

最后(但肯定不是最不重要的)是Redis的发布/订阅功能。发布/订阅的使用场景确实非常多。我已看见人们在社交网络连接中使用,还可作为基于发布/订阅的脚本触发器,甚至用Redis的发布/订阅功能来建立聊天系统!(不,这是真的,你可以去核实)。

redis是内存数据库,访问速度非常快,所以能够解决的也都是这些缓存类型的问题,如下:
1、会话缓存(Session
Cache)
最常用的一种使用Redis的情景是会话缓存(session
cache)。用Redis缓存会话比其他存储(如Memcached)的优势在于:Redis提供持久化。当维护一个不是严格要求一致性的缓存时,如果用户的购物车信息全部丢失,大部分人都会不高兴的,现在,他们还会这样吗?
幸运的是,随着
Redis
这些年的改进,很容易找到怎么恰当的使用Redis来缓存会话的文档。甚至广为人知的商业平台Magento也提供Redis的插件。
2、全页缓存(FPC)
除基本的会话token之外,Redis还提供很简便的FPC平台。回到一致性问题,即使重启了Redis实例,因为有磁盘的持久化,用户也不会看到页面加载速度的下降,这是一个极大改进,类似PHP本地FPC。
再次以Magento为例,Magento提供一个插件来使用Redis作为全页缓存后端。
此外,对WordPress的用户来说,Pantheon有一个非常好的插件
wp-redis,这个插件能帮助你以最快速度加载你曾浏览过的页面。
3、队列
Reids在内存存储引擎领域的一大优点是提供
list

set
*** 作,这使得Redis能作为一个很好的消息队列平台来使用。Redis作为队列使用的 *** 作,就类似于本地程序语言(如Python)对
list

push/pop
*** 作。
如果你快速的在Google中搜索“Redis
queues”,你马上就能找到大量的开源项目,这些项目的目的就是利用Redis创建非常好的后端工具,以满足各种队列需求。例如,Celery有一个后台就是使用Redis作为broker,你可以从这里去查看。
排行榜/计数器
Redis在内存中对数字进行递增或递减的 *** 作实现的非常好。集合(Set)和有序集合(Sorted
Set)也使得我们在执行这些 *** 作的时候变的非常简单,Redis只是正好提供了这两种数据结构。所以,我们要从排序集合中获取到排名最靠前的10个用户–我们称之为“user_scores”,我们只需要像下面一样执行即可:
当然,这是假定你是根据你用户的分数做递增的排序。如果你想返回用户及用户的分数,你需要这样执行:
ZRANGE
user_scores
0
10
WITHSCORES
Agora
Games就是一个很好的例子,用Ruby实现的,它的排行榜就是使用Redis来存储数据的,你可以在这里看到。
5、发布/订阅
最后(但肯定不是最不重要的)是Redis的发布/订阅功能。发布/订阅的使用场景确实非常多。我已看见人们在社交网络连接中使用,还可作为基于发布/订阅的脚本触发器,甚至用Redis的发布/订阅功能来建立聊天系统!(不,这是真的,你可以去核实)。
Redis提供的所有特性中,我感觉这个是喜欢的人最少的一个,虽然它为用户提供如果此多功能。
等等?


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/yw/13381958.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-25
下一篇 2023-07-25

发表评论

登录后才能评论

评论列表(0条)

保存