接口axios vue all

[vue-router] hash模式与history模式的区别

单页面应用(SPA) 单页面应用程序将所有的活动局限于一个Web页面中,在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成,单页面应用不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容,从而实现UI ......
模式 vue-router history router hash

接口自动化定义BaseRquest类及其继承

import requests from utils.logger import get_logger logger = get_logger(__file__) class BaseRequest: def __init__(self): self.url = None self.method = ......
BaseRquest 接口

Vue+OpenLayers从入门到实战进阶案例汇总目录,兼容OpenLayers7和OpenLayers8

本篇作为《Vue+OpenLayers入门教程》和《Vue+OpenLayers实战进阶案例》所有文章的二合一汇总目录,方便查找。 本专栏源码是由OpenLayers结合Vue框架编写。 本专栏从Vue搭建脚手架到如何引入OpenLayers依赖的每一步详细新手教程,再到通过各种入门案例和综合性的实 ......

vue 视频上传组件

组件: <template> <div class="upload-box"> <div class="avatar-uploader-box"> <!-- 图片预览 --> <div :key="index" class="video-preview" v-for="(item, index) i ......
组件 视频 vue

宝塔 nginx 运行 vue项目

宝塔 安装nginx nginx 根目录: /www/server/nginx/html 修改nginx 配置 下滑到70多行,添加 server 对象内容,内容如下 server { listen 82; server_name test2; location / { root html/test ......
宝塔 项目 nginx vue

vue图片上传视频

图片上传是现在Web开发中常见的需求之一。而使用Vue框架可以使得这一过程更加方便和有效。在Vue中使用预先开发好的组件,可以快速地实现图片上传功能。 // 在Vue组件中引用插件 import VueUploadComponent from 'vue-upload-component' // 在模 ......
图片 视频 vue

Jmeter之from-data接口及文件上传

1.使用背景 在做接口测试的时候,发现其中有一个登录接口是form-data格式的,不同于其他json格式,那么在做请求的时候就需要做一些改变。 2.设置参数 (1)HTTP请求勾选上【对POST使用multipart/from-data】 2.HTTP请求--》配置元件--》添加HTTP信息头管理 ......
from-data 接口 文件 Jmeter from

SpringBoot+Redis实现接口级别缓存信息

本文主要讲述如何通过SpringBoot+Redis实现接口级别缓存信息 背景 近期因为一直在处理公司的老项目,恰好碰到产品说页面有一些信息展示慢,简单看了一下页面接口,发现查询的是系统中几张大表(数据量在千万级别),还会关联一些其他的表,导致接口性能极差,但是由于这些信息也不存在"及时性"这么一说 ......
缓存 SpringBoot 接口 级别 Redis

支付宝代扣接口签约的各种问题排查(建议收藏)

之前对接支付宝商家扣款的时候,在签约协议的部分卡了很久,今天把之前遇到的签约问题汇总记录一下~ 协议签约流程 首先帮大家捋一下签约的顺序,便于直观理解: 其次还需要知道的是,支付宝的商家扣款的签约接口有两个: 一个是单独签约接口: 另一个是支付并签约接口: 这两个接口都可以签约,主要区别在于签约的时 ......
接口 建议 问题

Vue3 打印,合并单元格

一、npm i vue3-print-nb 1、按钮: <el-button type="danger" v-print="printObj" icon="Star">交接并打印</el-button> 2、打印区域外边添加div <div ref="printContent" id="printC ......
单元 Vue3 Vue

IDEA插件推荐,代码写完直接调试、生成接口文档

国产API调试工具 Apipost 推出IDEA插件,写完代码就可以调试接口并一键生成接口文档!而且还可以根据已有的方法帮助您快速生成 url 和 params。Apipost Helper = API 调试工具 + API 管理工具 + API 搜索工具。 在商店中搜索或直接点击下方链接即可下载: ......
插件 接口 代码 文档 IDEA

vue3 -点击按钮进入新的页面

一、调用页面 //路由 import { useRouter } from 'vue-router let $router = useRouter() // 车组调整页面 const handleCar=(row:any) =>{ $router.push({path:"/test/edit",qu ......
按钮 页面 vue3 vue

vue3 用法汇总(二)

1、列表中鼠标放在不同单元格显示不同的背景颜色 <el-table v-resize:44 :data="tableData" class="table marking-table" border style='margin: 10px 0px' highlight-current-row elem ......
vue3 vue

postman 接口测试的时候添加token

postman 接口测试的时候添加 "请求头token" 1-使用登入接口:获取token 2-postman添加请求头 ......
接口 postman 时候 token

16Go语言基础之接口

接口(interface)定义了一个对象的行为规范,只定义规范不实现,由具体的对象来实现规范的细节。 接口 本章学习目标 了解为什么需要接口以及接口的特点 掌握接口的声明和使用 掌握接口值的概念 掌握空接口的特点及其使用场景 在Go语言中接口(interface)是一种类型,一种抽象的类型。相较于之 ......
语言基础 接口 语言 基础 16

Go语言基础之error接口

Go 语言中的错误处理与其他语言不太一样,它把错误当成一种值来处理,更强调判断错误、处理错误,而不是一股脑的 catch 捕获异常。 Error接口和错误处理 Error 接口 Go 语言中把错误当成一种特殊的值来处理,不支持其他语言中使用try/catch捕获异常的方式。 Error 接口 Go ......
语言基础 接口 语言 基础 error

vue上传视频框架

在Web应用程序中经常需要用户上传视频,以便内容分享,教程和其他目的。Vue.js是一种流行的JavaScript框架,它提供了一种方便的方式来设计交互式和动态的用户界面,因此Vue上传视频框架是一种非常受欢迎的技术。 Vue.js框架提供了各种插件和工具,它们可以帮助开发人员轻松地实现视频上传功能 ......
框架 视频 vue

Vue树形单选选择器

调用页面SuperviseTimerModal.vue代码如下: <template> <div> <j-modal centered :title="title" :width="width" :visible="visible" :destroyOnClose="true" switchFull ......
树形 Vue

[Vue]组件实例对象可以访问到Vue原型上的属性、方法

1. 一个重要的内置关系:VueComponent.prototype.__proto__ Vue.prototype 2. 为什么要有这个关系:让组件实例对象vc可以访问到Vue原型上的属性、方法 <body> <div id="root"></div> </body> <script> let ......
原型 组件 Vue 实例 属性

vue3 学习一 搭建环境

1. 安装node nmp nvm 2. 构建vue脚手架 2.1 创建工程 nmp init vite@latest 或者 npm init vue@latest (配置比较全) 创建工程名 vue-demo 选择vue, typescript 2.2 安装依赖包和运行 cd vue-demo n ......
环境 vue3 vue

创建一个vue项目-----局部环境搭建

创建 vue 项目的五种方法 方法一:vue init webpack 项目名(vue-cli2.x的初始化方式) 以管理员身份打开命令行界面 (按住 shift 鼠标右键 打开 PowerShell),输入命令: vue init webpack blog 创建项目(blog 是项目名) 如果没有 ......
局部 环境 项目 vue

创建一个vue项目---全局环境搭建

全局环境搭建 一、环境准备 1、安装 node.js 下载地址:https://nodejs.org/en/ 2、检查是否安装成功:输出版本号说明安装成功 3、安装淘宝镜像 (淘宝镜像速度比较快) npm install -g cnpm -registry=https://registry.npm. ......
全局 环境 项目 vue

springboot-vue 项目

一 、后端 @Controller一般 在controller中return返回的是一个地址@RestController 返回的是一个数据(json),在前后端分离都是用@RestController @RequestParam 与浏览器上的值作为绑定(如果name写错,也能传递),不过写了之后一 ......
springboot-vue springboot 项目 vue

[vue]精宏技术部试用期学习笔记 III

精宏技术部试用期学习笔记(vue) 父子通信 什么是通信 / 为什么要通信 通信即在不同组件之间传输数据 当在 复用组件 时,需要传递不同数据达成不同的表现效果 能够根据其他组件的行动,响应式 的做出变化 Props 功能: 让父组件信息传递到子组件 code: 假定 index.vue 已经通过 ......
笔记 技术 vue III

超好用的IDEA插件推荐,写完代码直接调试接口

Apipost推出IDEA插件非常省时高效,写完代码直接可以进行调试,而且支持生成接口文档,真是后端神器啊! 可以点击下方链接安装更新或在插件商店中搜索安装 下载链接:https://plugins.jetbrains.com/plugin/22676-apipost-helper-2-0/vers ......
插件 接口 代码 IDEA

2023 年最新摩托车、电动自行车头盔新国标标准和等级分类 All In One

2023 年最新摩托车、电动自行车头盔新国标标准和等级分类 All In One 头盔新国标 A类 / B类 ......
国标 头盔 摩托车 自行车 等级

35-Vue脚手架-全局事件总线(使用全局事件总线优化Todo-List案例)

全局事件总线(GlobalEventBus) 1. 一种组件间通信的方式,适用于任意组件间通信 2. 安装全局事件总线 new Vue({ ... // 生命周期 beforeCreate 这时vue还未解析模板,初始化的数据监测、数据代理还未开始 beforeCreate() { // 安装全局事 ......
总线 全局 事件 脚手架 Todo-List

postman Pre-request Script(预处理)post请求获取sign(接口鉴权)

背景 请求业务接口时需要先调用auth应用的鉴权接口获取sign(类似其他系统登录接口返回的token),否则会提示:鉴权失败,从而导致业务接口无法使用。获取sign接口请求参数为业务接口的请求参数,所以Pre-request Script(预处理)post请求内的body为变量。 一、Pre-re ......
Pre-request 接口 postman request Script

vue用法汇总--包含各种控件(大部分是vue3)

1、导航功能 <template #header> <div class="card-header"> <el-icon><Watch /></el-icon> <span>实时排班信息</span> </div> </template> 2、 日期 1 <el-form-item> 2 <el-d ......
控件 vue 大部分 vue3

Springboot 工程 创建Api,以及如何部署至Tomcat,并调用接口

本人是Android客户端出身,后端一概不知,但是现在做的很多事情,必须去学习下,后端是怎么样的,好在了解java语言,后台上后还不错 学习下大名鼎鼎的Springboot框架,为了给我的前端提供Api 涉及到有 springboot,mysql的安装使用,navicat查看,建表,eclipse大 ......
Springboot 接口 Tomcat 工程 Api