- 博客(35)
- 收藏
- 关注
RSS订阅原创 mybatis 使用 foreach
定义service接口实现service接口，并注入Mapper层方法编写Mapper层方法编写Mapper对应的配置文件foreach 使用collection: 需做foreach(遍历)的对象，作为入参时，list、array对象时，collection属性值分别默认用"list"、“array"代替，Map对象没有默认的属性值。但是，在作为入参时可以使用@Param(“keyName”)注解来设置自定义collection属性值，设置keyName后，list、array会失效；i
2025-04-09 09:14:17
252
原创 SpringBoot结合hutool实现Excel 导入导出
import cn// 输出第几张表格 从0开始 // System.out.println(rowIndex);// 输出第几行数据 从0开始 第一行一般为表头 // System.out.println(list);// 每行的数据 封装在一个列表里面 Map mp = new HashMap < >();} }// 输出第几张表格 从0开始 // System.out.println(rowIndex)
2025-03-24 16:05:23
237
原创 使用node做大量insert时报错：ER_CON_COUNT_ERROR: Too many connections
代码】使用node做大量insert时报错：ER_CON_COUNT_ERROR: Too many connections。
2022-08-16 17:14:52
839
原创 oracle利用sql语句实现分组小计（grouping，group by ,rollup）
例如12两行，grouping(A)和grouping(B)由于被groupbyrollup(a,b)分组时，先按照groupby(a,b)分组，后按照groupbya分组，所以12两行的grouping(A)和grouping(B)显示为0。同样第三行的grouping(A)被按照groupbya分组过，所以也显示为0，第三行的grouping(B)列因为未被分组过，所以显示为1。#利用decode，达成最终结果。......
2022-07-29 10:17:34
1332
原创 element-ui 动态级联选择器Cascader
官方给的例子也没有问题，问题在于如果想依照官方文档上的写法获取data中声明的参数就较为困难，所以需要使用第二种方式改变this指向即可。
2022-07-26 16:00:14
1152
1
原创 关于前端跨域问题
#这里举例node中使用cors实现跨域node跨域const express = require('express');const app = express();const bodyParser = require('body-parser');const base = require('./server_db.js')//解决跨域问题app.use(require('cors')())//挂载内置中间件app.use(express.static('public'));//挂载参
2022-04-20 16:48:51
103
原创 VUE 中watch(监听)的使用
监听的用法和VUE2中没有区别，只不过VUE3中可以写多个watch，避免了多个监听时引入计算属性computed的操作<template> <div class="test"> <input type="text" v-model="table_data.test" /> <input type="text" v-model="test_data" /> </div></template><script&
2021-09-13 11:00:12
552
原创 vue3中获取 table的列数据
前两天有个朋友问我vue3中怎么获取table中的数据，我原本教他想用vue2中的ref的，结果发现3和2不同了，研究了半天发现不会用。无奈就先给了个其他的解决方案，代码如下：<template> <div class="test"> <table> <tr v-for="(item,i) in table_data.td"> <td >{{item}}</td> <td><butt
2021-08-27 14:57:08
3780
2
原创 node 实现文件上传
搭建express服务const express = require('express');const app = express();const bodyParser = require('body-parser');const base = require('./oracle_connect.js');//解决跨域问题app.use(require('cors')());//挂载内置中间件app.use(express.static('public'));//挂载参数处理中间件(po
2021-05-27 16:55:33
494
1
原创 VUE+node+element 实现文件批量上传
<template> <div class="file"> <el-upload class="upload-demo" drag action="http://localhost:8000/importFile" multiple ref="upload" :name="theName" :on-preview="handlePreview" :before-remove="beforeRemove" :on-remove="handleRemove">
2021-05-26 17:49:03
249
原创 VUE中的递归组件
VUE中的递归组件什么是递归VUE递归(一般用来做树状图)VUE递归代码(因为昨天接触了VUE3，所以这里采用VUE3的写法)什么是递归递归就是自己调用自己，当符合一定条件的时候退出(不退出也行，不过会堆栈溢出报错),代码：function abc(a,b){ console.log(parseInt(a)+parseInt(b));// 3 5 9 17 let c = parseInt(a)+parseInt(b); if (c>10){ return c; } abc(
2021-05-13 10:58:35
710
原创 VUE2 和 VUE3 区别
VUE2 和 VUE3 区别首先上官网VUE2VUE3图片说明代码自己不是一个前端工作者，由于个人兴趣，学了一些vue，但是今年因为要做一个东西，我创建了一个vue项目，怎么调试不对，查了下才发现自己创建的是vue3项目，所以这里简单记录下区别，以便后续自己查证（由于是个人理解，可能有所欠缺）首先上官网vue3中文官网 这里可以查看vue3的一些api，便于我们查证学习VUE2一：Options API什么是Options，英文翻译是选项，实际就是咱们在vue2中用的 data(保存数据用
2021-05-12 15:43:26
908
原创 node 连接 oracle 数据库
场景因项目ERP中需要做一个维修计划表，ERP中功能已经实现完成，但报表实现比较困难，所以采用node+vue做一个网页，提供打印报表功能。又因为ERP使用的是oracle数据库，所以有此文章代码前提安装oracledb npm install oracledblet oracle = require('oracledb');let config = { user:'ifsapp', password:'ifsapp', connectString:'172.16.66.224:
2021-04-02 11:23:45
2011
原创 VUE 中 ref 和 refs
1、获取元素节点如下面代码所示：实际就相当于 document.getElementById(‘the_right’)<!-- 此代码为VUE代码 --><template> <div class="power"> <div id="the_left"> <Aside></Aside> </div> <div id="the_center" @mousedown="get_width($ev
2020-12-21 11:06:19
54332
原创 VUE2和VUE3 生命周期
VUE声明周期可分为8个部分再做vue的时候引用了一些外部js框架，发现无论怎么改都不生效，然后就怀疑可能是vue的生命周期的问题，然后根据生命周期的钩子函数一个个测试后，发现框架在mounted使用生效了。所以这里再次记录下vue的生命周期，以加深记忆<script type="text/javascript"> beforeCreate //创建前 created //创建后 beforeMount //载入前 mounted //载入后 beforeUpdate //更新前
2020-12-18 16:09:51
552
原创 CSS 常用定位方式
常用的定位方式<style> .test_box{ position: absolute;/* 绝对定位，相对于 static 定位以外的第一个父元素进行定位。*/ position: fixed;/* 固定定位，相对于浏览器窗口进行定位。*/ position: relative;/* 相对定位的元素，相对于其正常位置进行定位。*/ position: sticky;/* 粘性定位，该定位基于用户滚动的位置。*/ } /* [粘性定位详解] h
2020-12-16 17:51:12
339
原创 利用CSS3 媒体查询 和 rem 简单实现响应式布局
媒体查询第一种方式，直接在style中编写<style> /* 当屏幕宽度大于360px时 */ @media screen and (min-width:360px){ html{ font-size: 10px; } } /* 当屏幕宽度大于600px时 */ @media screen and (min-width:600px){ html{ font-size: 15px; } } </style>re
2020-12-15 14:34:27
430
原创 VUE 组件切换，数据不变问题
组件复用问题这里就写代码了，因为问题相对简单，但是不记录又容易找不到问题，所以在此记录，加深记忆VUE组件复用时，经常会发生界面切换，发现数据没有变化(两个切面组件是一样的被复用了，复用的目的是提升渲染效率)，这时只需要针对组件的增加一个key就好(Diff算法)，实际所有的v-for 循环都建议绑定 :key 属性，以提升运行效率...
2020-12-11 10:18:57
1493
原创 使用node 将mysql 数据封装成tree
数据库中数据封装 let tree = []; function get_data(sql,sql_w,callback){ //连接数据库,并执行sql语句 connection.query(sql,sql_w,(err,res,fie)=>{ if(err) throw err; callback(res) }) } //查询id所对应的所有下级数据,并将其放入到对应节点中 function get_children(id,res,the_node){ f
2020-12-06 23:56:13
302
原创 nodejs 连接MySQL后，查询输出数据带有RowDataPacket
使用 nodejs 和 mysql 查询时，输出的查询数据，带有RowDataPacket 导致使用for循环无法取出数据如下：//加载数据库驱动const mysql = require('mysql') //创建数据库连接 const connection = mysql.createConnection({ host:'localhost', user:'root', password:'root', database:'ifs' }) let sql = 'se
2020-12-04 09:57:21
855
原创 CSS 粘性定位(position: sticky)问题
二主要讨论下粘性定位 position：sticky 其他定位可参考 w3cschool这里分条讲述：一：应用场景当有滚动条的时候，你想将一个元素固定在界面上，拖动滚动条，其位置依然没有变动的时候使用例如下图：二：解决方案<!-- 效果：当不拖动滚动条时，新建按钮会占用一定的位置，并把table给挤到下方去，拖动滚动条时，按钮会固定在这个位置，不会被上方王小虎所在的div盒子遮挡 --><style scoped="scoped">.add{ position
2020-12-03 11:37:35
1958
原创 盒子滚动条问题
一使用div或者其它盒子元素定义一个盒子<div id="the_right"> <TableData :table_data = 'tableData'></TableData></div><style> #the_right{ height: calc(100vh - 62px); width: calc(100vw - 38vw - 12px); }</style>此时盒子是没有滚动条的为其添加样式
2020-12-03 10:18:12
2193
原创 VUE axios 封装报错 TypeError: this.$http.get is not a function
1、封装axioshttp.jsimport axios from 'axios';const requests = axios.create({ baseURL:'http://localhost:8000/', timeout:600 //请求超时时间})//错误处理函数const err = (error) =>{ if(error.response){ const data = error.response.data; if(error.response.sta
2020-12-02 18:44:06
9171
原创 CSS3 的宽高设置 vh和vw
#CSS3 的宽高设置 vh和vw昨天晚上写样式，需要用到屏幕的宽高，原本还在用js的写法：网页正文全文宽： document.body.scrollWidth网页正文全文高： document.body.scrollHeight结果搜索的时候发现了CSS3的 vh和vw##vh和vwvh: 表示可见区域高度, 假如浏览器可见区域高度为100px，1vh 就表示1px; 即可见被均分为100单位的vh：vw: 表示可见区域宽度, 假如浏览器可见区域宽度为100px，1vw 就表示
2020-12-01 09:34:08
2259
1
原创 node 模块化导出导入的方式
#第一种 module.exports导出const age = 15;module.exports = age;导入//此处的age 与导出的 age 可以不一样const age = require(./action.js)console.log(age)//这种写法也可以//const age_age = require(./action.js)//console.log(age_age )#第二种 export default导出const name = 'ale
2020-11-27 17:03:59
692
原创 mysql+node+vue 初步连通
mysql+node+vue 初步连通axios 封装import axios from 'axios';import Vue from 'vue'const requests = axios.create({ baseURL:'http://localhost:8000/', timeout:600 //请求超时时间})//错误处理函数const err = (error) =>{ if(error.response){ const data = error.respo
2020-11-24 10:34:12
314
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人