表单 对话框 组件 表格
Vue2 Modal组件函数式调用封装（基于Ant Design Vue 组件）
一、h函数（createElement函数）版本 import Vue from "vue"; import { Modal } from "ant-design-vue"; // 获取扩展 Modal 组件 function getModalConstructor(modalProps, chil ......
iview Form表单校验失效问题
校验规则的 prop名称要和 v-model中的字段名称一致，否则会校验不通过，例如password输入框，prop为passwordProp,字段名称为password，即使输入字段也会校验不通过 <template> <Form ref="formRef" :model="formInline" ......
表单提交页面刷新问题
背景 在template中使用了<form></form>，在form中使用了button button绑定了onClick事件，进行非提交表单的操作 当点击button时页面会自动刷新 原因 form标签在提交的时候会自带刷新页面的请求 button标签默认type="submit"，放在form ......
HarmonyOS应用开发Web组件基本属性应用和事件
一、Web组件概述 Web组件用于在应用程序中显示Web页面内容，为开发者提供页面加载、页面交互、页面调试等能力。 ● 页面加载：Web组件提供基础的前端页面加载的能力，包括加载网络页面、本地页面、Html格式文本数据。 ● 页面交互：Web组件提供丰富的页面交互的方式，包括：设置前端页面深色模式， ......
springmvc中设置请求方式的转换，将post请求转换为put与delete，需要在web.xml中设置过滤器，在表单中设置一个隐藏域，传递的值设置为put
2023-09-15 web.xml <!--请求方式过滤器--> <filter> <filter-name>HiddenHttpMethodFilter</filter-name> <filter-class>org.springframework.web.filter.HiddenHttpMe ......
界面组件DevExpress WinForms v23.1亮点 - 全新升级HTML & CSS模板
DevExpress WinForms拥有180+组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序，无论是Office风格的界面，还是分析处理大批量的业务数据，它都能轻松胜任！ DevExpr ......
在 CocosCreator3.x 中使用 Mask 组件来实现 “果冻墙” 效果。【A.F.K protocol】
JellyWallButMask 是一个基于 CocosCreator 的 Github 项目，旨在通过使用 Mask 组件来实现“果冻墙”效果。这种效果允许用户拖动“墙块”，并在松手后将其复位。同时，在拖动过程中，它能够正常透视底图。然而，需要注意的是，每个 cell 会增加3个 drawcall... ......
一个基于Vue模型的表单生成器
哈喽,我是老鱼，一名致力于在技术道路上的终身学习者、实践者、分享者！ Vuetify Form Base是一个基于模型的表单生成器，目的是提供一个工具，以便以较少的努力从任何模型数据生成可编辑的表单，即使模型是一个深度嵌套的对象。 Vuetify Form Base作为Vue组件工作，可以很容易地集 ......
ansible-playbook各个组件
1.ansible-playbook组件 ansible-playbook主要的组件有： hosts：主机列表 remote_user 远程用户 tasks：任务 variables：变量 templates：模板 handlers和notity：触发器 tags：标签 2.ansible-play ......
Django中form组件的所有内置字段
1 Field 2 required=True, 是否允许为空 3 widget=None, HTML插件 4 label=None, 用于生成Label标签或显示内容 5 initial=None, 初始值 6 help_text='', 帮助信息(在标签旁边显示) 7 error_message ......
Vue学习四：组件的三大组成部分、组件通信和进阶语法
一、组件的三大组成部分 <template> 里面只能有一个根元素 <style> 全局样式(默认):影响所有组件局部样式: scoped 下样式，只作用于当前组件 <script> el根实例独有, data是一个函数,其他配置项一致 二、scoped设置局部样式 默认情况:写在组件中的样式会全局 ......
Python接口自动化unittest核心组件01
1、TestCase ：先定义测试用例类，在测试用例类中写测试方式 2、TestSuit：收集你要执行的测试用例类或者文件里的测试方式，放到测试套件 3、TextRunner：将收集好的测试条件放在测试用例运行器去执行，并收集测试结果 4、TextFixture：做好前置条件和后置处理 ......
vue 拖拽组件
// 父页面 <template> <div class="main_body"> <blockTitle title="事件详情" /> <a-form ref="formRef" :model="formValue" style="width: 100%" class="form_box" :l ......
项目开发中难点-项目使用v-if控制表单/元素/组件显示隐藏，例如调用接口后赋值需重新加载组件，但此时使用this.show=false，赋值后使用this.show=true，组件并未重新加载。
项目中使用v-if=" show " 控制组件的显示或隐藏，当接口返回后this.show=false,进行赋值，后this.show= true显示 。但是页面没有正常显示，此时使用 this.$nextTick 。 一、 $nextTick()概述1. $nextTick()原理 $nextTi ......
webUpload组件实现文件上传功能和下载功能
一、上传功能 首先引用基于jquery的百度上传组件webuploader（webuploader.css，webuploader.js）(jquery版本要求>1.10，webuploader版本：0.1.5)，下载链接：http://www.jq22.com/jquery-info2665 <l ......
百度 Web Uploader 文件批量上传组件
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样 ......
【HarmonyOS】如何实现应用内引用HSP模块中ArkUI组件
【关键字】 HSP开发、引入HSP模块中ArkUI组件 【写在前面】 在使用ArkTS开发HarmonyOS应用时，通常会定义一些公共组件或公共接口功能，此时可以将这些功能封装到HSP模块中，然后通过在HSP模块中导出组件或接口方式在其他模块中引用，可以实现应用内部代码与资源的共享。这里主要讲如 ......
可视化图表组件之股票数据分析应用
股票数据呈海量化、密集化、多样化的趋势。为了更清晰的比对股票数据，图扑基于自研 HT for Web 产品的 2D 编辑器、UI 库，对2022年 A 股市场数据以 BI 报表形式设计呈现，应用丰富的图表组件，将 A 股总营收、净利润、同比变化等维度的市场数 ......
Vue二维码组件
1.前言 该组件依赖qrcode.js与element-ui 支持二维码大小配置，点击大图预览 该组件以vue文件形式进行封装，需要配置httpVueLoader插件进行引入，其他格式请自行更改源码 2.使用方法 引入依赖 <link href="https://cdn.bootcdn.net/aj ......
Excel导出时文件中没有内容，表格是空的，并且后台抛出了下面的错误：No converter for [class com.common.dto.CommonResult] with preset Content-Type 'application/vnd.ms-excel;charset=utf-8'
【问题描述】 Excel导出时文件中没有内容，表格是空的，并且后台抛出了下面的错误： 2023-09-14 09:48:59.876 WARN 7 [http-nio-8096-exec-3] .m.m.a.ExceptionHandlerExceptionResolver : Failure in ......
分享百度文件上传组件webUploader的使用demo
先创建DOM节点：<head ng-app="myApp"> <meta charset="UTF-8"> <title></title> <script src="jquery-1.10.1.min.js"></script> <script src="http://cdn.staticfile. ......
vue-draggable-resizable组件
npm i --save vue-draggable-resizable import VueDraggableResizable from 'vue-draggable-resizable';import 'vue-draggable-resizable/dist/VueDraggableResi ......
Vue 文本字幕组件(Marquee Text Component)
简介及使用教程 Vue 文本字幕组件(Marquee Text Component)是一个Vue.js的字幕文本组件，具有CSS GPU动画、快速、功能强大等特点。 安装 Npm npm i vue-marquee-text-component Yarn yarn add vue-marquee-t ......
《VUE》走马灯组件
<template> <!-- 走马灯 --> <div class="box"> <div class="carousel"> <div class="item" v-for="(v,i) in list" :key="i" @click="open(v)"> <img :src="v.img" ......
2023-9-13 总计（存储过程，数据字段超出，添加功能-前端form表单提交后端没有读取到数据）
（存储过程，数据字段超出，添加功能-前端form表单提交后端没有读取到数据） 存储过程： 1.先写好页面，理清储存过程的调用过程， 2.写sql保存储存过程，执行储存过程 3.写代码在业务中调用储存过程，得到想要的统计结果 数据字段超出，编译异常： 1.数据库中的字段长度太短，导致后端保存数据的时候 ......
创建mixin.js文件，引入表格分页
// 前端分页 const tableFrontEndPaging = { data() { return { currpage: 1, page_size: 10, page_list: [10, 20, 50], currentPage: null, header_cell_style: { b ......
从零开始使用vue2+element搭建后台管理系统（实现导出excel表格的功能）
首先参阅了以下文档： https://panjiachen.gitee.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA https://blog.csdn.net/weixin_42 ......
vue端接收springboot端传来的表格数据
1、成果--实现啦！ 2、vue端相关代码 表格界面： <template> <div id="one"> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="id" label="Id" wid ......