Sakura` Blogs

近期遇到了一个关于图片的问题，在此简单记录，方便记忆 什么是EChartsECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。 ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。 具体介绍和一些其他的实例可以去它的 官网 进行查看 配置安装 可以查看 官方文档 配置当然，示例肯定都是写死的数据，而我们一般使用肯定是需要从数据库来获取数据的。 下面记录一下最近碰到的一个图表，它是一个横向的柱状图，还需要一个排序的功能。 在引入完 ECharts 所需要的一些东西之后，就可以使用了，下方是一段 实例代码。 首先，需要写一个 div 容器 ，里 ...

记录一些主题常用的插件，附带插件地址，方便查看文档，以后会进行补充插件 搜索插件插件地址 1npm install hexo-generator-search --save 字数统计插件地址 1npm install hexo-wordcount --save 永久链接插件地址 1npm install hexo-abbrlink --save RSS插件地址 1npm install hexo-generator-feed --save 哔哩哔哩番剧插件地址 1npm install hexo-bilibili-bangumi --save hexo-tag-aplayer插件地址 1npm install --save hexo-tag-aplayer 看板娘插件插件地址 1npm install --save hexo-helper-live2d

一些简单好用的SQL语句 ISNULL使用指定的替换值替换 NULL 语法： 1ISNULL ( check_expression , replacement_value ) 参数说明： check_expression 被检查是否为NULL的表达式，如果不为NULL，直接返回 check_expression 为NULL时返回的表达式 简单来说，就是如果 check_expression 不为 NULL，那么返回该表达式的值；否则返回 replacement_value。 GROUP_CONCAT如果有一条数据重复出现很多次，看上去就不太直观 使用这个函数可以将相同的行组合起来 例子： 1select id,GROUP_CONCAT(name) from user group by id 去除重复列 单表distinct 多表group by 也可以放在COUNT()中使用！ 注意：group by 必须放在 order by 和 limit之前，不然会报错 具体请看原文链接 sql查询去除重复值语句 UNION 语法UNION 操作符用于合并两个或多个 SELECT ...

近期碰到并且已解决的问题 一个输入框需要传多个字段的情况 解决： 在实体类新加一个字段 123/**用来查询多个值得条件*/@Excel(name = "用来查询多个值得条件")private String Bastard; 生成对应的 get 和 set ，还有 toString 然后在相应的xml里，加入以下配置 12345<if test="Bastard != null and Bastard != ''"> and (stu.`user_name` like concat('%',#{Bastard},'%') or stu.`student_num` = #{Bastard} or stu.`phone` = #{Bastard})</if> 然后在对应的html里写入对应的name即可 123<li> <input style= ...

最近用到了图片上传，而我太菜了，开此贴记录一下，方便以后使用 导入pom依赖12345678910111213141516171819202122232425262728293031323334353637383940<!--log4j--> <dependency> <groupId>log4j</groupId> <artifactId>log4j</artifactId> <version>1.2.17</version> </dependency> <!-- 七牛云 --> <dependency> <groupId>com.qiniu</groupId> <artifactId>qiniu-java-sdk</artifactId> ...

最近天天遇到端口占用问题，记录一下，方便查看 了解端口：所谓的端口，就好像是门牌号一样，客户端可以通过ip地址找到对应的服务器端，但是服务器端是有很多端口的，每个应用程序对应一个端口号，通过类似门牌号的端口号，客户端才能真正的访问到该服务器。为了对端口进行区分，将每个端口进行了编号，这就是端口号 作用端口号的主要作用是表示一台计算机中的特定进程所提供的服务。网络中的计算机是通过IP地址来代表其身份的，它只能表示某台特定的计算机，但是一台计算机上可以同时提供很多个服务，如数据库服务、FTP服务、Web服务等，我们就通过端口号来区别相同计算机所提供的这些不同的服务，如常见的端口号21表示的是FTP服务，端口号23表示的是Telnet服务端口号25指的是SMTP服务等。端口号一般习惯为4位整数，在同一台计算机上端口号不能重复，否则，就会产生端口号冲突这样的例外 解决 开始—->运行—->cmd，或者是window+R组合键，调出命令窗口 输入相关命令 查看所有端口 1netstat -ano 查看指定端口 1netstat -aon|findstr "端口号&q ...

一些小杂记😋😋😋 绑定接口时往前端数组里追加数据 v-for 定义数组 追加值 先获取长度，然后for循环追加 1234var len = res.data.data.length;for (let i=0;i<len;i++) { this.imagess.push(res.data.data[i]) } SQL语句查询某个字段不为空或不为某个特定值 原SQL： 1SELECT *,t2.`type_name` fname FROM used_type t1 LEFT JOIN used_type t2 ON t1.`fid`=t2.`type_id` 可以查询出全部内容 更改后： 12SELECT *,t2.`type_name` fname FROM used_type t1 LEFT JOIN used_type t2 ON t1.`fid`=t2.`type_id` WHERE TRIM(t1.`fid`)!='0' AND t1.`fid`=t2.`type_id` 可以查出 ...

🌳🌳🌳数据库方面 数据库优化——->MySQLMySQL四个优化方向设计角度： 存储引擎的选择，字段类型选择，范式。 自身特性：索引，查询缓存，分区分表，存储过程，SQL语句优化配置 架构体系：主从复制（读写分离） 硬件升级：CPU、内存等。 选择合适的存储引擎 MYISAM 查询快，增删慢 表锁 InnoDB 支持事务，并发 行锁 表结构优化 恰当的字段类型 范式 水平划分 垂直划分 SQL优化避免使用 select * like or MySQL存储引擎InnoDB和MYISAM的区别 InnoDB 支持主外键、事务 InnoDB 是行锁，操作时候只锁一行数据，适合高并发；MYISAM是表锁 InnoDB 不仅缓存索引，还缓存真实数据；MYISAM只缓存索引 InnoDB 需要表空间大 InnoDB 关注事务，MYISAM关注性能（查）； 索引索引：排好序的快速查找数据结构 优点：提高数据检索的效率，降低数据排序的成本 缺点：会降低更新表的速度 单值索引：一个索引只包含单个列，一个表可以由多个单值索引 唯一索引：索引列的值必须唯一，允许有空值 符 ...

emoji速查，可以直接复制使用 🌹🍀🍎💰📱🌙🍁🍂🍃🌷💎🔪🔫🏀⚽⚡👄👍🔥 emoji表情😀😁😂😃😄😅😆😉😊😋😎😍😘😗😙😚☺😇😐😑😶😏😣😥😮😯😪😫😴😌😛😜😝😒😓😔😕😲😷😖😞😟😤😢😭😦😧😨😬😰😱😳😵😡😠 emoji人物👦👧👨👩👴👵👶👱👮👲👳👷👸💂🎅👰👼💆💇🙍🙎🙅🙆💁🙋🙇🙌🙏👤👥🚶🏃👯💃👫👬👭💏💑👪 emoji手势💪👈👉☝👆👇✌✋👌👍👎✊👊👋👏👐✍ emoji日常👣👀👂👃👅👄💋👓👔👕👖👗👘👙👚👛👜👝🎒💼👞👟👠👡👢👑👒🎩🎓💄💅💍🌂 emoji手机📱📲📶📳📴☎📞📟📠 emoji公共♻🏧🚮🚰♿🚹🚺🚻🚼🚾⚠🚸⛔🚫🚳🚭🚯🚱🚷🔞💈 emoji动物🙈🙉🙊🐵🐒🐶🐕🐩🐺🐱😺😸😹😻😼😽🙀😿😾🐈🐯🐅🐆🐴🐎 ...

mybatis相关内容 在使用MyBatis的时候,除了可以使用@Param注解来实现多参数入参,还可以用（A）传递多个参数值。 ​ A.用Map对象可以实现传递多参数值 ​ B.用List对象可以实现传递多参数值 ​ C.用数组的方式传递 ​ D.用Set集合的方式传递 什么是MyBatisMyBatis是一个可以自定义SQL、存储过程和高级映射的持久层框架 MyBatis的缓存MyBatis 的缓存分为一级缓存和二级缓存，一级缓存放在 session里面，默认就有，二级缓存放在它的命名空间里，默认是不打开的，使用二级缓存，属性类需要实现Serializable序列化接口（可用来保存对象的状态），可在它的映射文件中配置< cache/> #{}和${}的区别是什么#{}是预编译处理，${}是字符串替换 mybatis 在处理#{}时，会将SQL中的#{}替换为？号，调用PreparedStatement的set方法来赋值 Mybatis在处理时，就是把${}替换成变量的值。 使用#{}可以有效的防止SQL注入，提 ...