Redis简介与基础使用教程

Redis1. 概念: redis是一款高性能的NOSQL系列的非关系型数据库 1.1.什么是NOSQL NoSQL(NoSQL = Not Only SQL),意即“不仅仅是SQL”,是一项全新的数据库理念,泛指非关系型的数据库。 随着互联网web2.0网站的兴起,传统的关系数据库在应付web2.0网站,特别是超大规模和高并发的SNS类型的web2.0纯动态网站已经显得力不从心,暴露了很多难以克服的问题,而非关系型的数据库则由于其本身的特点得到了非常迅速的发展。NoSQL数据库的产生就是为了解决大规模数据集合多重数据种类带来的挑战,尤其是大数据应用难题。 1.1.1. NOSQL和关系型数据库比较 优点: 1)成本:nosql数据库简单易部署,基本都是开源软件,不需要像使用oracle那样花费大量成本购买使用,相比关系型数据库价格便宜。 2)查询速度:nosql数据库将数据存储于缓存之中,关系型数据库将数据存储在硬盘中,自然查询速度远不及nosql数据库。 3)存储数据的格式:nosql的存储格式是key,value形式、文档形式、图片形式等等,所以可以存储基础类型以及对象或者是集合等各种格式,而数据库则只支持基础类型。 4)扩展性:关系型数据库有类似join这样的多表查询机制的限制导致扩展很艰难。 缺点: 1)维护的工具和资料有限,因为nosql是属于新的技术,不能和关系型数据库10几年的技术同日而语。 2)不提供对sql的支持,如果不支持sql这样的工业标准,将产生一定用户的学习和使用成本。 3)不提供关系型数据库对事务的处理。 1.1.2. 非关系型数据库的优势: 1)性能NOSQL是基于键值对的,可以想象成表中的主键和值的对应关系,而且不需要经过SQL层的解析,所以性能非常高。 2)可扩展性同样也是因为基于键值对,数据之间没有耦合性,所以非常容易水平扩展。 1.1.3. 关系型数据库的优势: 1)复杂查询可以用SQL语句方便的在一个表以及多个表之间做非常复杂的数据查询。 2)事务支持使得对于安全性能很高的数据访问要求得以实现。对于这两类数据库,对方的优势就是自己的弱势,反之亦然。 1.1.4. 总结 关系型数据库与NoSQL数据库并非对立而是互补的关系,即通常情况下使用关系型数据库,在适合使用NoSQL的时候使用NoSQL数据库, 让NoSQL数据库对关系型数据库的不足进行弥补。 一般会将数据存储在关系型数据库中,在nosql数据库中备份存储关系型数据库的数据 1.2.主流的NOSQL产品 • 键值(Key-Value)存储数据库 相关产品: Tokyo Cabinet/Tyrant、Redis、Voldemort、Berkeley DB 典型应用: 内容缓存,主要用于处理大量数据的高访问负载。 数据模型: 一系列键值对 优势: 快速查询 劣势: 存储的数据缺少结构化 • 列存储数据库 相关产品:Cassandra, HBase, Riak 典型应用:分布式的文件系统 数据模型:以列簇式存储,将同一列数据存在一起 优势:查找速度快,可扩展性强,更容易进行分布式扩展 劣势:功能相对局限 • 文档型数据库 相关产品:CouchDB、MongoDB 典型应用:Web应用(与Key-Value类似,Value是结构化的) 数据模型: 一系列键值对 优势:数据结构要求不严格 劣势: 查询性能不高,而且缺乏统一的查询语法 • 图形(Graph)数据库 相关数据库:Neo4J、InfoGrid、Infinite Graph 典型应用:社交网络 数据模型:图结构 优势:利用图结构相关算法。 劣势:需要对整个图做计算才能得出结果,不容易做分布式的集群方案。 1.3 什么是Redis Redis是用C语言开发的一个开源的高性能键值对(key-value)数据库,官方提供测试数据,50个并发执行100000个请求,读的速度是110000次/s,写的速度是81000次/s ,且Redis通过提供多种键值数据类型来适应不同场景下的存储需求,目前为止Redis支持的键值数据类型如下: 1) 字符串类型 string 2) 哈希类型 hash 3) 列表类型 list 4) 集合类型 set 5) 有序集合类型 sortedset 1.3.1 redis的应用场景 • 缓存(数据查询、短连接、新闻内容、商品内容等等) • 聊天室的在线好友列表 • 任务队列。(秒杀、抢购、12306等等) • 应用排行榜 • 网站访问统计 • 数据过期处理(可以精确到毫秒 • 分布式集群架构中的session分离2. 下载安装 1. 官网:https://redis.io 2. 中文网:http://www.redis.net.cn/ 3. 解压直接可以使用: * redis.windows.conf:配置文件 * redis-cli.exe:redis的客户端 * redis-server.exe:redis服务器端 4.连接命令:redis-cli.exe -h 127.0.0.1 -p 63793. 命令操作 1. redis的数据结构: * redis存储的是:key,value格式的数据,其中key都是字符串,value有5种不同的数据结构 * value的数据结构: 1) 字符串类型 string 2) 哈希类型 hash : map格式 3) 列表类型 list : linkedlist格式。支持重复元素 4) 集合类型 set : 不允许重复元素 5) 有序集合类型 sortedset:不允许重复元素,且元素有顺序 2. 字符串类型 string 1. 存储: set key value 127.0.0.1:6379> set username zhangsan OK 2. 获取: get key 127.0.0.1:6379> get username "zhangsan" 3. 删除: del key 127.0.0.1:6379> del age (integer) 1 3. 哈希类型 hash 1. 存储: hset key field value 127.0.0.1:6379> hset myhash username lisi (integer) 1 127.0.0.1:6379> hset myhash password 123 (integer) 1 2. 获取: * hget key field: 获取指定的field对应的值 127.0.0.1:6379> hget myhash username "lisi" * hgetall key:获取所有的field和value 127.0.0.1:6379> hgetall myhash 1) "username" 2) "lisi" 3) "password" 4) "123" 3. 删除: hdel key field 127.0.0.1:6379> hdel myhash username (integer) 1 4. 列表类型 list:可以添加一个元素到列表的头部(左边)或者尾部(右边) 1. 添加: 1. lpush key value: 将元素加入列表左表 2. rpush key value:将元素加入列表右边 127.0.0.1:6379> lpush myList a (integer) 1 127.0.0.1:6379> lpush myList b (integer) 2 127.0.0.1:6379> rpush myList c (integer) 3 2. 获取: * lrange key start end :范围获取 127.0.0.1:6379> lrange myList 0 -1 1) "b" 2) "a" 3) "c" 3. 删除: * lpop key: 删除列表最左边的元素,并将元素返回 * rpop key: 删除列表最右边的元素,并将元素返回 5. 集合类型 set : 不允许重复元素 1. 存储:sadd key value 127.0.0.1:6379> sadd myset a (integer) 1 127.0.0.1:6379> sadd myset a (integer) 0 2. 获取:smembers key:获取set集合中所有元素 127.0.0.1:6379> smembers myset 1) "a" 3. 删除:srem key value:删除set集合中的某个元素 127.0.0.1:6379> srem myset a (integer) 1 6. 有序集合类型 sortedset:不允许重复元素,且元素有顺序.每个元素都会关联一个double类型的分数。redis正是通过分数来为集合中的成员进行从小到大的排序。 1. 存储:zadd key score value 127.0.0.1:6379> zadd mysort 60 zhangsan (integer) 1 127.0.0.1:6379> zadd mysort 50 lisi (integer) 1 127.0.0.1:6379> zadd mysort 80 wangwu (integer) 1 2. 获取:zrange key start end [withscores] 127.0.0.1:6379> zrange mysort 0 -1 1) "lisi" 2) "zhangsan" 3) "wangwu" 127.0.0.1:6379> zrange mysort 0 -1 withscores 1) "zhangsan" 2) "60" 3) "wangwu" 4) "80" 5) "lisi" 6) "500" 3. 删除:zrem key value 127.0.0.1:6379> zrem mysort lisi (integer) 1 7. 通用命令 1. keys * : 查询所有的键 2. type key : 获取键对应的value的类型 3. del key:删除指定的key value4. 持久化 1. redis是一个内存数据库,当redis服务器重启,获取电脑重启,数据会丢失,我们可以将redis内存中的数据持久化保存到硬盘的文件中。 2. redis持久化机制: 1. RDB:默认方式,不需要进行配置,默认就使用这种机制 * 在一定的间隔时间中,检测key的变化情况,然后持久化数据 1. 编辑redis.windwos.conf文件 # after 900 sec (15 min) if at least 1 key changed save 900 1 # after 300 sec (5 min) if at least 10 keys changed save 300 10 # after 60 sec if at least 10000 keys changed save 60 10000 2. 重新启动redis服务器,并指定配置文件名称 D:\JavaWeb2018\day23_redis\资料\redis\windows-64\redis-2.8.9>redis-server.exe redis.windows.conf 2. AOF:日志记录的方式,可以记录每一条命令的操作。可以每一次命令操作后,持久化数据 1. 编辑redis.windwos.conf文件 appendonly no(关闭aof) --> appendonly yes (开启aof) # appendfsync always : 每一次操作都进行持久化 appendfsync everysec : 每隔一秒进行一次持久化 # appendfsync no : 不进行持久化5. Java客户端 Jedis * Jedis: 一款java操作redis数据库的工具. * 使用步骤: 1. 下载jedis的jar包 2. 使用 //1. 获取连接 Jedis jedis = new Jedis("localhost",6379); //2. 操作 jedis.set("username","zhangsan"); //3. 关闭连接 jedis.close();​ * Jedis操作各种redis中的数据结构 1) 字符串类型 string set get //1. 获取连接 Jedis jedis = new Jedis();//如果使用空参构造,默认值 "localhost",6379端口 //2. 操作 //存储 jedis.set("username","zhangsan"); //获取 String username = jedis.get("username"); System.out.println(username); //可以使用setex()方法存储可以指定过期时间的 key value jedis.setex("activecode",20,"hehe");//将activecode:hehe键值对存入redis,并且20秒后自动删除该键值对 //3. 关闭连接 jedis.close(); 2) 哈希类型 hash : map格式 hset hget hgetAll //1. 获取连接 Jedis jedis = new Jedis();//如果使用空参构造,默认值 "localhost",6379端口 //2. 操作 // 存储hash jedis.hset("user","name","lisi"); jedis.hset("user","age","23"); jedis.hset("user","gender","female"); // 获取hash String name = jedis.hget("user", "name"); System.out.println(name);​ // 获取hash的所有map中的数据 Map<String, String> user = jedis.hgetAll("user"); // keyset Set<String> keySet = user.keySet(); for (String key : keySet) { //获取value String value = user.get(key); System.out.println(key + ":" + value); } //3. 关闭连接 jedis.close(); 3) 列表类型 list : linkedlist格式。支持重复元素 lpush / rpush lpop / rpop lrange start end : 范围获取 //1. 获取连接 Jedis jedis = new Jedis();//如果使用空参构造,默认值 "localhost",6379端口 //2. 操作 // list 存储 jedis.lpush("mylist","a","b","c");//从左边存 jedis.rpush("mylist","a","b","c");//从右边存 // list 范围获取 List<String> mylist = jedis.lrange("mylist", 0, -1); System.out.println(mylist); // list 弹出 String element1 = jedis.lpop("mylist");//c System.out.println(element1); String element2 = jedis.rpop("mylist");//c System.out.println(element2); // list 范围获取 List<String> mylist2 = jedis.lrange("mylist", 0, -1); System.out.println(mylist2); //3. 关闭连接 jedis.close(); 4) 集合类型 set : 不允许重复元素 sadd smembers:获取所有元素 //1. 获取连接 Jedis jedis = new Jedis();//如果使用空参构造,默认值 "localhost",6379端口 //2. 操作​ // set 存储 jedis.sadd("myset","java","php","c++"); // set 获取 Set<String> myset = jedis.smembers("myset"); System.out.println(myset); //3. 关闭连接 jedis.close(); 5) 有序集合类型 sortedset:不允许重复元素,且元素有顺序 zadd zrange //1. 获取连接 Jedis jedis = new Jedis();//如果使用空参构造,默认值 "localhost",6379端口 //2. 操作 // sortedset 存储 jedis.zadd("mysortedset",3,"亚瑟"); jedis.zadd("mysortedset",30,"后裔"); jedis.zadd("mysortedset",55,"孙悟空"); // sortedset 获取 Set<String> mysortedset = jedis.zrange("mysortedset", 0, -1); System.out.println(mysortedset);​ //3. 关闭连接 jedis.close();​ * jedis连接池: JedisPool * 使用: 1. 创建JedisPool连接池对象 2. 调用方法 getResource()方法获取Jedis连接 //0.创建一个配置对象 JedisPoolConfig config = new JedisPoolConfig(); config.setMaxTotal(50); config.setMaxIdle(10); //1.创建Jedis连接池对象 JedisPool jedisPool = new JedisPool(config,"localhost",6379); //2.获取连接 Jedis jedis = jedisPool.getResource(); //3. 使用 jedis.set("hehe","heihei");​ //4. 关闭 归还到连接池中 jedis.close(); * 连接池工具类 public class JedisPoolUtils { private static JedisPool jedisPool; static{ //读取配置文件 InputStream is = JedisPoolUtils.class.getClassLoader().getResourceAsStream("jedis.properties"); //创建Properties对象 Properties pro = new Properties(); //关联文件 try { pro.load(is); } catch (IOException e) { e.printStackTrace(); } //获取数据,设置到JedisPoolConfig中 JedisPoolConfig config = new JedisPoolConfig(); config.setMaxTotal(Integer.parseInt(pro.getProperty("maxTotal"))); config.setMaxIdle(Integer.parseInt(pro.getProperty("maxIdle"))); //初始化JedisPool jedisPool = new JedisPool(config,pro.getProperty("host"),Integer.parseInt(pro.getProperty("port")));​​ }​ /** * 获取连接方法 */ public static Jedis getJedis(){ return jedisPool.getResource(); } }

Windows上MySQL 5.7安装教程

下载MySQL :: Download MySQL Community Server (Archived Versions) https://downloads.mysql.com/archives/community/ 选择 5.7.* 版本,然后选择 zip 文件进行下载解压将下载的文件解压到自己安装软件的目录设置环境变量依次点击 此电脑 — 属性 — 高级系统设置 — 环境变量,然后新建系统变量MYSQL_HOME后面接MySQL安装目录在 “Path”变量中添加%MYSQL_HOME%\bin创建数据目录与配置文件在安装目录中分别创建data和uploads文件夹,分别存放MySQL数据和导入导出文件。在安装目录中创建my.ini文件,涉及到目录文件的跟进自己情况做修改。注意,Windows配置文件中文件夹路径分隔符须为左斜杠,或双右斜杠,否则某些会被转义不被识别。[mysqld]port=3306character_set_server=utf8basedir=C:/Software/mysql-5.7.28datadir=C:/Software/mysql-5.7.28/dataserver-id=1sql_mode=NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTIONlower_case_table_names=1innodb_file_per_table = 1log_timestamps=SYSTEMlog-error = error.logslow_query_log = 1slow_query_log_file = slow.loglong_query_time = 5log-bin = binlogbinlog_format = rowexpire_logs_days = 15log_bin_trust_function_creators = 1secure-file-priv=C:/Softwaremysql-5.7.28/uploads[client] default-character-set=utf8初始化进入命令行,切换到 MySQL 的HOME 目录,然后执行mysqld --initialize-insecure,这种形式默认无密码。若想让初始密码保存在日志文件中,可以使用mysqld --initialize,之后可以在/data/error.log中查看默认密码。若想让初始密码显示在控制台可以使用mysqld --initialize --console若在初始化提示缺少msvcp120.dll,请直接百度搜索安装”vc++2013”即可安装并启动切换到bin目录中,执行mysqld -install MySQL57安装,然后再执行net start MySQL57启动 MySQLcd binmysqld –install MySQL57net start MySQL57设置登录密码先使用mysql -uroot登录 MySQLmysql -uroot如果你在配置文件中更改了端口,导致无法登陆,可使用mysql -h127.0.0.1 -P13306 -uroot -p-h:指“主机”这里本地用localhost;-P大写(port的缩写):端口号默认的是3306;-u:用户(用户以后会有别的用户名);-p:密码;设置本地登录密码为“Root-123”和远程登录密码“Root-123456”SET PASSWORD FOR 'root'@'localhost'= "Root-123";GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY 'Root-123456' WITH GRANT OPTION;刷新FLUSH PRIVILEGES;

Windows上MySQL 5.7安装教程

利用Docker安装owncloud、nextCloud网盘教程

OwnCloud现在各种云盘都要收费,又或有速度限制,感觉用起来很不方便,想抽时间想搭建一个私有云盘。很久以前听过owncloud,一直没使用,今日就一睹真容吧。第一步:首先在服务器上安装docker服务,在操作yum install docker的时候,发现用service docker start的时候不成功,发现是跟操作系统版本有关,在Centos低版本的时候,应该使用 yum install docker-io,安装成功后,可以用docker -v 查看版本;第二步:启动docker服务。service docker start;第三步:进入docker,下载owncloud镜像,使用命令docker pull owncloud;第四步:运行docker run -d -p 9090:80 owncloud,映射端口号,启动owncloud镜像;第五步:在浏览器中输入“服务器的IP地址:9090”就看见owncloud的网页界面了,我对云盘要求不高,默认使用SQLite数据库,输入用户名和密码然后确认就可以了。第六步:在浏览器界面输入刚刚输入的用户名和密码,即可进入owncloud保存文件,这样一个私有云盘就构建成功了。我们可以通过docker exec -i -t owncloud /bin/bash,或是docker exec -i -t owncloud的id号 /bin/bash进入查看,进入系统目录,发现它感觉是个精简的linux操作系统,文件默认保存的路径在/var/www/html/data目录里,进入你的用户名目录,就可以查看保存的文件。安装nextCloudDocker安装部署nextcloud个人网盘环境搭建:先完成docker的安装配置配置好镜像加速器,不然速度可能上龟速。mysql配置然后拉取mysql镜像:docker pull mysql查看是否拉取成功:docker images #查看是否成功然后基于镜像运行容器:docker run -d -p 3306:3306 -v /mnt/sde/mysql:/var/lib/mysql -e MYSQL_ROOT_PASSWORD=WZS134125 --name mysql mysql-d 以后台进程方式运行-p 端口映射 将容器3306 映射到主机3306端口-v 将容器/var/lib/mysql 映射到主机的/mnt/sde/mysql下-e 设置环境变量 数据库密码WZS134125--name 设置容器名称 mysql 最后指定镜像mysql 配置mysql数据库容器docker exec -it mysql /bin/bash #进入docker容器-it: 提供一个虚拟终端mysql:容器名称或者id/bin/bash: 终端命令行 进入容器内,然后登陆数据库mysql -uroot -pWZS134125然后配置权限,远程登陆CREATE database nextcloud; #创建一个nextcloud的数据库GRANT ALL ON *.* TO 'root'@'%'; #设置root账号任意ip登录ALTER USER 'root'@'localhost' IDENTIFIED BY 'password' PASSWORD EXPIRE NEVER;ALTER USER 'root'@'%' IDENTIFIED WITH mysql_native_password BY 'WZS134125';flush privileges; 上面的命令是设置root用户远程登陆以及无法登陆时的数据库操作完成nextclouddocker pull nextcloud # 拉取nextcloud镜像docker run -d --restart=always -p 8888:80 -v /mnt/sde/nextcloud:/var/www/html -link mysql:mysql --name nextcloud nextcloud-d 后台进程运行-p 映射端口, 将容器80端口映射为主机的8888端口,可以自行修改端口,不过防火墙需要放通。-v 挂载目录,将容器/var/www/html挂载到主机/mnt/sde/nextcloud下面--link 链接数据库容器,链接使用mysql容器镜像mysql(容器名称)--name 名称,指定容器的名称为nextcloudnextcloud 使用的基础镜像。 网页配置http://ip:8888, 这个是刚刚配置的服务器地址加上刚刚映射的主机端口。输入用户名密码,数据库使用MYSQL,数据库以后用户密码,数据库nextcloud,地址写内部地址172.17.0.2.然后安装指示一路填写信息,安装就好了。错误如果提示不信任域名访问vim /mnt/sde/nextcloud/config/config.php 编辑配置文件。0 =>’10.10.0.212:8888’,添加。重启容器服务docker restart nextcloud 。完成。Docker安装部署nextcloud个人网盘 - 骑着蜗牛路过你的风景 - 博客园我的命令:docker run -d --restart=always -p 9099:80 -v /root/disk:/var/www/html --name nextcloud nextcloud

利用Docker安装owncloud、nextCloud网盘教程

Github文件下载加速教程

下载加速网址:https://ghproxy.com/https://mirror.ghproxy.com/https://gh.api.99988866.xyz/项目主页:https://github.com/hunshcn/gh-proxy镜像:尝试将网址中“github.com”替换为以下镜像站:hub.fastgit.org,github.com.cnpmjs.org,hub.fastgit.xyz

IDEA激活服务器,JB产品通用

打开:https://search.censys.io/输入如下搜索:services.http.response.headers.location: account.jetbrains.com/fls-auth在返回的结果随便找一个点进去,查找到 HTTP/302,复制URL到 JB,选择许可证服务器License server,粘贴刚刚复制的网址,激活即可。ps:绝大部分都无法使用,需一个个测试,建议购买正版软件。

超便捷!塞尔达旷野之息神庙、呀哈哈地图 任务攻略App

之前发过静态地图:塞尔达:旷野之息所有神庙、建筑、呀哈哈地图,比较麻烦,找到神庙或呀哈哈后不能进行标注,若没记住位置很可能下次找的时候不知道上次找到哪里了,用App就可以解决了。除了最基本的各种地图、物品、呀哈哈、神庙坐标外,还包含塞尔达主线支线任务攻略、料理食谱等。安卓版:可至豌豆荚或酷安搜索“塞尔达助手”,例如 塞尔达助手下载2022安卓最新版手机app官方版免费安装下载豌豆荚IOS:在App Store搜索 Zelda助手 或 Zelda百科都能找到类似的软件。

超便捷!塞尔达旷野之息神庙、呀哈哈地图 任务攻略App

孙玲TED演讲

孙姐跟我入行差不多时间,但是足够努力抓住机会,敢于闯荡,令人钦佩。get:搞清问题,解决问题,珍惜机会,如果因为资源不足,条件不成熟而没有去行动,那只是借口。工厂流水线工人到纽约程序员 | 孙玲@TEDxShenzhen_哔哩哔哩_bilibili【采访】从中国跳槽去美国做程序员的孙玲 | 谷歌脸书甲骨文面试经历全流程分享哔哩哔哩bilibili

暂时下线一批无法访问的友链

以下友链因网站访问错误或无法访问,现已被临时下线,列举出了网站地址作为备份,若恢复正常请留言或联系我。哔狸网钰嵩君卫国网DOMO云栖加东加西一刻模板奇乐网搞博客 (长期未维护)

可以云同步的文件加密软件Cryptomator

可以云同步的文件加密软件Cryptomator普通的加密方式之前也介绍过,例如: VeraCrypt开源硬盘加密工具、Windows创建VHD加密盘、制作加密U盘教程。但是它们有个缺点,若加密区中某个文件修改一点点,整个加密文件都会改变,如果用网盘云同步加密文件的话,就会将整个文件重新上传一遍到云上,如果几M倒是还行,但是几百兆,几个G肯定就不合适了。Cryptomator恰巧解决了这个问题,可以增量更新文件,使得云同步更方便快捷,方便用户同步备份加密文件。Cryptomator 是一款开源、免费的软件,但开发者允许用户自己在下载时选择愿意支付的价格。如果您无力支付或者想先尝试,在官网上选择「0 €」,点击 「Continue」 就可以前往下载。官网:Cryptomator - Free Cloud Encryption for Dropbox & Co

图片在线处理工具网站 在线抠图等网址推荐

1、图片降噪:搞定含噪和质量下降的图像 - Pix Fix2、去除图片上杂物:Magic Eraser - Remove unwanted things from images in seconds3、一键抠图:在线抠图软件_图片去除背景 | remove.bg – remove.bg4、PNG图片压缩:TinyPNG – Compress WebP, PNG and JPEG images intelligently5、ai图片上色:Algorithms - Algorithmia6、阿里在线抠图(需登录):阿里妈妈 创意中心7、在线PS:【在线PS软件】在线PS图片(照片)处理工具_在线制作编辑图片ps精简版8、美图秀秀(提供美化、抠图等):美图秀秀官网免费在线P图抠图拼图证件照制作9、字符画:Text to ASCII Art Generator (TAAG)10、图转字符画:图片转字符画,字符画生成器 - 在线工具 在线拼图:图片拼接——免费在线拼接多个图片成长图