pyqt5-qgroupbox组件qgroupbox pyqt5

AntD框架的upload组件上传图片时使用customRequest方法自定义上传行为

title: 10-AntD框架的upload组件上传图片时使用customRequest方法自定义上传行为 publish: true 本次做后台管理系统,采用的是 AntD 框架。涉及到图片的上传,用的是AntD的 upload 组件。 我在上一篇文章《前端AntD框架的upload组件上传图片 ......
customRequest 组件 框架 行为 方法

组件化对话框

引用处 <template> <!-- 利用obj传递参数--> <Dialog :obj="data.permissionDialog" ref="permissionDialog"/> </template> <script setup> import Dialog from "@/compon ......
对话框 组件

pyqt5-文本框搜索功能

1、介绍 作用是对一个文本框组件的文本进行搜索,将搜索结果在文本框中进行字体颜色标记,允许re或者普通文本搜索,支持上一个或下一个的跳转,支持标签显示当前索引和总个数。 2、ui 3、代码 (1)自定义search.py,其中包含两个重要的函数 """ 搜索算法 返回结果是list,元素是二元lis ......
文本 功能 pyqt5 pyqt

pyqt5-样式设置

1、介绍 pyqt5中,允许通过类似css的层叠样式表的形式,直接为组件声明显示样式,比如设置字体、字体颜色和背景色等。 具体的是,是通过QWidget类中声明的setStyle或setStyleSheet方法设置。 setStyle(self, a0: QStyle) setStyleSheet( ......
样式 pyqt5 pyqt

11-react使用props.children 处理父子组件之间的传值

// props.children 组件传值 import { Component } from "react" import reactDom from "react-dom" // 床架一个 createRef 函数 用来创建 ref 对象 const Hello = (props) => { ......
父子 组件 children 之间 react

10-react不同层级的组件之间的数据传递数据 createContext 上下文

// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { createContext, Component } from "react" // createContext is useed to create a contex ......
数据 层级 上下文 createContext 组件

09-react的组件传值 props

// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { Component } from "react" // 类组件中使用函数组件 和 类组件 注意区分不同的组件使用不同方式接收数据 const Hellow = (pro ......
组件 react props 09

Django的message组件(源码分析)

Django的Message组件(源码分析) 1. 配置 # MESSAGE_STORAGE = 'django.contrib.messages.storage.fallback.FallbackStorage' # MESSAGE_STORAGE = 'django.contrib.messag ......
组件 源码 message Django

pyqt5-QSplitter

1、介绍 QSplitter类是用于分裂器水平布局或垂直布局,效果是该组件内在水平或垂直方向上的直接子组件,可以用鼠标拖动子组件之间的分界线,以变化各自的宽度或长度。 简单来说,就是在水平布局或垂直布局的固定分配上,允许各组件变化尺寸。 2、类和初始化 class QSplitter(QFrame) ......
pyqt5-QSplitter QSplitter pyqt5 pyqt

Django4全栈进阶之路23 项目实战(报修类型表):应用程序命名空间app_name和分页组件paginator

1、应用程序命名空间app_name from django.urls import path from . import views from .views import RepairDetailView app_name = 'repair' urlpatterns = [ path('repa ......

pyqt5-颜色

1、颜色选择器 col = QColorDialog.getColor() 该行代码可以打开一个子窗口,选择颜色 选择后可以点击确认或取消,都是返回一个PyQt5.QtGui.QColor对象,而并不会因为点击取消返回None 点击确认时,col.name可以获取一个str类型,比如#7bf8ff, ......
颜色 pyqt5 pyqt

06 - react的类组件中的状态state render函数 this指向问题 事件绑定

// 注册事件 import ReactDom from "react-dom" import { Component } from "react" // 类组件中的状态 通过 this.state.xxx 来获取状态 class Hello extends Component { // 事件对象 ......
指向 函数 组件 状态 事件

react的类组件和函数组件 -- 状态 state

// 函数组件是无状态的 既没有数据的 类似 vue 组件中的 data 数据 // 类组件是有状态的组件 是有数据的 是双向绑定的数据 是数据驱动视图的 负责UI的视图更新 (单个组件的私有数据组件之间的数据是独立的) import ReactDom from "react-dom" import ......
组件 函数 状态 react state

vue2源码-十七、Vue组件间传值的方式及之间区别

Vue组件间传值的方式及之间区别 通过props传递:父组件传递数据给子组件 使用 // chilid,vue props:{ // 字符串形式 name:String // 接收的类型参数 // 对象形式 age:{ type:Number, // 接收的类型为数值 defaule:18, // ......
组件 源码 之间 方式 vue2

ReactNative 桥接原生原子组件(二)

在上文 ReactNative 桥接原生原子组件(一)中介绍了在 JS 层如何桥接原生层组件以及封装原生组件的属性,那如何封装原生组件的方法呢? ♦ 原生组件回调 JS 层方法 指的是一个事件发生在原生层,从原生层把事件传递到 JS 层 接下来要在上文的 demo 中添加一个小的需求,点击一个按钮, ......
原子 ReactNative 组件

element ui抽屉组件蒙版取消后,左侧内容可点击,可处理

element ui抽屉组件都在用,然后需求提了一个底部蒙版不要,左侧正常点击,输入框正常输入,滚动正常滚动。 在做的时候发现蒙版去了只是将当前蒙版的透明度更改了而已,蒙版还是在的,左侧依然点击不了 后来想想把蒙版的宽度处理一下跟抽屉的宽度一样不就行了吗? 说做就做 抽屉上定义class,这个cla ......
抽屉 组件 element 内容

vue 好用的日期组件

1、官网 https://hxkj.vip/calendar/#/disabled-date 2、记录下自己的使用 (1)效果图 (2)页面部分 点击查看代码 <div class="data_popup"> <nut-popup position="bottom" v-model:visible= ......
组件 日期 vue

pyqt5-右键菜单

1、介绍 pyqt支持两种类型的菜单,窗口的菜单和右键菜单。这里阐述右键菜单的使用。 2、右键触发 from PyQt5.QtCore import Qt self.ui.plainTextEdit: QPlainTextEdit self.ui.plainTextEdit.setContextMe ......
菜单 pyqt5 pyqt

jmeter之 随机变量 组件

随机变量界面详解 添加随机变量组件的操作:选中“线程组”右键 —> 添加 —> 配置元件 —> 随机变量。 随机变量界面如下: 随机变量组件的详细说明: 名称:随机变量组件的自定义名称,见名知意最好。注释:即添加一些备注信息,对该随机变量组件的简短说明,以便后期回顾时查看。变量名称(Variable ......
变量 组件 jmeter

pyqt5-QListWidget

1、介绍 list组件,或者说列表组件。 2、类和初始化 class QListWidget(QListView): 快速查询: QListWidget(parent: typing.Optional[QWidget] = None) addItem(self, aitem: QListWidget ......
pyqt5-QListWidget QListWidget pyqt5 pyqt

Ant Design - 组件之 Tree树形控件

Ant Design - 组件之 Tree树形控件 针对tree树形组件封装了一个树形组件 1.组件ui 2.组件名称 ThemeCatalog 上面是image目录中的svg 3.组件代码 index.js import React, {useEffect, useState} from 'rea ......
树形 控件 组件 Design Tree

【HarmonyOS】元服务WebView组件 H5使用localstorage

在日常开发中我们会在应用种接入H5网页,localStorage作为H5本地存储web storage特性的API之一,主要作用是将数据保存在客户端中。对于快速开发元服务,通过WebView组件运行H5如何使用localstorage呢?下文以API7 JavaUI为例为大家做相关的讲解。 【实现步 ......
localstorage 组件 HarmonyOS WebView

关于为element Tree组件实现仿文件夹效果及右键菜单

<template> <div class="custom-tree-container" @contextmenu.native="handlePaste($event)"> <!-- <el-tree :data="dataSource" show-checkbox node-key="id" ......
文件夹 组件 菜单 效果 element

ElementPlus 组件全局配置

友链:语雀,在线文档协同平台 官方提供的全局配置:Config Provider 本文只做简单的模板参考,具体的配置请根据自己的业务灵活设置,如果你使用的是其它的ui框架,原理应该都差不多 入口文件的配置 注意事项 需要设置全局属性的组件先导入进来,比如:ElTable、ElForm、ElInput ......
全局 ElementPlus 组件

Vue3实现组件级基类的几种方法

Vue3的组件有三种代码组织方式 纯Option API (不含setup) option API + setup 纯 setup (即composition API) 对于这三种形式,设置基类的方法也略有不同。 使用 mixins、extends vue3提供了 mixins和extends,但是 ......
组件 方法 Vue3 Vue

vue2源码-十六、异步组件

异步组件 Vue 中异步组件的写法有很多,主要用作大的组件异步加载的markdown组件editor组件。就是先渲染一个注释标签,等组件加载完毕,最后再重新渲染 forceUpdate(图片懒加载)使用异步组件会配合 webpack 原理:异步组件默认不会调用 Vue.extend()方法 所有Ct ......
组件 源码 vue2 vue

vant ActionSheet组件嵌套多层时,第一层的顶部和底部不会被覆盖

问题描述: 这是一个只有在ios真机测试的时候才出现的问题,使用浏览器本地调试和安卓真机测试的时候都没有这个问题。 在一个页面中点击一个按钮的时候会出现 ActionSheet 动作面板 这个面板里主要是一个表单需要填写 和确定、取消按钮。 其中有选人组件 这个组件也是用 ActionSheet 动 ......
多层 底部 ActionSheet 组件 顶部

element-plus 上传组件 el-upload 自定义上传 文件至 OSS

看了源码 beforeData 在 beforeUploadPromise 之前 导致 异步设置 :data 不生效 文件传不上去 到 2.3.4 版本 这个问题还没修复 所以用 http-request 实现 用 axios 上传文件 非常简单 const ossData = reactive({ ......
element-plus 组件 el-upload element 文件

vue2实现饼图Pie组件封装

实现如下效果: 如果不会请移步到官网的栗子,请点击查看 直接给大家上代码: 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; height:300px;"></div> 3 </template> 4 <script> 5 /* ......
组件 vue2 vue Pie

Vue3 实现印章徽章组件

Vue3 实现印章徽章组件 需要实现的组件效果: 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 组件代码文件结构: src/components/StampBadge/src/StampBadge.vue 文件代码: <template> <div class="first-r ......
徽章 印章 组件 Vue3 Vue