2021 年 12月随笔档案 - 周文豪

jQuery高级

摘要：一、动画三种方式显示和隐藏元素 1、默认显示和隐藏方式 1）、show([speed,[easing],[fn]])([easing],[fn]可省略) 参数：（1）、speed：动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如：1000 阅读全文

posted @ 2021-12-29 10:18 周文豪阅读(66) 评论(0) 推荐(0) 编辑

CSS

摘要：一、概念 Cascading Style Sheets 层叠样式表。层叠：多个样式可以作用在同一个html的元素上，同时生效二、好处 1）、功能强大 2）、将内容展示和样式控制分离降低耦合度。解耦让分工协作更容易提高开发效率三、CSS与html结合方式 1、内联样式在标签内使用styl 阅读全文

posted @ 2021-12-28 10:45 周文豪阅读(39) 评论(0) 推荐(0) 编辑

jQuery基础

摘要：一、概念概念：一个JavaScript框架。简化JS开发(bootStrap定义了很多css样式和js插件) jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“writ 阅读全文

posted @ 2021-12-27 11:54 周文豪阅读(96) 评论(0) 推荐(0) 编辑

javaScript高级：BOM和DOM

摘要：一、BOM 1、概念 Browser Object Model 浏览器对象模型。它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。 2、组成 * Window：窗口对象 * Navigator：浏览器对象 * Scree 阅读全文

posted @ 2021-12-27 11:09 周文豪阅读(66) 评论(0) 推荐(0) 编辑

javascript基础：ECMAScript

摘要：一、概念 javascript是一门客户端脚本语言。 * 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎。 * 脚本语言：不需要编译，直接就可以被浏览器解析执行了。浏览器执行JS简介：浏览器分为两部分：渲染引擎和JS引擎渲染引擎：用来解析HTML和CSS，俗称内核，比如阅读全文

posted @ 2021-12-27 10:38 周文豪阅读(128) 评论(0) 推荐(0) 编辑

Layui在弹出层实现轮播图效果

摘要：一、官网弹出层和轮播图代码 layui官网：http://www.uimaker.com/layui/doc/modules/carousel.html 官网代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>carou 阅读全文

posted @ 2021-12-26 21:16 周文豪阅读(2244) 评论(0) 推荐(1) 编辑

访问本地电脑图片方法三：tomcat的server.xml中进行配置来实现访问本地电脑的图片

摘要：如何访问电脑图片： 1、当前端部署在nginx中时，要想访问图片，需要通过nginx配置虚拟主机来访问本地电脑图片。参考：https://www.cnblogs.com/zwh0910/p/15400883.html 2、当时springboot项目时，配置静态文件映射来实现访问本地电脑图片参考阅读全文

posted @ 2021-12-23 17:31 周文豪阅读(568) 评论(0) 推荐(0) 编辑

layer.opent()方法显示图片

摘要：<label class="col-sm-2 control-label">饮片检验报告：</label> <div class="col-sm-2" style="margin-top: 6px;"> <span id="ypjybg"></span> </div> 当从后台获取到数据后，就会填充阅读全文

posted @ 2021-12-23 17:13 周文豪阅读(899) 评论(0) 推荐(0) 编辑

清除重复值:distinct

