接口axios vue all

vue 父子组件生命周期执行顺序

挂载阶段执行顺序为:父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 更新阶段执行顺序为:父beforeUpdate -> 子b ......
父子 组件 周期 顺序 生命

vue3+element-plus Calendar 日历组件添加农历、节假日

创建一个vue文件 <script setup lang='ts'> import { ref } from "vue"; import calendar from "./lunarDay";//引入农历、节假日计算方法 defineOptions({ name:'CusCalendar' }) c ......
element-plus 农历 组件 Calendar 日历

vue请求后端数据和跨域问题

最近遇到的一个问题 后端写好的接口,前端怎么获取数据 这是我后端的接口:GET 接口 这是我前端运行的项目地址: 简单使用: 咱门前端使用 颇受好评的 axios 来发起请求 这是它的官网:https://www.axios-http.cn/ 不过要在vue中使用它,就需要先安装 打开终端 输入一下 ......
数据 问题 vue

vue8小时带刻度的时间轴,根据当前时间实时定位

效果图: 需求: 1 开始时间、结束时间可配置2 时差固定8小时3 根据当前时间初始化位置4 每隔5s刷新位置5 超过结束时间停止刷新 HTML: <div class="time-axis"> <div class="startTime">{{start_time}}</div> <div cla ......
时间 刻度 实时 小时 vue8

vue3+ swiper8

swiper是一个非常好用的图片切换组件,但是vue3 + swiper8 版本的文档看上去会有点懵逼(一部分是因为版本太多了,一部分是因为很少用) 此处记录下我的使用方法: 安装: npm i swiper 按照官网来使用: html部分:(基本上常用的也就这些啦,在复杂的就真的要去啃书啦) <s ......
swiper8 swiper vue3 vue

vue实现下拉懒加载

<template> <div class="ele-body infinite-wrapper" style="height: calc(100vh - 235px); overflow: auto" > <div class="columns" v-loading="loading"> <div ......
vue

007 python3写一个http接口服务(get, post),给别人调用

###一、python3写一个http接口服务,给别人调用3 这次选择fastapi,FastAPI是一个现代的、快速(高性能)的web框架,用于基于标准Python类型提示使用Python 3.6+构建api。具有快速、快速编码、更少的错误、直观、简单、简便、健壮。简易而且本地win10能够跑起来 ......
接口 python3 python http post

Vue 前端开发团队风格指南(史上最全)

Vue官网的风格指南按照优先级(依次为必要、强烈推荐、推荐、谨慎使用)分类,本文根据项目实际情况整理了一份适用于团队开发的vue风格指南,供大家参考。 ......
前端 团队 风格 指南 Vue

VUE ELEMENT-UI无法用右上角的“X”关闭,取消按钮可用

