springboot简易vue
使用命令行创建vue3+Typescript的uni-app
目录创建项目扩展组件uni-ui安装配置easycom安装pinia报vue.hasInjectionContext is not a function 更具该文档创建好的模板：GitHub仓库地址，克隆下来安装依赖即可 创建项目 官方文档--创建uni-app 以创建vue3+ Typescrip ......
vue插件
介绍 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例 import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的选项 */ }) 一个插 ......
vue解决跨域问题
1、什么是跨域 跨域问题的出现是因为浏览器的同源策略问题，同源是指 两个页面具有相同的 协议+主机+端口号，它是浏览器最核心也是最基本的功能。如果没有同源策略浏览器将会十分的不安全。 2、如何解决跨域问题 1）使用jsonp 2）使用jquery ajax 3）在vue开发中实现跨域，通过在devS ......
vue2 自定义插件
自定义插件的基本使用： let MyPlugin = {}; MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或 property Vue.myGlobalMethod = function () { // 逻辑... } // 2. ......
海康威视WebSDK_V3.3.0 集成vue2项目避坑+解决方案
最近新需求项目集成WebSDK_V3.3.0的视频插件，开发过程中遇到了一些问题，如下： 无法正确引入插件/InitPlugin报错 使用文档中写的I_DestroyPlugin报错并且再次Init插件后 无法正常播放,报错如下： 如果你也有类似问题请往下看 首先 开发包如下： 1.无法正确引入插件 ......
vue项目中使用tinymce富文本编辑器实现图片上传/粘贴格式
前言最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍，于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较UEditor：基本满足各种需求，依赖于jquery但是已经不再维护了，实现上传图片等需要修改源码，界面 ......
Spring/SpringBoot 参数校验
目录基础设施搭建1. 相关依赖2. 实体类案例校验参数注解JSR提供的校验注解:Hibernate Validator提供的校验注解：实践案例🚩1. 验证 Controller 的输入1. 1 验证请求体1.2 验证请求参数2. 验证 Service 中的方法3. Validator 手动参数验证 ......
vue2学习按钮点击（转载）
Vue2学习笔记:v-on Vue的事件： v-on: click/mouseover/mouseover/mousedown/dbclick/... 下面是点击事件介绍： 1.点击事件 <!DOCTYPE html> <html> <head> <title></title> <meta char ......
springboot 中，ApplicationRunner、InitializingBean、@PostConstruct 执行顺序
划水。。。 ApplicationRunner、InitializingBean、@PostConstruct 执行顺序 InitializingBean 是 Spring 提供的一个接口，它只有一个方法 afterPropertiesSet()，该方法会在容器初始化完成后被调用。 Applicat ......
Vue-Cli脚手架
1.搭建Vue-Cli脚手架 1.1.安装npm NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写 ......
简易mybatis实现
package com.ibatis.io.entity;public class User { private Integer id; private String name; private Integer age; public Integer getId() { return id; ......
springboot注解表达式
("execution(* com.aop..*.*(..))") 1、execution(): 表达式主体 2、第一个*号：表示返回类型，*号表示所有的类型 3、.包名：表示需要拦截的包名，后面的两个句点表示当前包和当前包的所有子包 4、第二个*号：表示类名，号表示所有的类 5、.*(..):最后 ......
vue-element-admin-master 代码解释 带注释——main.js
// 引入vue import Vue from 'vue' // 映入js-cookie // 是用来操作cookie 后端返回的token就存储在cookie中 import Cookies from 'js-cookie' // 引入重置样式 import 'normalize.css/nor ......
vite+vue3 打包后页面空白现象
使用vite打包之后运行index.html空白，打开控制台发现报错: 解决方法： 在vite.config中加入: publicPath: './', 这是vite.config中的结构: export default defineConfig({ publicPath: './', lintOn ......
SpringBoot内置Tomcat启动原理
SpringBoot内置Tomcat启动原理 当依赖Spring-boot-starter-web依赖时会在SpringBoot中添加:ServletWebServerFactoryAutoConfiguration servlet容器自动配置类 该自动配置类通过@Import导入了可用(通过@Co ......
SpringBoot启动原理
运行main方法:初始化SpringApplication,从spring.factories读取listener ApplicationContextLnitializer. 运行run方法 读取环境变量 配置信息等 创建SpringApplication上下文:ServletWebServerA ......
为什么SpringBoot的jar可以直接运行
为什么SpringBoot的jar可以直接运行？ SpringBoot 提供了一个插件spring-boot-maven-plugin 用于把程序打包成一个可执行的jar包 <build> <plugins> <plugin> <groupId>org.springframework.boot</g ......
Docker搭建Plumelog并集成到SpringBoot（Logback）
开源地址：https://gitee.com/plumeorg/plumelog 同时分享一个大佬整理的各种docker compose：https://gitee.com/zhengqingya/docker-compose 搭建Plumelog服务端 依赖： redis elasticsearc ......
springboot项目Mapper注入失败：@org.springframework.beans.factory.annotation.Autowired(required=true)
同事发给我一个项目，说启动时，报mapper无法注入，让我帮忙排查一下问题 记录一下我自己遇到这个问题的排查顺序 首先先排除以下问题： 1.mapper类是否加入到ioc容器中（有没有使用@Mapper标签），如果报错是service层，那就看看是不是没有添加server标签 2.检查项目是否扫描m ......
vue3横向时间轴展示
架子是用的vue3+element Plus， 要用到时间轴展示，但element组件只有竖着的，想要横着的，找了一圈没有合适的，终于找到个合适的，文章原址 https://blog.csdn.net/m0_62949703/article/details/127800712 数据结构： { dat ......
解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等
总得说来报这种Error: Can't resolve+模块名字的错误，一般就只有两种原因：一、少了这个包（直接安装：pnpm add -D 模块名字@版本），二、有这个包，但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上，该降级的时候降级，降级一般先 ......
SpringBoot自动配置原理
通过@SpringBootConfiguration 引入了@EnableAutoConfiguration(负责启动自动配置功能) @EnableAutoConfiguration 引入了@Import 注解 Spring容器启动时：加载Ioc容器时会解析@Import注解 @Import导入了一 ......
# vue 预览 pdf、word、excel
vue 预览 pdf、word、excel 这是之前做项目的时候涉及到的一个功能，当时做了之后就一直没有整理，其实也很简单，功能不多，只是预览，没有在线编辑的功能，所以呢，啊哈哈哈哈哈，一个插件就可以了。 预览 pdf 预览 pdf 我是用的这个插件，直接运行一下命令就可以了： npm instal ......
一些基于SpringBoot2.X的后台管理系统，可以作为高校毕设项目、个人学习之用
该酒店管理系统适用于各类酒店管理，用于提高酒店内部工作效率。主要是针对酒店内部工作人员即管理员和酒店普通员工设计的。主要是具备客房预订、退房、房间信息管理、员工管理、入住管理等模块,提高了酒店内部业务的运转效率,大大降低了成本；该系统基于SpringBoot+VUE+MyBatisPlus+MySQ ......
vue+go实现注册功能
<!DOCTYPE html><html><head> <meta charset="utf8"> <style> .container { width: 400px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-rad ......
SpringBoot的编码方式
方式1.使用配置文件的方式对字符进行编码 1.第一种方式： 在配置文件中（properties或者yaml文件中均可）添加： server.servlet.encoding.enable=true但是现如今的许多程序已经弃用了这种写法 2.第二种方式： server.servlet.encoding ......
Vue3+TS+Vite中 vConsole 插件的使用
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
vue3 elementplus 表格表头过长 三个点显示
vue3:const renderHeaderMethods = ({ column }) => { return createVNode( resolveComponent('el-tooltip'), { effect: 'dark', content: column.label, placem ......
springboot + nacos + k8s 优雅停机
优雅停机是什么？ 网上说的优雅下线、无损下线，都是一个意思。 优雅停机，通常是指在设备、系统或应用程序中止运作前，先执行一定的流程或动作，以确保数据的安全、预防错误并保证系统的整体稳定。 一般来说，优雅停机可以参考以下步骤以实现： 1. **备份数据**：立即将内存中的所有未保存的修改、缓存等数据保 ......
springboot自动部署脚本
#!/bin/sh ## java env export JAVA_HOME=/usr/local/jdk/jdk1.8.0_101 export JRE_HOME=$JAVA_HOME/jre API_NAME=api JAR_NAME=$API_NAME\.jar #PID 代表是PID文件 P ......