接口 通讯 链接vue
vue中设置input输入框的值为正整数，不能为负数和小数
import Vue from 'vue' Vue.directive('Int', { bind: function (el) { const input = el.getElementsByTagName('input')[0] input.onkeyup = function (e) { if ......
mpi转以太网连接300PLC与易控INSPEC上位机软件通讯
300PLC转以太网与易控 INSPEC 上位机软件通讯易控 INSPEC 软件通过以太网连接西门子 S7300 系列 PLC，兴达易控MPI-ETH-XD1.0通讯模块为 PLC 提供以太网通讯接口。西门子 S7300 系列 PLC 设备信息化 易控 INSPEC 以太网通讯现场要求：通过易控 I ......
mpi转以太网连接300PLC与施耐德 Quantum PLC 通讯
S7300 PLC转以太网无需编程与施耐德 Quantum PLC modbusTCP通信方案介绍：西门子300PLC转以太网不需要编写程序通过兴达易控MPI-ETH-XD1.0与施耐德 Quantum PLC 进行modbusTCP 讯连接，通信过程中实现客户端与服务器的双向通信。网络拓扑图：一、 ......
[深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property，指向该内部值。 如果将对象分配为 ref 值，则它将被 reactive 函数处理为深层的响应式对象。 template 内使用 ref 对象，会自动解包。 <template> <d ......
vue+element-ui+springboot实现修改当前登录用户的信息
正文：话不多说，直接上代码 springboot代码 /** * 根据id修改当前登录用户的信息 * * @param username * @return */ @GetMapping("/username/{username}") public Result findOne(@PathVaria ......
在Vue中发起axios请求成功，却被catch捕捉返回Network Error
前端发起请求成功，后台接收处理返回，却被axios的catch捕获，没有走then函数。 最后添加了headers配置成功解决，如上，附上axios接口配置中文文档：axios中文文档|axios中文网 | axios (axios-js.com) 网上给出的答案：（虽然CSDN饱受诟病，对于初入行 ......
@Service注解为什么不能使用在接口上
@Service注解为什么不能使用在接口上，而是写在实现类上 这个问题从开始学习就有关注，但是一写@Service注解就会想到，不知道为啥要写在实现类上，好记性不如烂笔头，记录一下。 接口中只有抽象方法、默认方法、静态方法，不包含构造器，不能实例化。而@Service标注这是一个spring管理的b ......
VUE 使用iconfont 动态加载不转义的问题
手牵手教学 我们正常使用图片是这种class的形式 <i class="iconfont icon-xxx"></i> 但是万一我们的图标是后台返回的，而不是写死的，那么这种class写法不行了，得使用unicode 那么正常我们使用是这样 <i class="iconfont">3</i ......
vue+element 下拉框选择加搜索并且列表选项带图片
子组件代码： <template> <!-- 单选下拉框 --> <el-select v-model.trim="selectValue" filterable clearable :placeholder="placeText" :filter-method="filterMethod" :lo ......
限制左键拖拽图片阴影vue
<template> <div> <img ref="image" :src="imageUrl" :style="imageStyle" /> </div> </template> <script> export default { data() { return { imageUrl: "you ......
一统天下 flutter - dart: 类（抽象类，接口，继承，混入，扩展方法）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - dart: 类（抽象类，接口，继承，混入，扩展方法） 示例如下: lib\dart\class2.dart /* * dart 类（抽象类，接 ......
vue3 + el-date-picker(element-plus) 两种方式限制只能选一个月区间
1. <div style="float: right"> <el-date-picker v-model="state.rangeData[0]" type="date" value-format="YYYY-MM-DD" placeholder="开始" :disabled-date="pick ......
django admin 后台比如添加http超链接，直接点击访问
如果后台添加了超链接，如默认带http或者https点击访问的时候可以直接打开，如不带，这默认则会自动加上默认的系统域名，导致打不开。 如录入：www.baidu.com，点击打开的时候则会打开的是：127.0.0.1/admin/XX/www.baidu.com 可使用自定义标签判断，具体如下： ......
vue3
一、简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） github.com/vuejs/vue-n… 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实 ......
vue核心原理（Diff算法、虚拟dom）
核心原理&源码 Diff 算法 这里参考大佬文章：https://mp.weixin.qq.com/s/oAlVmZ4Hbt2VhOwFEkNEhw diff 算法的进化 关于 diff 算法的最经典的就是 Matt Esch 的 virtual-dom，以及 snabbdom（被整合进 vue 2 ......
Linux服务器调用外部链接命令
服务器上调用接口命令：curl -H 'Content-Type: application/json' -H 'appKey: 2222' -d '{"userid": "123345","name": w222}' http://接口地址 ......
vue-element-template去除登录
一、修改src目录下的permission.js文件 1、注释 //if (hasToken) { // if (to.path '/login') { // // if is logged in, redirect to the home page // next({ path: '/' }) / ......
vue-element-template改为从后台获取菜单
一、后端接口获取菜单信息 1、返回数据样式 { "code": 20000, "data": [{ "menuId": "2000000000000001", "parentMenuId": "0", "name": "Json工具", "menuType": 2, "component": "#" ......
django-rest-framework-从零开始-10-自动生成接口文档drf-spectacular的使用
django-rest-framework-从零开始-10-自动生成接口文档drf-spectacular的使用 1、前言 我们和前端对接，或者其他同事对接，需要一个API文档，这里对于drf项目，推荐使用drf-spectacular这个第三方库来进行生成。以后就不用每次修改代码都修改自己写的AP ......
Vue插件router
路由 概念: 一组key-value对应关系 key1 + value1 => 路由route key2 + value2 => 路由route ...... - 上述路由的集合,就是'路由器'(router) - key为路径,value对应 组件或者 回调func 插件: vue-router, ......
Solon2 接口开发: 了解 LoadBalance
上一文的代码 HttpUtils.http(sevName, ctx.path()) （来自 "solon.cloud.httputils" 插件的工具类），内部是通过 sevName 获取对应服务负载均衡，并最终获取服务实例地址。内部接口调用： //根据服务名获取“负载均衡” LoadBalanc ......
Solon2 接口开发: 分布式 Api Gateway 开发预览
建议使用专业的分布式网关产品，比如： nginx apisix [推荐] k8s ingress controller 等... 对 Solon 来讲，只有 Gateway：它调用本地接口时，则为本地网关；调用远程接口时，则为分布式网关。 1、一个简单的分布式接口网关效果预览 基于上一节的 ApiG ......
使用PHP请求ChatGPT聊天接口
<?php set_time_limit(0); // ChatGPT API endpoint // $url = 'https://api.openai.com/v1/engines/davinci-codex/completions'; $url = 'https://api.openai.c ......
vue打包后前端修改ip地址
1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
Jmeter进行https接口测试（导入证书、接口设置）
1、jmeter中新建https请求，要注意，是https协议、443端口； 2、把接口需要的HTTP信息头管理器、CSV 数据文件设置、查看结果树、用表格察看结果，元件名称我自己做了相应修改，你们不需要用到的元件不用添加，如CSV 数据文件设置; 值得注意的是，因为我是以json格式提交的参数，所 ......
如何写一个接口
代码规范 下载代码规范插件，Alibaba Java Coding Guidelines 。遵循《阿里巴巴java开发手册》。 日志 关键的入参，最好打印日志，否则出了问题，很难定位。 异常日志，最好打印出异常的方法栈，以及对应的参数，能够还原现场，定位问题。 日志的级别要明确。关键的日志用 inf ......
jmeter测接口 报400
当接口请求头中的 Content-Type 值是 application/json时，http请求组件中的参数要写到消息体数据中（如果写到参数中接口报400） ......
jmeter测接口 报415
当接口请求头中的 Content-Type 值是 application/json时，必须要添加【http信息头管理器】，将 Content-Type 的值添加进去（否则可能报415） ......