VUE ELEMENT-UI无法用右上角的“X”关闭,取消按钮可用 原因:清空方式有问题 我定义的要打开的表单: addElementForm: { title: "配置产品要素", dialogFormVisible: false, prod_name: [], prod_code: [], us ......
ELEMENT-UI 按钮 ELEMENT VUE UI

PHP面向接口编程及多态-示例代码

/** * 1.接口使用上也满足多态性 * 2.接口实际是定义一种规范 * 3.体会面向接口编程 */interface Usb{ public function start(); public function stop();} class Flash implements Usb{ public ......
示例 接口 代码 PHP

vue3拾遗(不定期更新)

props传参 会自动跳过key/ref/...等本身就有特殊意义的属性名 路由跳转 当路由到同一个路由组件时,会依次触发onBeforeUpdate、onUpdated生命周期钩子 ......
vue3 vue

nginx部署vue项目显示空白页

报错提示: index-fbb90c85.js:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". ......
空白 项目 nginx vue

SpringBoot+Redis+自定义注解实现接口防刷(限制不同接口单位时间内最大请求次数)

场景 SpringBoot搭建的项目需要对开放的接口进行防刷限制,不同接口指定多少秒内可以请求指定次数。 比如下方限制接口一秒内最多请求一次。 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 实现 1、实现思路 首先自定义注解,添加时间区间和最大请求 ......
接口 注解 SpringBoot 次数 单位

Java的抽象类 & 接口

抽象类:在子类继承父类时,父类的一些方法实现是不明确的(父类对子类的实现一无所知)。这时需要使父类是抽象类,在子类中提供方法的实现。 接口(interface)技术主要用来描述类具有什么功能,而并不给出每个功能的具体实现。 ......
接口 Java amp

python自动化测试之鉴权或者接口依赖

一、做自动化时,接口之间会有一定的依赖性,比如商城的大部分接口都依赖于登录接口,需要拿到登录的token,然后鉴权,鉴权通过后才可以请求。 二、针对接口依赖,我们可以把上个接口返回的参数提取出来,然后放到第二个接口中,具体的思路如下: 1、在excle表格中添加extra_data字段,用户存储提取 ......
接口 python

解决vue中路径中的多一个#

本文要解决的问题是在vue项目中,主路径和vue路径中多一个# 这个东西只需要改一个这个就行 vue-router的mode: ‘history’ const router = new VueRouter({ mode: 'history', routes: [...] }) ......
路径 vue

Java-Day-18( Map 接口、各实现类 )

Java-Day-18 Map 接口 Map 存放是 K - V ( 双列 ) 元素,K 和 V 都是输入的具体的对象 Set 也是 K - V 键值对的形式,只不过除了 K 都是表示值,V 是用常量 PRESENT 来替代的 Map 接口实现类的特点 ( 这里讲的是 JDK8 的接口特点 ) Ma ......
Java-Day 接口 Java Day Map

axios

json-server ​ JSON Server 是一个快速、零配置的基于 Node.js 的 Fake REST API 服务器,用于快速原型开发和前端开发中的数据模拟。 JSON Server 的核心功能是提供基于 RESTful API 的数据访问接口,它支持常用的 HTTP 方法,如 GE ......
axios

实验五 通用接口数据库编程

#实验五 通用接口数据库编程 第1关:JDBC 查询数据 package step1; import java.sql.\*; publicclass Query { publicstaticvoid queryDB(){ // 声明变量 Connection conn = null; Statem ......
接口 数据库 数据

马斯洛需求层次理论 All In One

马斯洛需求层次理论 All In One 需求 => 动机 => 行为 需求层次 基本需求 生理需求 安全需求 爱与归属需求 尊重需求 自我实现需求 扩展需求 求知需求 审美需求 ......
层次 需求 理论 All One

vue移动端实现调用相机扫描二维码或条形码

一、首先下载需要的插件 npm install @zxing/library --save 二、假设场景:页面上有个按钮,点击触发扫码功能 @click='scanCode()',在 methods 写入该方法。 scanCode() { console.log('浏览器信息', navigator ......
条形 条形码 相机 vue

java基于ssm+vue药品商超进销存管理系统,附源码+数据库+文档+PPT,适合课程设计、毕业设计

1、项目介绍 使用药品管理系统的分为管理员和用户、员工三个权限模块。 管理员所能使用的功能主要有:首页、个人中心、用户管理、员工管理、药品类别管理、药品信息管理、药品入库管理、药品出库管理、在线咨询管理、留言板管理、系统管理、订单管理等。 用户可以实现;首页、个人中心、在线咨询管理、我的收藏管理、订 ......

php获取未解码之前的原始接口请求参数

前言 目前的几个项目,业务方基本都使用POST方式请求接口,我们本机磁盘会保留一份请求的原始参数用于请求分析和问题排查使用,一般有问题,也会基于seqid(请求唯一id)捞到日志,copy参数模拟请求看是否复现,但一直有个比较蛋疼的问题,PHP的$_POST,$_GET,$_REQUEST这些获取参 ......
接口 参数 php

vue国际化(多语言)

方法1:用 js-cookie 包 并且挂载在 main.js 上 1、安装 vue-i18n + js-cookie 插件 npm install vue-i18n -S npm install js-cookie --save 2、去检查一下你安装的 i18n 版本是不是 8.26.5 3、在 ......
国际 vue

使用vue的keep-alive缓存组件,三级菜单组件无法缓存问题解决

使用vue做后台管理系统,需求是所有的菜单打开之后,下次点击的时候的使用缓存,这里很简单的做法就是用来包裹住;但是一级菜单和二级菜单都没有问题,三级菜单就会出现无法缓存的问题,网上找资料说是vue中keep-alive本身存在的缺陷,需要在路由守卫中将matched属性做一下优化,具体如下 // 处 ......
缓存 组件 keep-alive 菜单 问题

vue2+vant2+rem+axios+钉钉自动登录 h5模板

下载代码 请轻轻的点一下这里~ Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 本示例 Node.js 14.17.0 启动项目 npm install ......
模板 vant2 axios vue2 vant

python接口测试4-delete方法

一、网上的参考 https://www.begtut.com/python/ref-requests-delete.html 二、我的写法 接口长这样 参数是以json传入: a={'id':'xxxxxxxxxxxx','xx':'xxxxxxxx','xx':'xxxxxxxx','xx':'x ......
接口 方法 python delete

vue sort 排序方法

1、数据排序 var arry = [9,5,6,7,5,6,3,1,0] arry.sort() // [0, 1, 3, 5, 5, 6, 6, 7, 9] 2、对象排序 var list=[{name:'张三',age:12},{name:'李四','age:23}]; list.sort(( ......
方法 sort vue

《nodejs跨栏》vue篇——路由

路由是什么 参考链接:https://www.cnblogs.com/chengqiang521/p/15512719.html router简介 路由,一个router就是一组key-value对,只不过这里的key是路径,就是path,value是组件。 基本使用 1安装vue-router n ......
路由 nodejs vue

axios如何获取发送数据进度(上传进度)?

原理 axios的post方法,config配置有一个onUploadProgress属性,它接收一个回调函数,参数是上传进度事件(假设命名为:progressEvent), progressEvent.loaded:上传进度 progressEvent.total:总大小 解决办法 js axio ......
进度 数据 axios