springboot简易vue

vue 批量打印

<el-button type="button" @click=" handleCopy "> 批量打印 </el-button> handleCopy(){ if (!this.getSelectRows()) return; if(this.selectRows.some(r => r.star ......
vue

Vue 倒计时小组件

商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠,这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法,循环的不断调用清除调用清除,具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
组件 Vue

vue3引入使用svg图标

vue3使用svg图标 安装 // 通过命令安装2个插件 npm i vite-plugin-svg-icons -D npm i fast-glob -D 在vue.config.js中配置 //vue.config.js import { fileURLToPath, URL } from 'n ......
图标 vue3 vue svg

vue2.5.2设置二级目录访问

vue发布到IIS后,需要通过二级域名访问: 1、找到config->index.js 节点assetsPublicPath,设置你要的二级域名名称 2、IIS创建站点后,在站点下添加应用程序web (跟上面同名) ......
目录 vue2 vue 5.2

vue js 引入sdk,思路代码整理 app.vue引入

代码解析 function handleAuthReady() { const ywAuth = (window as any).ywAuth; if (ywAuth) { return Promise.resolve(ywAuth); } return new Promise(resolve => ......
vue 思路 代码 app sdk

SpringBoot中读取yml中配置的list对象的配置项

场景 SpringBoot中通过ConfigurationProperties注解的方式读取application.yml中配置的属性值: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108385148 参考上面获取yml配置文 ......
SpringBoot 对象 list yml

vue 将百度地图或者高德地图组件化

一、前言 百度地图已经有了 react 相关的组件库,本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉,百度地图 webgl、高德地图都是一样的,因为底层都是通过 js 控制地图 如果用组件的方式开发,比如我将 BMap.Marker 作为一个组件,我暴露一个参数position,其目的是 ......
地图 组件 vue

【类型转换】使用c#实现简易的类型转换(Emit,Expression,反射)

引言 哈喽。大家好,好久不见,最近遇到了一个场景,就是在FrameWork的asp.net mvc中,有个系统里面使用的是EntityFramework的框架,在这个框架里,提供了一个SqlQuery的方法,这个方法很好用啊,以至于在EFCORE8里面又添加了回来,不过不知道性能怎么样,我遇到的场景 ......
类型 Expression 简易 Emit

vue3+ts打开echarts的正确方式

实例项目使用 vite5 + vue3 + ts,项目地址 vite-vue3-charts,预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址,然后在 应用管理 -> 我的应用 里,创建应用,创建好后复制 AK 2. 在 ......
echarts 方式 vue3 vue ts

vue中get和post请求

vue中和后台交互,首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中get请求 function ......
post vue get

vue3+lottie实现动画

1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......
动画 lottie vue3 vue

Vue中$router.push()路由切换、如何传参和获取参数 和获取不到$router.push 参数问题

路由的 两种传参方式: 一: 声明式 <router-link :to="{ path: '/login' }">Home</router-link> 二: 编程式 $router.push(...) //该方法的参数可以是一个字符串路径,或者一个描述地址的对象。 不带参数写法: // 字符串(对应 ......
参数 router push 路由 问题

封装一个表情包组件(支持自定义表情图片)(基于vue3语法)

效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
表情 语法 组件 图片 vue3

vue3.0之表格拖拽-最简单的表格(不带层级/树级)

const rowDrop = () => { let tbody: any = document.querySelector(".sortableArea .el-table__body-wrapper tbody"); sortable.value = Sortable.create(tbody ......
表格 层级 vue3 vue

vue前端node内存溢出问题解决

前端项目运行时,如果经常运行慢,崩溃停止服务,报如下错误: FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory (JavaScript堆内存不足) 原因: 因为在 Node 中,通过Ja ......
前端 内存 问题 node vue

【类型转换】使用c#实现简易的类型转换(Emit,Expression,反射)

引言 哈喽。大家好,好久不见,最近遇到了一个场景,就是在FrameWork的asp.net mvc中,有个系统里面使用的是EntityFramework的框架,在这个框架里,提供了一个SqlQuery的方法,这个方法很好用啊,以至于在EFCORE8里面又添加了回来,不过不知道性能怎么样,我遇到的场景 ......
类型 Expression 简易 Emit

springboot项目创建

1.勾选Spring Web和Thymeleaf Thymeleaf是前后端不分离的页面写法(我们这里用vue3写,这一项可以不勾选) ......
springboot 项目

vue项目创建和插件依赖安装

1、启动vue项目 npm run serve 2、安装插件 npm i vue-router npm i vuex //(不知道是不是这个,反正一开始有几个要装) 3、bootstrap使用 先安装bootstrap依赖: npm install bootstrap npm install @po ......
插件 项目 vue

Java 系统学习 | Springboot 写 hello world

经过一段时间基础学习,现在开始使用 Springboot 框架完成项目,特地记录一下,方便后续查漏补缺。 本篇使用 Springboot3 框架,IDEA2022 编辑器,java17 版本。 新建项目 file -> new -> project 弹框中填入自己的信息 Name 项目名称 Loca ......
Springboot 系统 hello world Java

Vue检测密码复杂度方法

Vue检测密码复杂度方法 <!-- 检测密码复杂度方法 --> <template> <div> <input type="password" v-model="password" @input="checkPasswordComplexity"> <div v-if="complexityMess ......
复杂度 密码 方法 Vue

VUE

一、Vue定义及简介 1、Vue定义 关于Vue简介,百度百科给出的解释是:Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单 ......
VUE

Vue脚手架中加入Vuex全局状态管理中间件

WebStorm创建Vite(Vue模版)项目后: 在main.ts中: import {createApp} from 'vue' // @ts-ignore import {createStore} from 'vuex' import './style.css' // @ts-ignore i ......
脚手架 中间件 全局 状态 Vuex

SpringBoot:整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行

获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包,生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
SpringBoot 前端 代码 项目 React

vue2中 watch和computed的区别

计算属性(Computed): computed 是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时,才会重新求值。适合于执行更复杂的数据操作。 computed 属性是计算出来的,不会对原始数据造成任何副作用。 computed 属性可以具有 setter 和 getter 方法,可以更灵 ......
computed watch vue2 vue

重学Vue之 死磕原理

学习一个技术,最好的入手是从一个问题开始, 问:为什么这个Vue代码在created()或mounted()执行完查询后,此时的transactionList还是undefined呢? <template> {{transactionList}} <div v-for="(v,k,i) in tra ......
原理 Vue

Springboot 整合 jdbctemplate

背景: 程序重构上云,需要把原来在oracle 上1千多万 的数据迁移到postgrel 上,还要加载到redis,分为两步: 1、数据传输(navicate 数据传输工具) 2、加载到redis (springboot 整合jdbctemplate 从pq -> redis ) 坑1:数据表数据不 ......
jdbctemplate Springboot

vue2添加反向代理解决跨域问题

编辑项目的vue.config.js 文件 devServer: { proxy: { '/api': { target: 'http://127.0.0.1:5000', // 反代地址 changeOrigin: true, pathRewrite: { '^/api': '' // 重写路径 ......
问题 vue2 vue

5、SpringBoot2之整合Durid

创建名为springboot_druid的新module,过程参考3.1节 5.1、引入相关依赖 注意:虽然本文使用的是 spring boot 2.7.18 和 MySQL 5.7 ,但是出于可移植性、可扩展性和兼容性方面的考虑, druid 的启动器使用的是 spring boot 3 版本的, ......
SpringBoot2 SpringBoot Durid

snowy SpringBoot+AntDesignVue

snowy是小诺团队下基于SpringBoot+AntDesignVue开发的Java全新RBAC权限管理系统,前后分离,注释丰富,代码简洁。在国策讲究自主可控的时候,适配国产数据库(金仓、达梦)、主流数据库Mysql、Oracle、Mssql、Postgresql,小诺的产品一致追求简洁干净,一套 ......
AntDesignVue SpringBoot snowy

【SpringBoot】Swagger&Knif4j接口文档集成

目录序:接口文档1 Swagger1.1 基本信息1.2 接入步骤2 Knife4j2.1 基本信息2.2 接入步骤 序:接口文档 ​ 在开发过程中,接口文档是非常重要的一环,在 Spring Boot 中,我们可以通过集成第三方来实现接口文档的自动生成。 ​ 通过注解来描述接口,然后根据这些注解自 ......
SpringBoot 接口 Swagger 文档 Knif4j