摘要：在表中，可能会包含重复值。这并不成问题，不过，有时您也许希望仅仅列出不同（distinct）的值。关键词 DISTINCT 用于返回唯一不同的值。查询指定列并且结果不出现重复数据 SELECT DISTINCT 字段名 FROM 表名; student表如下： CREATE TABLE `stud 阅读全文

posted @ 2021-12-21 14:11 周文豪阅读(230) 评论(0) 推荐(0) 编辑

报错：Request Entity too large

摘要：如图：原因：nginx限制了请求大小，默认是1M，超出限制会出现413错误修改：client_max_body_size 100m; server { listen 3001; server_name 127.0.0.1; proxy_cache nginx; proxy_cache_valid 阅读全文

posted @ 2021-12-20 19:31 周文豪阅读(309) 评论(0) 推荐(0) 编辑

报错：同一个类不能强制转换：cannot be cast to

摘要：报错如下：com.ccb.jawa.app.sys.model.UserInfo cannot be cast to com.ccb.jawa.app.sys.model.UserInfo 原因：加了一个热处理【devtools】而为了实现热部署，Devtools原有自己的类加载器，进行更新，由于类阅读全文

posted @ 2021-12-20 09:29 周文豪阅读(7907) 评论(0) 推荐(0) 编辑

报错：For input string: ""

摘要：报错具体内容如下：原因分析：输入空字符串，无法解析成长整形错误代码：前端 openEditDialog(dialogStatus, titleStatus, row) { this.dialogTableVisible = dialogStatus; this.titleStatus = ti 阅读全文

posted @ 2021-12-20 09:28 周文豪阅读(1362) 评论(0) 推荐(0) 编辑

报错：无效的列类型: 1111

摘要：情况一：报错如下：可以看出时standardValue字段出现了问题。错误代码： @Override public Result edit(ProductCheckItem productCheckItem) { UserDTO user = SessionCache.get(); produ 阅读全文

posted @ 2021-12-20 09:27 周文豪阅读(2505) 评论(0) 推荐(0) 编辑

报错：ORA-00918: 未明确定义列

摘要：报错信息：错误代码： <select id="selectSubList" resultMap="resultCtsProduct"> select t1.*,t2.* from b_cts_product t1 inner join b_product t2 on t1.subtypeno=t2 阅读全文

posted @ 2021-12-20 09:26 周文豪阅读(364) 评论(0) 推荐(0) 编辑

报错：不是 GROUP BY 表达式

摘要：报错如下：错误sql SELECT b.batchno, b.subtypeno, b.entity_id, b.package_spec, b.package_ratio, b.produce_date, b.validate_date, a.PACKLAYER, a.CURCODE, bc.p 阅读全文

posted @ 2021-12-20 09:25 周文豪阅读(2774) 评论(0) 推荐(0) 编辑

SpringBoot整合JDBCTemplate

摘要：一、spring JDBC Spring框架对JDBC的简单封装。提供了一个JDBCTemplate对象简化JDBC的开发。步骤： 1、添加依赖 2、创建JdbcTemplate对象。依赖于数据源DataSource * JdbcTemplate template = new JdbcTempl 阅读全文

posted @ 2021-12-19 22:23 周文豪阅读(2697) 评论(0) 推荐(0) 编辑

报错：unclosed string（idea控制台打印日志的限制）

摘要：在调接口时，会将请求体进行加密，代码如下： public class DataEncrypt2Test { public static void main(String[] args) throws Exception { String pubKey = "省略不写";// 生产批次 StringB 阅读全文

posted @ 2021-12-18 14:36 周文豪阅读(6670) 评论(0) 推荐(0) 编辑

报错：Message is larger than modules

摘要：我们将请求体加密后，访问后台，在获取applyData时报错。原代码如下： public class DataEncrypt2Test { public static void main(String[] args) throws Exception { String pubKey = "省略不写阅读全文

posted @ 2021-12-17 19:25 周文豪阅读(4649) 评论(0) 推荐(0) 编辑

报错：常量字符串过长

摘要：原因分析：常量字符串的长度不能长于65535 - 1字节；由于图片通过接口传递，图片转为base64编码后，字符串很大，故yreport的值很大，有360800个字符。原代码： public class DataEncrypt2Test { public static void main(Str 阅读全文

posted @ 2021-12-17 19:13 周文豪阅读(2698) 评论(0) 推荐(0) 编辑

局域网的IP与外网的IP：查看本机外网的ip

摘要：在cmd中通过ipconfig获取的ip为局域网的ip 要想获取外网的IP：在百度中输入IP即可看到注意： 1、公司的猫的IP为外网的IP，公司内部所有电脑的外网IP都是一样的，即猫的IP。要想访问内网的IP，需要内网穿透。 2、如果公司中牵的网线为动态的IP，那么IP就不是固定的，每次重启猫，I 阅读全文

posted @ 2021-12-17 11:12 周文豪阅读(836) 评论(0) 推荐(0) 编辑

黑马程序员hibernate2017版4天的讲义免费下载

摘要：网盘地址：链接：https://pan.baidu.com/s/1jabNfOqGcKfPXesREdgfgw 提取码：0nkc --来自百度网盘超级会员V5的分享阅读全文

posted @ 2021-12-17 09:58 周文豪阅读(31) 评论(0) 推荐(0) 编辑

tomcat部署前端vue项目

摘要：1、将前端请求的后台的路径改为后台tomcat的端口，由于我的后台部署在tomcat中，tomcat的端口为8081，故： // 创建axios实例 const service = axios.create({ baseURL: 'http://localhost:8081/api', timeou 阅读全文

posted @ 2021-12-15 22:17 周文豪阅读(2274) 评论(0) 推荐(0) 编辑

Linux常用命令

摘要：一、目录操作常用目录 /root：该目录为系统管理员，也称作超级权限者的用户主目录。/home：用户的主目录，在Linux中，每个用户都有一个自己的目录，一般该目录名是以用户的账号命名的。/etc：这个目录用来存放所有的系统管理所需要的配置文件和子目录。/usr：这是一个非常重要的目录，存阅读全文

posted @ 2021-12-15 17:14 周文豪阅读(105) 评论(0) 推荐(0) 编辑

腾讯云服务器如何开放端口？

摘要：1、进入控制台，选中云服务器，点击云服务器的名称 2、选择安全组 3、选择入站规则和出站规则 4、点击编辑规则，你就可以放通想要放通的端口阅读全文

posted @ 2021-12-15 16:50 周文豪阅读(4579) 评论(0) 推荐(0) 编辑

package打包报错：There are test failures

摘要：报错如下：原因分析：测试类报错解决办法：第一个办法：将测试类注释掉。第二个办法：单击idea界面中选择右边的Maven projects 界面，在界面中有一排按钮选择如下图红框中按钮（Toggle ‘Skip Tests’ Mode），此时按钮就是选中状态；选中之后：此时再次packag 阅读全文

posted @ 2021-12-14 20:30 周文豪阅读(3878) 评论(0) 推荐(1) 编辑

报错：程序包com.sun.image.codec.jpeg不存在

摘要：原因分析：这个类文件的位置在jre/lib/rt.jar，而我们设置的java_home下面的lib/dt.jar中没有这个文件，导致编译失败。通过配置maven-compiler-plugin插件可以解决此问题。解决办法：想办法打包的时候包含进rt.jar。添加如下插件 <plugins> < 阅读全文

posted @ 2021-12-14 20:23 周文豪阅读(2427) 评论(0) 推荐(0) 编辑

junit单元测试：@Before、@After

摘要：@Before:修饰的方法会在测试方法之前被自动执行 @After:修饰的方法会在测试方法执行之后自动被执行案例1： //预处理执行对象 public class JdbcDemo2 { Connection connection=null; PreparedStatement statement 阅读全文

posted @ 2021-12-14 09:56 周文豪阅读(998) 评论(0) 推荐(0) 编辑

报错：Caused by: java.sql.SQLException: Field 'id' doesn't have a default value

摘要：原因：MySQL数据库没有设置id为自动增长阅读全文

posted @ 2021-12-13 21:52 周文豪阅读(94) 评论(0) 推荐(0) 编辑

element-ui表格table组件的树形表格

摘要：支持树类型的数据的显示。当 row 中包含 children 字段时，被视为树形数据。渲染树形数据时，必须要指定 row-key。通过指定 row 中的 hasChildren 字段来指定哪些行是包含子节点。children 与 hasChildren 都可以通过 tree-props 配置。阅读全文

posted @ 2021-12-13 09:50 周文豪阅读(3260) 评论(0) 推荐(0) 编辑

使用Set集合对List集合去重

摘要：一、如果List中是字符串时先将List转为Set集合，再将Set集合转成List 代码如下： @RunWith(SpringRunner.class) @SpringBootTest(classes = MySpringBootApplication.class) public class Li 阅读全文

posted @ 2021-12-12 20:53 周文豪阅读(482) 评论(0) 推荐(0) 编辑

双向绑定v-model与单向绑定v-bind:value

摘要：一、v-model语法糖 vue使用v-model在表单元素上创建双向数据绑定，在官方文档中简单的提到了它的本质只是一个语法糖，在单向数据绑定的基础上，增加了监听用户输入事件并更新数据的功能；简单点说，如果有这样一段模板： <input v-model="message" type="text"/ 阅读全文

posted @ 2021-12-12 11:20 周文豪阅读(929) 评论(0) 推荐(0) 编辑

TreeSelect组件：v-model语法糖进行父子组件传值案例

摘要：效果：一、组件代码 <template> <!--el-select中v-model/value的值为当前被选中的el-option的value属性值, 为el-select设置disabled属性，则整个选择器不可用, 为el-select设置clearable属性，则可将选择器清空。clear 阅读全文

posted @ 2021-12-11 21:33 周文豪阅读(1421) 评论(0) 推荐(0) 编辑

带卡片的input输入框

摘要：效果：点击右侧的icon图标，弹出一个card，代码如下： <el-form-item label="菜单图标" prop="icon">  <el-input class="icon-input" :read 阅读全文

posted @ 2021-12-11 15:50 周文豪阅读(265) 评论(0) 推荐(0) 编辑

带 icon 的输入框：slot方式。slot="prefix"和slot="suffix"

摘要：一、带有图标标记输入类型 1、官网中使用代码如下： <div class="demo-input-suffix"> slot 方式： <el-input placeholder="请选择日期" v-model="input3"> <i slot="suffix" class="el-input__ 阅读全文

posted @ 2021-12-11 12:08 周文豪阅读(6569) 评论(0) 推荐(0) 编辑

element-UI：在el-table-column中用prop属性来对应对象中的键名即可填入数据

摘要：根据elementUI中的，当el-table元素中注入data对象数组后，在el-table-column中用prop属性来对应对象中的键名即可填入数据， <el-table ref="multipleTable" :data="list" style="width: 100%" size="sm 阅读全文

posted @ 2021-12-10 17:03 周文豪阅读(12933) 评论(0) 推荐(0) 编辑

前端报错： error in ./src/assets/fonts/iconfont.svg?t=1523541245904，Module parse failed: Unexpected token (1:0)，vue.config.js中引入chainWebpack后报错

摘要：报错如下：由于我在登录页面中，虽然icon图标提供了一系列的图标，但是你找完后发现并没有那个图像和小锁，此时可以通过第三方的图标库来实现。第三方图标库采用阿里图标库，iconfont.css中就有我们需要用到的图标。 1、将素材中的fonts目录放到assets目录下， 2、在main.js入阅读全文

posted @ 2021-12-10 16:30 周文豪阅读(3573) 评论(0) 推荐(0) 编辑

当主键不是id时，而是其他字段，那么该字段要加上@Id注解（除了表中指定主键，实体类中也要用@Id指定主键）

摘要：实体类如下： @Data @Table(name = "t_sys_role") @Accessors(chain = true) public class Role extends BaseEntity implements Serializable { private static final 阅读全文

posted @ 2021-12-10 09:54 周文豪阅读(417) 评论(0) 推荐(0) 编辑

java将文件转为base64字符串和将base64字符串转为文件

摘要：一、引入依赖 <dependency> <groupId>commons-codec</groupId> <artifactId>commons-codec</artifactId> <version>1.11</version> </dependency> 二、将文件转为base64字符串 Att 阅读全文

posted @ 2021-12-09 11:50 周文豪阅读(4533) 评论(0) 推荐(0) 编辑

父组件向子组件传递getList方法：provide/inject

摘要：父组件：引入、注册、使用子组件 import Edit from './edit' components: { Edit }, <edit ref="edit"></edit> 代码如下: let thatexport default { name: 'index', components: { 阅读全文

posted @ 2021-12-08 19:50 周文豪阅读(77) 评论(0) 推荐(0) 编辑

IDEA使用easycode快速生成代码（逆向工程）

摘要：在使用mvc架构编写代码时，通常都是写controller、service、dao及xml。其中IDEA有一款插件easycode，可以快速生成这些，可大大提高代码效率。一、安装easycode插件 File→settings→Plugin 二、mysql数据库生成代码 1、事先需要准备一个数据库阅读全文

posted @ 2021-12-08 19:17 周文豪阅读(1010) 评论(0) 推荐(0) 编辑

BCryptPasswordEncoder加密与MD5加密

摘要：参考文章：https://blog.csdn.net/weixin_42531204/article/details/105254213 一、使用BcryptPasswordEncoder spring security中的BCryptPasswordEncoder方法采用SHA-256 +随机盐+ 阅读全文

posted @ 2021-12-07 10:20 周文豪阅读(1381) 评论(1) 推荐(0) 编辑

滑块验证机制

摘要：效果：代码如下： <template> <div class='login_container'> <div class="login_box">  <div class="avatar_box"> <img src="../../assets/baby.jpg" alt= 阅读全文

posted @ 2021-12-06 19:32 周文豪阅读(172) 评论(0) 推荐(0) 编辑

navMenu如何实现跳转？

摘要：根据menu属性router来实现， router属性：是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转将router的属性值设置为true即启用router属性。 <el-menu default-active="/main/dataS 阅读全文

posted @ 2021-12-05 09:58 周文豪阅读(546) 评论(0) 推荐(0) 编辑

vue项目报错：$ is not defined

摘要：报错如下：解决办法：引入jquery 1）、安装jquery cnpm i jquery -s 2)、main.js中引入 import $ from 'jquery' window.jQuery = $;window.$ = $; 阅读全文

posted @ 2021-12-04 22:27 周文豪阅读(1584) 评论(0) 推荐(0) 编辑

状态合并：replaceState

摘要：看如下代码： import Vue from "vue"; import Vuex from "vuex"; import getters from "./getters"; Vue.use(Vuex); const modulesFiles = require.context("./modules 阅读全文

posted @ 2021-12-04 21:38 周文豪阅读(80) 评论(0) 推荐(0) 编辑

store/index.js中引入并注册modules目录中的js文件：require.context

摘要：一、常规方式 1）、先引入 import user from './modules/user' import app from './modules/app' import settings from './modules/settings' 2）、注册到modules中 modules: { us 阅读全文

posted @ 2021-12-04 21:07 周文豪阅读(451) 评论(0) 推荐(0) 编辑

路由导航守卫中document.title = to.meta.title的作用

摘要：路由导航守卫如下： router.beforeEach(async (to, from, next) => { document.title = to.meta.title; // 路由发生变化时候修改页面中的title const hasToken = store.getters.token; i 阅读全文

posted @ 2021-12-04 16:46 周文豪阅读(1182) 评论(0) 推荐(0) 编辑

vue路由中meta的作用

摘要：meta简单来说就是路由元信息，也就是每个路由身上携带的信息。当我们做面包屑功能时，会用到meta。面包屑效果如下： router/index.js中代码如下: { path: '/backstage', component: Layout, redirect: '/backstage/menu 阅读全文

posted @ 2021-12-04 16:12 周文豪阅读(1774) 评论(0) 推荐(0) 编辑

vue:app.vue中添加监听beforeunload事件，即当浏览器窗口关闭或刷新时删除vuex中的数据

摘要：当打开页面时，添加事件监听，即监听beforeunload事件，beforeunload事件在关闭页面时触发。即当关闭页面时，手动删除localStorage中的数据。 app.vue中的代码如下： <template> <div id="app"> <router-view /> </div> < 阅读全文

posted @ 2021-12-03 17:49 周文豪阅读(4324) 评论(0) 推荐(0) 编辑

vue设置全局样式：loadOptions

摘要：vue中全局设置样式有两种方法：第一种：只需要在main.js中引入如global.css html,body,#app{ height: 100%; margin: 0px; padding: 0px; } 在main.js中引入 import "./styles/index.scss";im 阅读全文

posted @ 2021-12-03 16:59 周文豪阅读(6246) 评论(0) 推荐(2) 编辑

vue-cli中设置publicPath：一个nginx部署多个项目时使用

摘要：执行npm run build打包后，生成的dist文件如下： 1、当设置publicPath为/时修改vue.config.js文件 module.exports = { publicPath: '/', configureWebpack: { resolve: { //设置别名 alias: 阅读全文

posted @ 2021-12-03 15:30 周文豪阅读(3415) 评论(0) 推荐(0) 编辑

内网穿透frp

摘要：一、内网穿透基本原理内网穿透又叫 NAT 穿透，常用的工具有很多，比如 ngrok、花生壳、frp等 FRP:高性能反向代理应用，支持tcp、udp、http、https协议。 frp 的作用利用处于防火墙后的机器，对外网环境提供 http 或 https 服务。对于 http, https 阅读全文

posted @ 2021-12-02 19:04 周文豪阅读(707) 评论(0) 推荐(0) 编辑

如何将dmp文件导入oracle数据库

摘要：1、cmd下进入oracle sqlplus system/密码 2、创建表空间 --创建表空间 create tablespace gypts datafile 'D:\app\miracle\product\11.2.0\userdata\gypts.dbf' size 100m autoext 阅读全文

posted @ 2021-12-02 15:49 周文豪阅读(4000) 评论(0) 推荐(0) 编辑

反向代理（reverse proxy）

摘要：一、概念反向代理正好与正向代理相反，对于客户端而言代理服务器就像是原始服务器，并且客户端不需要进行任何特别的设置。客户端向反向代理的命名空间(name-space)中的内容发送普通请求，接着反向代理将判断向何处(原始服务器)转交请求，并将获得的内容返回给客户端。使用反向代理服务器的作用如下： 1 阅读全文

posted @ 2021-12-02 11:46 周文豪阅读(698) 评论(0) 推荐(0) 编辑

微信小程序：如何获取openid?

摘要：官方解释：https://developers.weixin.qq.com/community/develop/article/doc/000c80906b4210625f3bde3775bc13 我们看看不使用云开发的情况：第一步、调用wx.login获取code，再携带code像后台发起请求阅读全文

posted @ 2021-12-02 10:37 周文豪阅读(9164) 评论(0) 推荐(0) 编辑

springboot整合shiro安全框架

摘要：一、创建一个springboot项目创建完成后目录如下：补齐目录结构二、添加依赖 <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> < 阅读全文

posted @ 2021-12-01 18:07 周文豪阅读(145) 评论(0) 推荐(0) 编辑

测试spring boot中的数据源是否使用的是hikari？使用JPA或者Mybatis都是会默认自动使用Hikari数据库连接池

摘要：一、测试写一个测试类 import org.junit.Test; import org.junit.runner.RunWith; import org.springframework.beans.factory.annotation.Autowired; import org.springfr 阅读全文

posted @ 2021-12-01 18:02 周文豪阅读(614) 评论(0) 推荐(0) 编辑

Shiro安全框架

摘要：一、什么是Shiro？ Apache Shiro是一个强大且易用的Java安全框架,执行身份验证、授权、密码和会话管理。使用Shiro的易于理解的API,您可以快速、轻松地获得任何应用程序,从最小的移动应用程序到最大的网络和企业应用程序。 Apache Shiro 的首要目标是易于使用和理解。安全阅读全文

posted @ 2021-12-01 11:27 周文豪阅读(382) 评论(0) 推荐(0) 编辑