ChuChuChuZzz-CSDN博客

原创 CSS实现科技感旋转底盘

保持x轴旋转75度以z轴为轴心，不断旋转@keyframes mRotate{ 0% { transform: rotateX(75deg) rotateZ(0); } 100% { transform: rotateX(75deg) rotateZ(360deg); }}.app-base-img{ width: 100px; height: 100px; animation: mRotate 5s infinite li

2021-09-09 15:33:56 1169 1

原创 SpringBoot Jpa 实现抽象类继承和聚合主键

多个表有多个相同的字段，将相同的字段抽象出来基类：需加上@MappedSuperclass注解字段上的注解例如@Id等正常加示例：@MappedSuperclass@Datapublic class StcBenefit { @Id String devid; // 更新时刻 Date update_time; // 输电效益 Double value; // 输电效益2 Double valuedim; // 预留1

2021-09-09 14:59:34 353

原创基于js-xlsx、xlsx-style、XLSX-Style-Utils实现纯前端导出多个Sheet的excel文件（含样式）

文章目录一、需要的开源包二、使用步骤1.引入库2.构造数据3.生成Sheet4.生成Workbook5.修改样式6.导出三、转换函数四、参考资料一、需要的开源包SheetJS的 js-xlsx，可以去github上下载源码：https://github.com/SheetJS/js-xlsx ，全文件xlsx.full.min.js或者核心文件xlsx.core.min.js都可以XLSX-Style，核心文件xlsxStyle.core.min.js可以从XLSX-Style-Utils的源码中

2021-02-19 14:00:41 3837 2

原创 echarts地图尺寸和位置调整

var option= { layoutCenter: ['70%', '50%'],//位置 layoutSize:'65%',//大小}

2020-12-15 18:34:10 12314 1

原创 java调用dom4j读写xml文件

java调用dom4j读写xml文件maven引入dom4jxml文件读取写入maven引入dom4j<dependency> <groupId>dom4j</groupId> <artifactId>dom4j</artifactId> <version>${dom4j.version}</version></dependency>xml文

2020-12-04 10:52:27 126

原创解决IDEA中maven项目本地包导入后依然标红

发现idea中显示的包目录无法展开，所有认为是idea解析jar包失败删除原路径下的本地jar包注释pom.xml文件中相关的依赖项再次将jar包粘贴在原目录下解除注释依赖项maven重新导入

2020-12-03 14:52:19 1238

原创 git取消跟踪目录和文件

git取消跟踪目录和文件git rm -r --cached D:/WorkSpace/demo/out提交时会提示删除和未跟踪这一目录下的所有文件，如果之后不准备再跟踪这一目录，可以在.gitignore文件中添加这一行（以out目录为例）/out...

2020-11-27 10:19:22 661

转载导出jointjs的svg图片

1. 获取svg图像节点和尺寸var node = document.querySelector('svg')// 获取尺寸var width = node.width.baseVal.valuevar height = node.height.baseVal.value2. 导出导出svg函数出处https://blog.csdn.net/csu_passer/article/details/89072007/** * 将svg导出成图片 * @param node svg节点

2020-11-09 18:45:53 312

原创 JointJsv2.2官方文档解读005：基本的事件监听

文章目录一、事件主体二、事件类型1.pointerdblclick双击2.pointerclick单击3.contextmenu右键单击4.pointerdown点击按下（开始）5.pointerup点击抬起（结束）6.mouseover指针悬停7.mouseout指针离开三、回调函数参数1.mouseout指针离开2.mouseout指针离开3.mouseout指针离开四、代码示例一、事件主体cell：图形、连接线link：连接线element：图形blank：空白区域二、事件类型我这里

2020-11-06 15:11:24 738

原创 JointJsv2.2官方文档解读004：Element和Link

文章目录前言一、Element1. joint.shapes.standard.Rectangle矩形2. joint.shapes.standard.TextBlock3. joint.shapes.standard.Circle圆形4. joint.shapes.standard.Ellipse 椭圆5. joint.shapes.standard.Cylinder 圆柱6. joint.shapes.standard.Rectangle二、使用步骤1.引入库2.读入数据总结前言joint.di

2020-09-18 10:47:29 818

原创 Spring Boot + MyBatis 实现多数据源连接

文章目录前言一、Maven引入Druid和数据库驱动二、application.properties中设置数据库访问参数三、编写数据源的配置文件1.数据源1配置文件示例四、关闭数据源自动设置建议其他前言项目中有访问多个数据源的需求一、Maven引入Druid和数据库驱动  <dependency> <groupId>com.alibaba</groupId> <artifac.

2020-09-17 17:58:27 146

原创解决JointJsv2.2中pointerclick事件无法监听

问题描述：使用jointjs中，需要给元素添加点击事件监听，但是发现并不能监听到pointerclick，因时间紧迫，故先用pointerdown事件代替，现在回过头来，解决这个问题官方文档中关于pointerclick的说明：原因分析：在搜索答案的过程中，出现了一种解决方法，即根据官方文档中关于clickThreshold的说明：Paper的这个属性默认为0，会影响pointerclick事件的监听究竟是怎么一个影响法呢？文档中翻译过来就是当鼠标移位的距离超过这个数值，就不会

2020-09-16 11:25:06 501 2

原创 JointJsv2.2官方文档解读003：Paper的几种属性设置

文章目录一、设置背景二、设置网格1. 网格背景2. 网格尺寸三、缩放四、移位一、设置背景为JointJs的Paper设置背景色（透明色）二、设置网格1. 网格背景在构造Paper的时候，设置drawGrid:true就可以出现点状网格背景，如果看不清，可以把gridSize设大一些。网格背景可以使你移动元素的时候，以网格单元为长度单位移动。var paper = new joint.dia.Paper({ el: document.getElementById('myholder'

2020-09-15 14:50:27 656

原创为JointJs的Paper设置背景色（透明色）

给Paper设置背景色主要有两个方法1. 直接在初始化的时候设置var paper = new joint.dia.Paper({ el: document.getElementById('holder1'), background:{ color:'#FFFFFF' }, model: graph, height: 900, width: $(window).width()*0.996, gridSize: 1, interactive:!true,//是否可移

2020-09-02 14:09:56 528

原创 JointJsv2.2官方文档解读002：Paper简单使用

文章目录一、Paper是什么？二、使用步骤1.引入库2.读入数据总结一、Paper是什么？joint.dia.Paper是joint.dia.Graph模型的视图，二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('ignore')imp

2020-09-02 09:51:44 293

原创 JointJsv2.2官方文档解读001：库的下载和引入、全局变量

库的下载官网有最新的v3.2版本的下载资源：https://www.jointjs.com/opensource#Download-JointJS我把用到的几个js和css文件打包上传了，下载链接：https://download.csdn.net/download/qq_39324050/12793363库的引入jointjs依赖jquery.js、lodash.js和backbone.js，如果要实现自动布局相关的功能，还需要引入dagre.js和graphlib.js，这些都要在joint..

2020-09-02 09:50:43 618

原创 joint.js自定义highlight样式

joint.js提供元素高亮显示，只需要如下代码就可以实现：paper.on('cell:pointerclick', function(cellView) { cellView.highlight();});默认效果如下：为了美观，我们想要修改highlight的样式：语法：cellView.highlight([el[, options]])el如果不指定则为cellView.elcellView.highlight(null,{ highlighter:{ na

2020-09-01 14:20:00 400

原创 jointjs中使用util.breakText解决容器内文字换行问题

问题：项目中使用jointjs做流程图展示，使用joint.shapes.standard.Rectangle作为容器显示内容，但是内容往往长短不一，如果作宽度自适应的话，这些方框会长长短短，不美观；如果能定宽度，自动换行，延长高度就好了。解决方法：joint.util.breakText的使用方法：详见官网API：https://resources.jointjs.com/docs/jointjs/v2.1/joint.html#util.breakText//text:原字符串//需求宽度

2020-08-26 17:31:17 501

原创解决iframe框架不更新

问题在项目中有用到iframe作为弹窗的内容，但是有的时候，修改了子页面的内容，iframe却被浏览器缓存了，并没有更新。常常需要手动刷新框架：解决方法：在url的后面，添加一个会不停更新的值，比如我添加了一个属性t，t取当前时刻的毫秒值content: 'area-fault-edit.html?t='+Date.now(),...

2020-08-26 14:49:50 1061

原创 jsplumb踩坑【02】线条无法删除

写在最前：推荐jsplumb中文教程：https://wdd.js.org/jsplumb-chinese-tutorial在学习过程中，中文教程中有这样一段：但是，在实际使用中发现连线无法删除，且报错：jsPlumb: fire failed for event click : TypeError: jsPlumb.detach is not a function查看demo源代码，发现demo中引用的js文件为 jquery.jsplumb.js而我的项目中使用的是更新的版本结论

2020-08-20 17:01:22 1136 3

原创 jsplumb踩坑【01】无法拖拽问题

写在最前：推荐jsplumb中文教程：https://wdd.js.org/jsplumb-chinese-tutorial初次使用jsplumb，根据教程中的代码，写了两个节点并将它们连接了起来：<div id="diagramContainer"> <div id="item_left" class="item"></div> <div id="item_right" class="item" style="left:150px;"><

2020-08-18 14:18:14 1920 1

原创 layui弹出层点击触发父页面中的函数

layui弹出层点击触发父页面中的函数项目中有二次打开弹出窗口的需求，一开始直接在弹出层的页面里写了打开新layer的方法，效果如下，不尽如人意，不仅尺寸受影响，只能在已有的layer范围内中显示，还不方便移动那么我们就在父页面中打开新的layer，layer中的点击事件如何调用父页面的函数呢？// 在子页面para.html中调用父页面函数打开layer, 避免新layer只能在子layer中移动且尺寸受影响function setSwitchEditBtnListener () { $('

2020-08-14 09:03:33 1669

原创 layui.table实现分页情况下全表排序

layui.table实现分页情况下全表排序在项目中，使用layui.table实现数据显示，有排序的需求，但是发现layui.table自带的排序在分页的情况下，只能对当前分页进行排序，而不是全表排序……那么如果能对表格排序按钮的点击事件进行监听大概就能实现了事实上确实可以// 监听排序事件function setAreaDeviceOnSortListener () { layui.table.on('sort(area-device-table)', function(obj){

2020-08-13 18:58:27 2408 1

原创解决Echarts图标在浏览器缩放后位置偏移

解决Echarts图标在浏览器缩放后位置偏移欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如

2020-08-11 16:07:43 4163

ChuChuChuZzz的博客