- ALL
- java33
- linux32
- 工具17
- 其他14
- 数据库6
- vue5
- nas5
- 前端5
- git4
- ai3
- framework3
- windows3
- 脚本2
- app2
- docker2
- hexo2
- 智能家居2
- 小程序2
- maven2
- spring2
- mysql1
- api1
- 资源1
- markdown1
- 安全1
- question1
- python1
- 数据传输1
- 数据结构1
- nginx1
spring boot+mybatis plus进行sql拦截实现权限过滤,优化升级
上一篇的内容优化升级,实现类上注解,新增、删除、更新时同时进行数据权限判断
el-upload文件上传封装
文件上传组件封装、预览,使用element-ui的el-upload组件
js常用的工具类示例
常用的js工具类示例。轮训获取树形结构的每一条线,获取一个树形结构的某一个树形的一维数组,根据某一个节点获取所有的祖级节点,数组去重,时间格式化,对象深拷贝,构造树形结构,计算坐标中心点
uni-app跨域问题处理
uni-app发送的请求中包含自定义header导致的跨域问题解决,包含uni-app处理方式和spring boot服务解决方式。
spring boot+mybatis plus进行sql拦截实现权限过滤
实现以下业务场景:登录用户绑定一个或多个机构,每个机构包含若干个企业,根据列名`ent_id`在数据库进行企业数据筛选,登录用户查询数据时会自动筛选出用户关联的企业数据。
vue实现3d地图的展示与切换
引入echarts依赖
npm install echarts
npm install echarts-gl
定义一个使用3d地图的组件
<template>
<div class="echarts"/>
</template>
<script>
import {watchEffect} from 'vue'
import * as echarts from 'echarts'
import debounce from 'lodash/debounce'
import {addListener, removeListener} from 'resize-detector'
const INIT_TRIGGERS = ['theme', 'initOptions', 'autoResize']
const REWATCH_TRIGGERS = ['manualUpdate', 'watchShallow']
export default {
props: {
option: {
type: Object,
...
在mysql中查询最终组装为树形结构的数据
根据子级某个节点查询出所有上级节点或者根据某个父级节点查询出所有下级节点
spring boot配置文件中环境变量的使用说明
开发过程中存在多个环境,如不同的redis、mysql、minio环境等,未保证配置文件的唯一性,不过被不同开发者随意修改并上传,所以统一规定使用系统环境变量来控制,最终达到不修改配置文件而成功使用不同开发环境的目的。同时避免源码泄露导致个人开发环境中host、账号密码登信息泄露。
前端代码示例及记录
背景图片自适应大小
background-image: url("../../static/permission/login-bg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
height: 100vh;
width: 100vw;
点击非目标元素使目标消失
<img src="../../static/equip/tip.png" class='has-tooltip' @click="clickImg" @click.stop="tooltipShow = true"/>
<div class="tooltip-div" v-bind:class="tooltipShow ? 'o-1' : 'o-0'" ref="showTooltip">
<span class='tooltip'>图片能明确本治理设施风量,活性炭设计使用量以及活性炭更换周期的相关支撑文件(工程设计文本,环评报告等)</span>
</div>
.o-0 {
o ...
element-ui 组件样式修改
修改element-ui中原生组件的样式,使其满足业务场景需要。