- 博客(23)
- 收藏
- 关注
原创 移动端svg移动缩放组件
1、组件支持横屏,此横屏时手机的自适应横屏,是竖屏顺时针旋转90度的横屏;3、组件支持设置svg缩放比例变化时的回调方法;2、组件支持设置svg触摸开始时的回调方法;
2024-04-26 14:54:46
392
原创 element-ui文件上传下载组件+后台对应接口
不自动上传,附件选择后只将文件加入待上传列表,点击确认上传按钮后上传到后台服务器,已上传的文件通过表格的形式展示在上方表格中。具备上传、下载和删除功能。删除和上传权限可配置。
2023-03-31 15:12:05
3455
2
原创 SpringBoot整合shiro实现登录认证,配置redis实现session共享
Shiro 是 Apache 旗下的一个开源安全认证框架,是安全认证方面的一个 Java 类库,实现用户身份认证,权限授权,加密,会话管理(Session)等功能。下面,是 Shiro 中的一些核心概念。/*** @Description: 自定义密码校验,默认会调用shiro默认的// 调用当前类重写的equals方法来对比两个password是否一致,返回对比结果 return super . equals(tokenPwd , infoPwd);} }/**
2022-11-03 15:57:19
1466
原创 前端项目规范
自定义事件应始终使用中横线(kebab-case)的事件名。不同于组件和 prop,事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。this . $emit('my-event') 复制代码 < MyComponent @my - event = "handleDoSomething" / > 复制代码。
2022-09-28 09:50:21
572
原创 使用freemarker模板导出复杂word文档
一、创建模板1、将word文档另存为xml格式文件。2、格式化xml文件找一个可以格式化xml文件的在线网站,用记事本或者notepad之类的软件,复制文件内容去格式化,然后把格式化好的内容覆盖到原xml文件中。3、将xml文件后缀改为ftl,然后修改部分文件内容为可供程序填充的模板未完待续。.........
2022-04-21 19:03:46
713
原创 springboot项目打war包以及降低jdk版本问题
项目开始是用java8的环境开发的Springboot项目,部署时才知道现场安装的是jdk1.7,且需要将项目打成war包放在tomcat7.0下运行。最近部署遇到了一些问题,这里将解决方案记录一下:一、Springboot项目如何打war包1、更改pom文件中的打包方式在dependencies标签同级位置增加<packaging>war</packaging>2、去掉springboot默认的内置tomcat<dependency> <group
2021-11-29 11:19:36
1515
转载 Springboot防止XSS跨站脚本攻击
系统渗透测试时被监测存在可利用XSS漏洞,解决方法如下:1、Maven引用<dependency> <groupId>org.jsoup</groupId> <artifactId>jsoup</artifactId> <version>1.13.1</version></dependency>2、HtmlFilter过滤类使用Jsoup对相应内容进行过滤。jsoup是一个HTML
2021-11-18 14:12:22
678
原创 RSA前端加密后端解密
前面说过接口数据在后端如何使用RSA加解密这里遇到了使用RSA前端加密后端解密的需求。实现方式如下:1、后端的RSA工具package com.ieslab.interactivequery.util;import org.springframework.stereotype.Service;import javax.crypto.Cipher;import java.security.*;import java.security.interfaces.RSAPrivateKey;im
2021-11-15 16:32:26
6643
转载 springboot禁用内置Tomcat的不安全请求方法
原由:安全组针对接口测试提出的要求,须要关闭不安全的请求方法,例如put、delete等方法,防止服务端资源被恶意篡改。用过springMvc都知道能够使用@PostMapping、@GetMapping等这种注解限定单个接口方法类型,或者是在@RequestMapping中指定method属性。这种方式比较麻烦,那么有没有比较通用的方法,经过查阅相关资料,答案是确定的。htmltomcat传统形式经过配置web.xml达到禁止不安全的http方法<security-constraint>
2021-11-15 11:43:33
2141
原创 接口数据使用RSA加密
原需求:发起HTTP的POST请求的入参格式为接口参数及参数值组成的JSON字符串,该JSON字符串需进行RSA加密,接口再使用HttpServletRequest获取参数值后对数据进行RSA解密。而密钥最高为1024位,这使得加密时的字符串不能超过117个字节,于是需要对加密前的JSON字符串进行按字节分割后放入数组,然后对数组中的每一项分别加密,最后将加密后的数组转成JSON字符串后作为请求体传入。这时 HttpServletRequest可以先拿到加密后的JSON数组,然后对加密后的JSON
2021-05-06 15:26:07
752
原创 springboot项目打成jar包 resource下配置文件找不到问题解决方法
修改pom文件。<resources> <resource> <directory>src/main/resources</directory> <includes> <include>**/*</include> </includes> <filtering>true</filtering>
2021-04-13 15:56:30
2039
原创 Echarts 圆环 一类数据对应一环
new Vue({ el: "#app", data() { return { riskLegendList: [1, 2, 3, 4], // 各等级预警数量 riskColor: ['#24d29b', '#69cde1', '#fdd27b', '#ff8c53'], riskColorOpacity: ['rgba(36, 210, 155,0.2)', 'rgba(105, 205, 225,0.2)', 'rgba(253, 210, 123.
2021-04-12 10:51:41
244
原创 Echarts 数据在x轴下方展示
new Vue({ el: "#app", data() { return { comName: ['公司1', '公司2', '公司3', '公司4', '公司5', '公司6'], avgPriceRate: [-1.7, -2.8, -3.9, -6.5, -0.8, 6.6], // 均价涨幅 单位% giveInterestPrice: [55555.5, 66666.6, 44444.4, 33333.3, 8767.1, 15432.1],.
2021-04-12 10:18:44
4466
1
原创 监听移动端h5页面横竖屏切换
new Vue({ el: "#app", data() { return { orientation: '', // 横竖屏标记``, } }, created() { }, mounted() { this.orient(); window.addEventListener( 'orientationchange', this.orient); }, methods: { orient() { if (win
2021-04-09 10:50:54
1161
原创 HttpPost使用setEntity传递参数传了个寂寞
试了两种方法都无法获取参数。但是不知道原因。方法1httpPost.setHeader("Content-Type", "application/json;charset=utf-8");httpPost.setEntity(new StringEntity(params.toJSONString(), StandardCharsets.UTF_8));方法2httpPost.setHeader("Content-Type", "application/json;charset=utf-8");
2021-04-08 13:27:04
15253
3
原创 ajax请求不能用于下载文件
下载文件的请求url对应的是一个文件流,ajax接收不到。实现文件下载功能,只要是可实现页面跳转,浏览器会自己判断该文件是下载还是渲染。因此 可使用a标签、form表单、iframe标签。a标签<a href="http://locahost:8080/downloadtest">test</a>form表单<form action="http://locahost:8080/downloadtest" method="get"> <
2021-04-07 14:15:47
327
原创 移动端开发iphone手机适配
采用viewport-fit的meta标签作为适配方案。autocover默认,页面内容显示在安全区内页面内容充满屏幕<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">注:若在css中使用calc()方法 其不能和vh、vw等
2021-04-07 11:00:10
209
原创 笔记笔记笔记
Windows命令netstart -ano // 查看已被占用端口及对应进程regedit // 打开注册表mvn install:install-file -DgroupId=com.oracle -DartifactId=ojdbc14 -Dversion=11.1.0.6.0 -Dpackaging=jar -Dfile=ojdbc14.jar// 导入jar包到Maven库。Linux命令ps -ef|grep key // 查含关键字key的正在运行的进程kill -9
2021-04-07 10:33:24
1417
原创 Chrome必装插件
Adblock Plus - 免费的广告拦截器Chrono下载管理器FeHelper(前端助手)GitHub加速IE TabNeater BookmarksTampermonkeyVideo Speed ControllerVue.js devtools图片助手(ImageAssistant) 批量图片下载器
2021-04-07 10:21:35
144
原创 前台传json数据,数据量太大时接口接收参数值为null
一般前端将数组数据传给后台接口时,需要转换成json。但如果数据量太大,后台接口用String接收前端传过来的json数据会为null值。这种情况下 前台可以将数据转成json后放入文件中,后台接口读取传过来的文件内容 然后进行解析。代码如下saveResult() { var content = JSON.stringify(this.resultList); var blob = new Blob([content], {type : 'text/plain;charset=ut
2021-03-31 14:30:28
2252
原创 java反射通用类 - 调用实体类set及get方法
package com.ieslab.wechatapp.util;import com.ieslab.wechatapp.powerbalance.entity.PowerGenerationData;import org.slf4j.Logger;import org.slf4j.LoggerFactory;import java.lang.reflect.Field;import java.lang.reflect.InvocationTargetException;import ja
2021-03-31 14:02:15
1754
1
原创 Vant-Swipe轮播组件控制可滑动区域范围
使用移动端触摸事件touchstart、touchend来动态改变swipe的touchable属性值。代码如下:<div @touchstart="swipeClick($event)" @touchend="swipeClickEnd" id="newEnergyTabCard"> <van-swipe @change="onChange" ref="newEnergySwipe" :touchable="touchable"> <template
2021-03-31 11:46:01
3452
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人