希望利用程序对网页进行截图，或者将复杂的HTML（带复杂的CSS3语法或者Javascript）转换成网页图片。 另外如果希望把网页生成PDF，可以查看这里：https://blog.terrynow.com/2022/12/13/use-node-puppeteer-docker-generate-pdf-as-service-and-support-chinese/ 有考虑过几种实现方式 html2image转换如果你是简单的HTML是没有问题，方式也比较简单，缺点是负责的Html无法正确渲染 PhantomJ…
Hmtl中有个如下的文件上传input控件，绑定了@change事件，在用户选择了文件后触发，来执行特定的业务逻辑 <input id="uploads" type="file" onchange="fileChanged(this)" accept="image/*"> <!--或者vue下的@change--> <input id="uploads" type="file" @change="fileChanged" accept="image/*"> 发现一个问题，在用户选…
在开发过程中遇到了一个问题，使用MySQL数据库，用SQL语句在表中随机获取一条或多条数据，看似简单，但是往深层研究的话还是很有深度的，查了好多资料，接下来给大家分享一下： 1. 随机获取单条数据(简单但低性能版本) 使用rand()函数 SELECT * FROM table_name ORDER BY RAND() LIMIT 1； MySQL中的RAND()函数调用可以在0和1之间产生一个随机数。 这条SQL语句可以随机取出一条数据，而且将limit 1改为获取多条数据，例如limit 10，得到的数据也是随…
使用ApachePOI读取Excel的时候，如果单元格是日期的格式，通过判断cell.getCellType() 得到的是Cell.CELL_TYPE_NUMERIC，进而使用cell.getNumericCellValue() 获取到单元格内容，但是读取到的却是类似44840.611111这样的数字 经过一番查找资料，结论是，Excel单元格存储日期、时间均以数值类型进行存储，读取时POI先判断是是否是数值类型，再根据CellStyle来判断日期格式，再进行判断转化。 总结如下： 数值格式(CELL_TYPE_N…
COPY图若干，早日上岸！
vue-router 默认路由模式为 hash 模式，该模式是使用 url 的 hash 来模拟一个完整的 url。但使用这种模式，URL 中会带一个 # 号（比如 http://127.0.0.1:9090/#/about），比较丑，不像是正常的 url。 除了默认的 hash 模式外，我们也可以用路由的 history 模式。 当我们使用 history 模式时，URL 就像正常的 url 了，例如 http://127.0.0.1:9090/about。不过要使用这种模式，还需要后台服务端的支持。下面以使用 …
在我们普通的应用中，如果我们要定制一个类对象的Json输出的话，我们可以轻松的通过Jackson提供的注解如：“@JsonProperties”等注解在类上轻松实现对Json输出的定制。 但也存在着这样的Java类对象的源码不受控制的情况： 1、Java类在第三方的类库中，你无法修改； 2、不想修改已有的类的代码，因当前业务和已有业务在不同的模块中。 Jackson为我们mixin来解决这个问题，在不修改已有的Java类库的情况下，定制Json的输出。Spring Boot 2.7为我们提供了“@JsonMixin…
例如班级表（Clazz）-和学生表（Student）的关系是一对多的关系，我们希望在加载一个班级的时候，能自动加载这个班级下的学生列表。 Java实体类如下(学生实体类省略)： @TableName("t_class") public class Clazz implements Serializable { @TableId private Long id; private Date createDate;// private Date updateDate; private String name;//班级名称…
在使用ApachePOI做Excel导出的时候，如果遇到日期类型的单元格内容，我们不希望简单把单元格内容赋值成String文本，而是希望给单元格复制成Excel能认得的Date日期类型，以便在Excel中做一些计算或者统计。 如图代码很简单： Cell cell = row.createCell(i); Date date = new Date(); // 实际的日期从业务中来 cell.setCellValue(date); 不过生成了Excel后，就变成这样了（可以看到新建日期和更新日期里的内容都变成小数了）：…
例如这样的场景：学生和班级是多对一的关系，我们在查询学生（Student）的时候，（t_student表有一个clazz_id会对应到t_clazz表的ID），希望自动带出这个学生所属的班级（Clazz） 多方(Student)的Mapper.xml: 注意这里使用了association来表明Student下面的有对应一的属性：clazz（这个学生所属班级） <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE mapper PUBLIC "-//my…
