接口axios vue all
托管服务简介IHostedService接口 继承 BackgroundSerice接口
1. 场景：代码运行在后台，比如服务器启动的时候在后台预先加载数据到缓存，每天凌晨3 点把数据到处到数据库备份，每隔5秒在两张表之间同步一次数据 ； 2. 托管服务实现IHoutedService接口，一般编写从BackgroundService继承的类；测试：延迟若干秒读取文件，在延迟，在输出； ......
使用 Vue 3 插件（Plugin）实现 OIDC 登录和修改密码（OIDC 系统以 Keycloak 为例）
背景 目前单位系统常用 Keycloak 作为认证系统后端，而前端之前写的也比较随意，这次用 Vue 3 插件以及 Ref 响应式来编写这个模块。另外，这个可能是全网唯一使用 keycloak 的 OIDC 原生更新密码流的介绍代码。 设计 依赖库选择 OIDC 客户端，这里选择 oidc-clie ......
接口设计-增删改查
关于增删改查的 接口设计，比较简单，有一些固定的做法可以使用。 查询列表 查询列表的接口，带上分页的入参： pageNo，pageSize，非必选，并设置默认值。 入参为 dto，根据 dto 从数据库查出实体对象 entity 后，转换为展示层 vo。 entity 对象转换为 vo，可以用 Be ......
接口的幂等性
什么是接口的幂等性？ 同一个接口，多次发出同一个请求，必须保证操作只执行一次。 也就是指用户对于同一个接口发起的一次请求或者多次请求的结果是一致的，不会因为多次请求而产生不同的结果。 触发场景： 1、前端进行重复提交：订单接口，用户连续多次点击下单操作，导致后端收到多条请求，同一个订单可能会多次创建 ......
接口
接口的定义和使用 接口用关键字interface来定义( public interface 接口名{} )。 接口不能实例化，接口和类之间是实现关系，通过implements实现。 类可以实现多个接口，要声明出所有接口(public class ... implements 接口1， 接口2{})。 ......
vue3源码学习api-createApp-amount
vue3 地址 https://github.com/vuejs/core 首先看看vue文档什么是 Vue？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式 ......
自定义简单的axios方法
function myAxios(config) { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest() //如果存在想要放在链接后的参数?name=1&password=2 if (config.pa ......
01_Vue 基本语法
[tocc] Vue.js 基本语法 一、Vue基础 Vue官网 英文官网：https://vuejs.org/ 中文官网：https://cn.vuejs.org Vue概述 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是， Vue 被 ......
03_Vue Router
一、什么是路由 路由概述 路由(route)其实是一种映射关系，类似于key >value的键值对的关系，其中key表示请求的路径path。 路由是根据不同的 url 地址展示不同的内容或页面； 路由分为前端路由和后端路由 前端路由：前端路由的value表示组件，一个path映射一个组件； ......
02_Vue 组件化
vue 组件 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不能的功能模块，将来需要什么样的功能，就可以去调用。 组件和模块化的不同： 模块化：是从代码逻辑的角度进行划分的，方便代码分层开发，保证每个功能模块职能单一 组件化：是从UI界面的角度进行划分的，前端的 ......
C/C++连接mysql（api接口方法详解）
前言本篇记录C/C++连接mysql利用mysql的api接口的方法：这个方法的代码基本上很久都没有变过了，这里做个笔记来简单学习一下，还有一种方法等有时间了解后再来更新 使用API的方式连接，需要先做环境配置，加载mysql的头文件和lib文件。可以看我之前的一篇文章 VS中C/C++访问MySQ ......
服务端java接口程序接收到data参数时，中文会变成乱码，这样处理
学习记录。 场景： 服务端java接口程序，在接收到请求包，data参数中包含中文，请求时用的编码是UTF-8，但收到后会变成乱码 尝试： 试了很多办法，包括： String body = IOUtils.toString(request.getInputStream(), StandardChar ......
ASP.NET Core+Vue3 实现SignalR通讯
从ASP.NET Core 3.0版本开始，SignalR的Hub已经集成到了ASP.NET Core框架中。因此，在更高版本的ASP.NET Core中，不再需要单独引用Microsoft.AspNetCore.SignalR包来使用Hub。 在项目创建一个类继承Hub, 首先是写一个Create ......
nginx部署vue项目
windows版本 nginx基本命令 1、首先 创建vue.config.js文件： module.exports={ publicPath: process.env.NODE_ENV == 'production' ? './' : '/', } 这个代码是判断你是否为开发者然后设置路径。 2、 ......
Vue-I8n国际化的基本使用
安装 npm install vue-i18n@9 或 yarn add vue-i18n@9 初始化国际化信息 为了方便管理我们新建一个lang文件夹作为专门的国际化专用，并在lang文件夹下新建zh跟en两个文件夹。 // ./lang/zh/index.ts export default { ......
vue学习十一
<div id="app11"> <h3>哞哞俩数计算器</h3> <input type="number" v-model="num1"> <select v-model="chart"> <option value="+">+</option> <option value="-">-</opti ......
vue学习十二
<div id="app12"> <table style="width: 300px;height: 160px;background-color: aquamarine;" cellspacing=0> <tbody> <tr class="biaotou"> <td>编号</td> <td>学 ......
vue3路由转发报错Failed to resolve component: router-link
//在学习vue3路由转发的时候,总是报路由的一些方法无法识别，undefined 报错： // App.vue:9 [Vue warn]: Failed to resolve component: router-link // vue路由跳转报错Cannot read properties of ......
将微信小程序源码自动转换为uniapp vue3/vite源码
uniapp目前已经支持vue3语法了，对于想将微信小程序代码迁移到uniapp vue3的小伙伴来说，迁移的工作量无疑是比较大的。本人开发了自动转换工具可以自动实现代码转换，并且保证了可读性。 基本原理： wxml-compiler：wxml → posthtml-parser → AST → t ......
vue select-option组件 普通下拉和远程下拉数据展示及回显
前言：后台返回的数据格式有如下两种类型： 1、json格式： codeTypeMap:{ "000":"身份证", "001":"户口本" } 2、数组格式： codeTypeMapList: [ {code:"000",name:"身份证"}, {code:"000",name:"户口本"} ] ......
Vue源码学习(十四):diff算法patch比对
好家伙， 本篇将会解释要以下效果的实现 1.目标 我们要实现以下元素替换的效果 gif: 以上例子的代码: //创建vnode let vm1 = new Vue({data:{name:'张三'}}) let render1 = compileToFunction(`<a>{{name}}</a> ......
vue 上传照片插件
Vue是一种流行的JavaScript框架，拥有轻量级、直观且易于学习的特点，并提供丰富的插件集合。其中，上传照片插件是Vue的常用插件之一。 上传照片插件能够快速地将照片上传到服务器，支持多图上传、拍照上传和拖拽上传等功能。此外，插件还可以对上传过程进行自定义，如上传时的进度条显示、图片大小限制等 ......
使用Spring Data JPA,您可以通过定义接口，面来避免Object[]以更优雅的格式返回数据，sql的返回值和接口的属性名一致。jap会根据sql返回值映射到接口对应属性。
使用Spring Data JPA,您可以通过定义接口，面来避免Object[]以更优雅的格式返回数据，sql的返回值和接口的属性名一致。jap会根据sql返回值映射到接口对应属性。 cas*_*lin 6 根据定义,JPA将返回Object[]查询返回带有投影的列表的列表,即来自实体(或多个实体) ......
Vue3Router路由传参
import { useRouter } from 'vue-router' //首先在setup中定义 const router = useRouter() // 字符串 router.push('home') // 对象 router.push({ path: 'home' }) // 命名的路 ......
用vite创建vue3项目
打算用vite创建vue3项目 1.安装 npm init vite-app <项目名称> cd <项目名称> npm install npm run dev ## 执行完以上命令，就意味着你的vue3.0项目已经用上了vite了 提示 deprecated 改为： npm init @vitejs ......
interface没有实现的接口返回 java 接口没有返回值
interface没有实现的接口返回 java 接口没有返回值 作者：懒得安分使用过Webapi的园友应该都知道，Webapi的接口返回值主要有四种类型void无返回值IHttpActionResultHttpResponseMessage自定义类型一、void无返回值void关键字我们都不陌生，它 ......
Python 中的 __init__.py 和__all__ 详解（抄袭的joker） 因为写的实在是太好了
Python 中的 __init__.py 和__all__ 详解 JOKER 没意思先生 之前不论是自己写代码还是用别人的代码，都没有注意过这个东西，今天忽然看了一下，网上的教程感觉讲的都不是很清楚，自己又研究了研究，总结一下，如果有不对的地方，大家帮忙指正一下。 在Python工程里，当pyth ......
vue+js实现点击图片，图片放大
1.首先在template中插入image，并赋予点击事件（这个时候是小图） <template> <div> <img src="@/assets/images/avatar.png" @click="imgShow()" /> </div> </template> 2.data定义点击放大的图片 ......
vue数据双向绑定的原理是什么?
Vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty()来劫持各个属性的 setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 需要 Observe 的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter 和 ......