springboot简易vue
SpringBoot框架中的DAO层、Entity层、Service层、Controller层
非原创，看了许多篇博客的总结 一般的项目模块中都有DAO、Entity、Service、Controller层。 Entity层是实体层，也就是所谓的model，也称为pojo层，是数据库在项目中的类，该文件包含实体类的属性和对应属性的set、get方法； DAO层=mapper层，现在用Mybat ......
SpringBoot的Controller,Service,Repository层的使用
找回熟悉的Controller，Service Controller哪儿去了？ 对于很多习惯了Spring开发的同学来讲，Controller，Service，DAO 这些套路突然间都没了会有不适感。其实呢，这些东西还在，只不过对于较简单的情景下，这些都变成了系统背后帮你做的事情。这一小节我们就先来 ......
vue02_days
jwt 回顾 # jwt:simple-jwt >自定义表签发token -前端携带用户名密码到后端 -取出用户名密码 》去我们的表查询--》如果查到，说明是我们用户 -签发token： refresh = RefreshToken.for_user(user) refresh.access_tok ......
vue前端代码npm install报错的解决方法
npm install，报错： npm WARN tarball tarball data for has-bigints@https://registry.npmmirror.com/has-bigints/-/has-bigints-1.0.2.tgz (sha512-tSvCKtBr9lkF0 ......
VUE3新建项目
npm init vite-app archer240105 //进入目录 cd 项目目录 //安装依赖 npm install //运行 npm run dev ......
【云计算】在springboot项目在华为云CCE容器中启动日志时间和系统时间不一致
问题背景： 在springboot项目在华为云CCE容器中启动日志时间和系统时间不一致，会快8个小时 解决： 在环境变量中加入TZ=Asia/Shanghai ......
记录Springboot中向企业微信指定人员发送含链接的消息
背景： 从海康智能门禁获取到了进入教室的人脸信息，由此得到一批用户List，等会儿就要实时向这批用户发送消息“***，您已进入**教室，请填写使用情况表<a href="****">”。 过程： 读了微信的开发者文档，摸索着写了测试代码。 在debug时，发现微信传来的是{"errcode":600 ......
Springboot 2.7 open api：swagger | knife4j | spring doc
* [集成 Spring Doc 接口文档和 knife4j | SpringBoot 2.7.2 实战基础 - 掘金](https://juejin.cn/post/7201195677128687674)* [Springboot 2.7 集成 Swagger 增强版接口框架 Knife4j 4 ......
vue&webpack - vue2版本webpack脚手架配置梳理
vue&webpack - vue2版本webpack脚手架配置梳理 资源链接 Vue CLI webpack webpack5 和 webpack4 的区别 webpack Webpack 4 于 2018 年 2 月发布。 （2020-10-10）webpack 5.0.0 发布 VUE CLI ......
vue---v-modle实现字符组件通信
子父组件在做数据传值和通信中，通常都是父组件通过【:props】进行数据的传递，通常用于父组件通过传递不同的参数，改变子组件。 但是经常会遇到这样的场景： 需要父子组件进行数据通信，实现双向数据绑定，可以利用 v-modle 实现父子组件数据交互通信。 父组件： <template> <div> < ......
linux部署springboot应用占用80端口启动失败
在 UNIX 及其派生系统上，低于 1024 的 Internet 端口保留供 root 用户使用。这意味着它们通常由关键系统服务使用，这些服务本身需要root访问权限才能启动。 如果服务由 systemd 运行，以非root用户执行，可以进行以下操作 1，打开unit文件 /etc/systemd ......
Vue 3 中的 jsx 实践
一、起因 template 的写法不太灵活，数据和模版都放在一起，不能拼接； 如果拆太碎，每个碎片组件都得写一堆 props/emit 才能确保通信的完整性，太麻烦; 如果写在一个文件中，模版上的判断逻辑 (v-if) 又得一堆； 二、codes 碎片组件 1: <script lang="jsx" ......
Uncaught runtime errors:在IDEA中运行vue项目时出现该错误
IDEA中输入npm run serve ，出现该错误 Uncaught runtime errors: × ERROR Cannot read properties of undefined (reading 'prototype') TypeError: Cannot read properti ......
vue2-diff算法手写一步步增加功能
前面 vue2 diff算法尽可能复用原来的老节点(比如老节点头尾跟新节点头尾看看是不是同一个节点，是的话打个补丁(更新class什么的,然后他的子节点继续调用这个diff算法), 没有找到可复用的就重新创建)。代码行数也不多，核心函数是 updateChildren vue patch工作流程简单 ......
springboot整合druid及多数据源配置
前言 本篇主要分两部分 ①springboot整合druid的代码配置，以及druid的监控页面演示；②对实际场景中多数据源的配置使用进行讲解。 一、springboot整合druid的演示demo可以用idea快速生成一个可运行的demo工程，具体可以参考如何快速创建springboot项目 主要 ......
Vue高频面试题
1. 谈谈你对 Vue 的理解？ Vue 是一个渐进式的 js 框架，专注于构建用户界面。 Vue 的核心思想是数据驱动和组件化，通过将页面拆分为多个独立的组件，可以更好的管理到吗， 提高代码的复用性和可维护性。 Vue 的优势在于：简单易用，灵活性高，性能卓越和拓展性强。 Vue 的模板语法易于理 ......
vue3（三）
1、父子路由在页面局部跳转的应用 假设有一页面NewsView.vue，里面的内容要如何实现如下图所示的布局，如何实现点击页面左半部分文字，而只有页面右半部分的内容发生变化呢？ 不难想到，导航栏的内容是挂载到App.vue文件上的。稍加思索的是，要利用RouterView技术，将页面右（Detail ......
vue书写风格API
Vue 的组件可以按两种不同的风格书写：选项式 API 和组合式 API。 vue2只支持选项式 API vue3支持两种 选项式 API (Options API) 在 Vue 2 中引入并继续在 Vue 3 中支持的选项式 API，是一种通过声明式选项（如 data, methods, comp ......
SpringBoot的多数据源以及事务解决方案(上篇)
SpringBoot的多数据源以及事务解决方案 背景 一个主库和N个应用库的数据源，并且会同时操作主库和应用库的数据，需要解决以下两个问题： 如何动态管理多个数据源以及切换？ 如何保证多数据源场景下的数据一致性（事务）？ 数据切换原理 通过扩展Spring提供的抽象类AbstractRoutingD ......
浏览器中代码(html+js)高亮，并显示行数 （Vue框架）
最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
vue-router的使用，以及路由守卫的使用，复制直接用！
安装完路由，我们在更目录创建一个router的文件夹，然后在文件夹下面新建一个index.js文件 index.js import Vue from 'vue' // 引入VUE实例import VueRouter from 'vue-router' // 引入vue路由 Vue.use(VueRo ......
Vue2入门之超详细教程十二-列表渲染
1、简介 V-for指令: 1. 用于展示列表数据 2. 语法：v-for=”(item,index) in xxx ”:key=”yyy” 3. 可遍历：数组、对象、字符串(用的很少)、指定次数(用的很少) 学习Vue之前最后会一些HTML和CSS的基础知识，HTML基础知识 传送门，CSS基础知 ......
# vue3 插槽 slot 使用
vue3 插槽 slot 使用 在 Vue3 中，插槽（slot）是一种重要的组件复用和内容分发机制。通过使用插槽，可以让组件更加灵活和具有可复用性，在不同的地方渲染不同的内容，同时保证相同的样式。 插槽资料 官网介绍：https://cn.vuejs.org/guide/components/sl ......
SpringBoot集成redisson操作redis
1 引入maven 只需引入redisson-spring-boot-starter就可以了，不过这里需要注意springboot与redisson的版本，因为官方推荐redisson版本与springboot版本配合使用。版本不匹配会导致这种问题。 将 Redisson 与 Spring Boot ......
vue+three旋转地球
<template> <div id="container"></div> </template> <script> import * as THREE from 'three' import { OrbitControls } from 'three/examples/jsm/controls/O ......
记录一下vue中的异步循环
刚开始是在使用文件上传的时候，多个文件上传进度进行显示，然后在多文件上传的时候发现，会一次性进行全部上传，查了一下发现是因为js是单线程的，所以会有这个问题 于是开始寻找异步循环的方法，代码如下 async submitCreateImgUrl(){//批量上传 this.submitLoading ......
简易机器学习笔记（九）LeNet实例 - 在眼疾识别数据集iChallenge-PM上的应用
前言 上一节大概讲了一下LeNet的内容，这一章就直接来用，实际上用一下LeNet来进行训练和分类试试。 调用的数据集： https://aistudio.baidu.com/datasetdetail/19065 说明： 如今近视已经成为困扰人们健康的一项全球性负担，在近视人群中，有超过35%的人 ......
vue实现h5扫码
插件 html5-qrcode npm 地址 html5-qrcode 是一个基于 JavaScript 轻量级和跨平台的扫码插件。允许用户使用摄像头扫描二维码，并且解析为文本或者 url。 支持扫描不同类型的二维码和条形码 支持不同的平台，Android、IOS、Windows、MacOs 或者 ......
vue中watch怎么深度监听数据变化？
有个原则监听谁,写谁的名字,然后是对应的执行函数,第一个参数为最新的改变值,第二个值为上一次改变的值,注意:除了监听data,也可以监听计算属性或者一个函数的计算结果 启用深度监听对象 watch:{ a:{ handler:function(val,oldval){ }, deep:true } ......