表单element-plus element plus
element-ui plus中如何单独出发el-upload提交
因为单独提交才好触发el-upload中的on-success函数 在 Vue 3 中，可以通过 ref 引用指向 upload 组件，然后使用该引用调用 upload 的 submit 方法来触发上传操作。具体实现如下： <template> <el-upload ref="uploadRef" ......
MyBatis Plus
1、MyBatis-Plus简介 MyBatis-Plus(简称 MP)，是一个 MyBatis 的增强工具包，只做增强不做改变，为简 化开发、提高效率而生。官方网址：https://baomidou.com/。MyBatis Plus 是国内团队(包 米豆) 团队开发并开源的！ 代码发布地址:（国 ......
表单登录回显
表单登录回显页面 login.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录</title> </head> <body> <h3>登录</h3> <form action="login.do ......
你还在手写 join 联表查询？MyBatis-Plus 这样写太香了！
使用方法 安装 Maven <dependency> <groupId>com.github.yulichang</groupId> <artifactId>mybatis-plus-join</artifactId> <version>1.2.4</version> </dependency> G ......
elementUI 表单input输入框限制整数和小数长度
<el-input v-model="input1" placeholder="请输入内容" @keyup.native="input1 = limitControlLine(input1,5,2)"></el-input>limitControlLine (val,zs,xs) { let val ......
Mybatis Plus
Mybatis Plus 1,创建数据表并插入数据(注意`和‘的区别) CREATE TABLE user( id BIGINT(20) NOT NULL AUTO_INCREMENT COMMENT 'id', user_name VARCHAR(20) NOT NULL COMMENT '用户名 ......
玩转RuoYi-Cloud-Plus--7.docker部署nacos(单机)
7.docker部署nacos(单机) 仅部署nacos-server,不使用prometheus/grafana等监控组件 1.拉取镜像 docker pull nacos/nacos-server docker pull nacos/nacos-server:v2.0.3 2.启动容器 需要得到 ......
玩转RuoYi-Cloud-Plus--5.Docker搭建MinIO
5.Docker搭建MinIO 1、安装minio docker pull minio/minio # 可以使用docker image查看minio是否启动 2、指定端口启动 # 执行命令： docker run -it -p 9000:9000 -d minio/minio server /da ......
玩转RuoYi-Cloud-Plus--4.Docker 搭建 redis6
4.Docker 搭建 redis6 1.下载redis docker pull redis:6.2.6 2.创建需要挂载的宿主机文件夹 mkdir -p /data/redis/conf mkdir -p /data/redis/data 3.配置redis 切换到/data/redis/conf ......
玩转RuoYi-Cloud-Plus--8.部署项目
8.部署项目 项目地址：https://gitee.com/JavaLionLi/RuoYi-Cloud-Plus 1.获取源码 需要有gitee账户 先把源码fork到自己的仓库中 打开idea: 需要多等待一段时间 勾选对应的环境 构建项目 2.sql导入 将sql导入到与sql文件名对应的数据 ......
element 日历 禁用 点击日历块切换月份
使用css样式 禁用 ::v-deep { .el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{ pointer-events: none; } } ......
element+vue2的查询form表单封装成组件复用
<template> <el-form :inline="true" style="display: flex; flex-direction: row; flex-wrap: wrap;flex: 1;" class="formClass" label-width="90px" > <el-for ......
Flask框架 之Flask-WTF表单扩展
pip install flask-wtf 一、WTForms支持的HTML标准字段 字段对象说明 StringField 文本字段 TextAreaField 多行文本字段 PasswordField 密码文本字段 HiddenField 隐藏文本字段 DateField 文本字段，值为datet ......
使用虚拟表单提交post请求
function post(URL, PARAMS) { var temp = document.createElement("form"); temp.action = URL; temp.method = "post"; temp.style.display = "none"; for (var ......
element 新增表单中自定义表格
自定义表格 <div class="formtable"> <div class="row"> <div class="col1">序号</div> <div class="col2">数值</div> <div class="col3">温度</div> <div class="col4">时间< ......
element ui Table 自定义头部样式
<el-table-column> <template slot="header"> <div class="Staked row-center"> <img src="../image/caret-down.png" alt=""> <span>Date & Time Staked</span> ......
流程表单通过iframe展示查询列表应用
第一部分：需求说明 建模做的查询页面一般是孤立于表单的，越来越多的客户希望在一个表单界面可以查看对应的查询页面数据，不用来回切换界面显示。 第二部分：需求实现 通过在表单配置页面插入iframe区域，配合查询页面的传参设置，实现查询页面数据的筛选。 场景一：付款流程中展示当前付款合同的历史付款记录 ......
js注册页面表单提交验证
<script> var code = document.querySelector(".code") var flag = true code.onclick = function(){ if(flag){ flag = false var i=5 //console.log("点击了") let ......
Mybatis及PLus
MyBatis： 是一个框架，基于框架能让编程更加规范 对于每一个表，我们都要建立一个实体类（Brand），一个总的的mapper（BrandMapper）和一个相应的xml（BrandMapper.xml）和一个总的Test类，还要在mybaits.config.xml中写上 mybaits.co ......
Element.getBoundingClientRect()
Element.getBoundingClientRect() 方法返回一个 DOMRect 对象，其提供了元素的大小及其相对于视口的位置。 参考： https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientR ......
element+vue2下的input的样式修改
/* 禁用下的input的字体颜色 */ /* .el-input.is-disabled /deep/ .el-input__inner { color: red; } */ /* 禁用下的input的样式修改 */ /* .el-input.is-disabled { border: 1px s ......
对于使用element-ui中的日期时间选择器产生的json数据转换格式报错
对于使用element-ui中的日期时间选择器产生的json数据转换格式报错 报错如下所示 JSON parse error: Cannot deserialize value of type java.time.LocalDateTime from String "2023-03-29 19:00 ......
element-ui el-switch 设置传数值
通过 active-value inactive-value设置开,关的值,原有的是boolean格式，后端一般不存boolean类型 https://blog.csdn.net/loveyou2015/article/details/113175624 ......
mybatis plus 更新字段为 null
mybatis plus 将字段更新为 null，默认如果不做任何处理，使用 mybatis plus 自带的更新方法是不能将字段更新为 null 的，如果要将字段更新为 null，需要做下面的处理在需要的字段上加 @TableField 注解，并设置属性 updateStrategy = Fiel ......
Mybatis-Plus自定义TypeHandler映射JSON类型为List
##1.实体类 注意点：别忘了autoResultMap = true @Data @TableName(value = "report", autoResultMap = true) public class Report implements Serializable { private sta ......
第十一篇 vue - 基础 -表单输入绑定
表单输入绑定 在前端处理表单时，我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦 <input :value="text" @input="event => text = event.target.value"> v-model 指 ......
django-admin实现动态多选框表单
借助django-admin，可以快速得到CRUD界面，但若需要创建多选标签字段时，需要对表单进行调整 model.py 一个tag（标签类），一个book（书本类） book携带tag，这里不借助有性能问题的外键 class tag(models.Model): name = models.Cha ......
19 - Form表单验证
###1. 创建forms.py工具 # 和数据库没有任何关系,用来验证用户输入是否满足要求,需要和模板中参数名一致 # 用户自定义表单 from django import forms from django.core.exceptions import ValidationError class ......
利用iframe和form的target属性做一个简单的异步提交form表单
这是form部分 <style> h5{text-align: center} form{display:block;padding:20px 50px 5px 50px;background: #fff; margin: 0 auto;text-align: center;} input{padd ......