- 设置ant-design vue表单a-input输入类型为数字
梅秃头
前端开发vue.jsjavascript前端
新增/更新表单时,要求表单输入框类型数字类型,而后端实体类该属性为字符类型,以下操作可以帮助你实现在v-model后面添加类型限制,即number在表单校验中添加type:'number'rules:{age:[{type:'number',required:true,message:'年龄必须为数字类型',trigger:'change'}],}这时,新增时表单的数据类型校验是没问题了,但是更新
- npm 以组织为单位发布依赖包(@username/package-name、@org-name/package-name)
示例:@ant-design/aliyun-theme@ant-design/antd-theme-variable@ant-design/charts//...1.注册组织在官网注册相应的组织,npmjs.com以个人账号登录。点击头像找到AddOrganization,填写相关信息,创建完成。2.发布首先需要在终端中设置npm登录信息:npmlogin发布分为两种情况,一种是已经创建了项目,现
- 【ant-design】表单validate验证名称重复
GUlGA
vue笔记前端javascript开发语言
methods:{validateToName(rule,value,callback){check({userName:value}).then((res)=>{varexist=res.data.exist//console.log('ex',exist)if(exist){callback(newError('名称已存在'))}else{callback()}})},}
- ant-design基于Mock访问本地服务器的资源
天蒙蒙亮
React
前些时间项目开发中,遇到需要访问服务器上的静态资源,无论怎样配置,一直报跨域,405。那就搭建localhost服务器访问本地-----模拟和服务器一样的环境。大体步骤:1.在项目中搭建好本地服务器。2.定义接口和数据源。3.调用接口。(方式一:在组件中调用接口;方式二:在models中调用方法(调用接口),数据传给payload传给组件。)如何使用mockjs。转载:https://blog.c
- React Native for Arcgis 地图开发 LocationCtrl (十五)
haibalai
定位工具封装和使用LocationCtrlimportReact,{useState,useEffect}from'react';import{View,Text,ScrollView,StyleSheet,DeviceEventEmitter}from'react-native';import{Button,List,Switch}from'@ant-design/react-native';i
- React Native for Arcgis 地图开发 LocationDisplayCtrl (十四)
haibalai
定位展示LocationDisplayCtrl封装importReact,{useState,useEffect}from'react';import{View,Text,ScrollView,StyleSheet,DeviceEventEmitter}from'react-native';import{Button,List,Switch}from'@ant-design/react-nativ
- 前端常见需求整理 - 日期处理(包含moment、时间戳、日期对象)
共沐春鳅
前端javascript
格式介绍moment对象使用UI框架的时间相关组件时(如ant-design),默认的绑定值的格式往往为这种。/*控制台的打印效果*/Moment{...}Moment{_d:(...)_isAMomentObject:true_isUTC:(...)_isValid:(...)_locale:(...)_pf:(...)}字符串部分栗子对应YYYY-MM-DDHH:mm:ss2022-04-12
- 【React】在项目中使用阿里图标库
一颗不甘坠落的流星
工作随记react.jsjavascript前端
文章目录打开阿里图标库==》选择相应图标项目选择Symbol格式,并复制链接基于antd新建一个JS文件MyIcon.js,并绑定上面复制的链接import{createFromIconfontCN}from'@ant-design/icons';//图标有更新时,需更新下面图标链接exportconstMyIcon=createFromIconfontCN({scriptUrl:'//at.al
- npm 以组织为单位发布依赖包(@username/package-name、@org-name/package-name)
idxx9527
npm前端node.js
示例:@ant-design/aliyun-theme@ant-design/antd-theme-variable@ant-design/charts//...1.注册组织在官网注册相应的组织,npmjs.com以个人账号登录。点击头像找到AddOrganization,填写相关信息,创建完成。2.发布首先需要在终端中设置npm登录信息:npmlogin发布分为两种情况,一种是已经创建了项目,现
- 【React】前端项目引入阿里图标
香菜啵子欸
前端笔记React笔记前端react.js前端框架
【React】前端项目引入阿里图标1、登录自己的iconfont-阿里巴巴矢量图标库,把需要的图标加入到自己的项目中去;2、加入并进入到项目中去选择Symbol点击复制代码3、安装@ant-design/icons4.新建一个MyIcon.js文件内容如下5、在项目中使用1、登录自己的iconfont-阿里巴巴矢量图标库,把需要的图标加入到自己的项目中去;2、加入并进入到项目中去选择Symbol点
- 【Antd】Module not found: Can‘t resolve ‘@ant-design/icons‘ in ‘E:\xx\xx\xx‘
香菜啵子欸
React笔记react
【Antd】Modulenotfound:Can'tresolve'@ant-design/icons'in'E:\xx\xx\xx'项目中使用报错信息报错原因解决方法项目中使用import{Layout,Menu}from'antd';import{MenuUnfoldOutlined,UploadOutlined}from'@ant-design/icons';报错信息【Antd】Module
- React博客项目系列2 文章复制代码,评论添加表情
我先润了
reactreact.jsjavascript前端
React博客项目系列1编写markdown文章,代码高亮,显示文章与目录文章复制代码要实现的功能:鼠标悬浮在博文里的代码块,右上角出现复制按钮点击复制按钮,复制代码块里的代码下载依赖yarnaddcopy-to-clipboard功能实现//封装组件import{CopyOutlined,LoadingOutlined}from'@ant-design/icons'importReact,{us
- UI框架组件(详细版)
小龙博客
uijavascript开发语言
常用UI框架:与React功能性框架配合的UI框架:Ant-design:AntDesignofReact-AntDesignAnt-design-Mobile:AntDesignMobile|AMobileDesignSpecificationReact-Bootstrap:React-BootstrapMaterial-UI:MUI:TheReactcomponentlibraryyoualw
- Ant-design dataPicker组件所遇问题
微_______凉
1datePicker所加的className类名作用的范围是输入框,不能控制展开的下拉框样式2展开的日历框的位置是相对于body,并不在中,而且层级较高,为1050,超过了Modal组件的层级,官方提供的dropdownClassName属性并不能加上类名,需用popupStyle加在DatePicker上,可通过这种方法来解决层级过高的问题。3Mode属性为year/mode不能选中4结合mo
- React Native for Arcgis 地图开发 GraphicCtrl (十三)
haibalai
GraphicCtrl的使用importReact,{useState,useEffect}from'react';import{View,Text,ScrollView,StyleSheet}from'react-native';import{Button,List,Switch}from'@ant-design/react-native';import{GraphicCtrl,GraphicL
- 封装ProTable组件
_琉
react.js前端前端框架
今天分享一篇关于ProComponents(ant.design)的文章,后面也会围绕ProTable这个组件去更新一个比较好用的table。这次主要用到的技术点:import{createContext,useEffect}from'react';import{useRef,useState}from'react';importProTablefrom'@ant-design/pro-table
- 【Ant Design of Vue】Modal.confirm无法关闭的bug
狂飙的肥兔
AntDesignofVuevue.jsbugjavascript
一、问题在使用AntDesignVue的Modal.confirm确认框时,出现了点击取消和确定后Modal.confirm确认框无法关闭的问题二、代码代码完全是copy的官网的代码,但是copy到本地后就会出现上述问题Confirmimport{ExclamationCircleOutlined}from'@ant-design/icons-vue';import{createVNode,def
- React 基于Ant Degisn 实现table表格列表拖拽排序
夏林夕
react.js前端前端框架
效果图:代码:myRow.jsimport{MenuOutlined}from'@ant-design/icons';import{DndContext}from'@dnd-kit/core';import{restrictToVerticalAxis}from'@dnd-kit/modifiers';import{arrayMove,SortableContext,useSortable,ver
- Ant Design 5.0+react管理系统
菜鸟码农qq
react前端框架
用户管理页面代码importReact,{useEffect,useRef,useState}from'react';importtype{ProColumns}from'@ant-design/pro-table';importProTablefrom'@ant-design/pro-table'import{Button,Checkbox,Form,Input,message,Modal,Se
- 开源 UI 组件库和开发工具库概览 | 开源专题 No.59
开源服务指南
开源专题开源ui
ant-design/ant-designStars:87.9kLicense:MITAntDesign是一个企业级UI设计语言和ReactUI库。为Web应用程序设计的企业级UI。提供一套高质量的开箱即用的React组件。使用可预测静态类型编写TypeScript代码。包含完整的设计资源和开发工具包。支持数十种语言国际化支持基于CSS-in-JS实现强大主题定制功能。microsoft/flue
- 前端组件库自定义主题切换探索-01-方案借鉴与思路参考
土豆片片
前端前端
探索原因背景首先自然是项目有需求,这是必须去做的原因其次,是我们项目没有直接使用市面上现成的基于element-ui或者ant-design的第三方UI框架,比如avue,而是有着自己的UI组件库第三,我们的组件库基于ant-design-vue,而ant-design-vue并没有很好的支持主题动态切换(主题总体模式仅支持深色和浅色,其他颜色只支持主色切换,不支持其他颜色和属性动态定制)第四,我
- antd 的form 表单怎么回显数据_ant-design自定义表单组件回传值的问题
余革革
antd的form表单怎么回显数据
ant-design给我们提供了Form表单组件,但是由于排版,由于功能等原因,我们会需要自定义表单组件;但是原有的表单取值和验证使用保持不变。ant-design表单组件我主要使用getFieldDecorator方法。下面是父组件的表单,引用了一个自定义的表单组件OptionSelect,子组件里面可能数据格式或者数据个数不一样。getFieldDecorator('option',{init
- 高版本ant-design动态引用icon
李剑一
Vuevue.js前端anti-design-vue
需求最近在更新自己的博客系统,从vue2升到vue3,同步的也把ant-design从1.7.8跨越多个大版本升级到了4.0.8,发现菜单上的icon报错了。查询官方文档发现自从2.0版本以后的icon就不再支持通过组件动态type的方式引入icon了。但是目录这个部分不可能是写死的icon。解决方案下载ant-design/icons-vue项目发现所有的图标都作为导出出现在项目中,故使用imp
- ant-design-vue 使用本地iconfont.js
边中之城
使用方法vue.jsjavascriptecmascript
createFromIconfontCN只能使用【在线资源】,但是在线资源存在不稳定的风险有人提了issue,不过目前也没有解决,但是有人提出了一种新的的解决方案参考链接:https://github.com/ant-design/ant-design/issues/16480main.jsimport{Icon}from'ant-design-vue'import'./assets/iconfo
- react结合ant-design的Upload组件--formData文件上传
我是一个粉刷匠呀
uploadantreact
react结合ant-design的Upload组件–formData文件上传导入import{Upload}from'antd';render中使用<iclassName={classnames('iconfonticon-add',styles.addIcon)
- vue3 ts 使用 Ant Design Vue 全局引入 icons
该用户已成仙
tsvuevue.jstypescript
import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importAntdfrom'ant-design-vue'//导入所有图标库import*asIconsfrom"@ant-design/icons-vue";importtype{Componen
- 【react实现递归编辑树】
呐呐呐呐。
react.js
importReact,{useState}from'react';import{Input}from'antd';import{DeleteOutlined,PlusCircleOutlined,CaretDownOutlined,}from'@ant-design/icons';functionfindAndUpdateObjectById(id,arr,changeObj,type=''){
- Error in D:\项目react\library\node_modules\antd\lib\style\color\bezierEasing.less (line 110, column 0)
种一个月亮 ୧
react.jslessjavascript
报错Failedtocompile.//https://github.com/ant-design/ant-motion/issues/44.bezierEasingMixin();^InlineJavaScriptisnotenabled.Isitsetinyouroptions?ErrorinD:\项目react\library\node_modules\antd\lib\style\colo
- vue3+antdesign的输入框(input)添加失去焦点触发事件
尘埃里的玄
首先在ant-design的官网文档没有看到失去焦点事件image.png经过查阅有一个onBlur事件12源码:import{defineComponent,ref,getCurrentInstance,nextTick,onMounted,unref,inject,UnwrapRef,reactive,toRaw,}from'vue';import{CircuitController}from
- package.json
kelly0721
前端jsonjavascript
一、package.json的解析{//必备属性name:'',//包名称,必须唯一version:'',//包版本//依赖dependencies:{//指定了项目运行所依赖的模块,开发环境和生产环境的依赖模块都可以配置到这里antd:'ant-design/ant-design#4.0.0-alpha.8',//依赖包名称:GITHUB_URL,GITHUB_URL即github的userna
- 多线程编程之join()方法
周凡杨
javaJOIN多线程编程线程
现实生活中,有些工作是需要团队中成员依次完成的,这就涉及到了一个顺序问题。现在有T1、T2、T3三个工人,如何保证T2在T1执行完后执行,T3在T2执行完后执行?问题分析:首先问题中有三个实体,T1、T2、T3, 因为是多线程编程,所以都要设计成线程类。关键是怎么保证线程能依次执行完呢?
Java实现过程如下:
public class T1 implements Runnabl
- java中switch的使用
bingyingao
javaenumbreakcontinue
java中的switch仅支持case条件仅支持int、enum两种类型。
用enum的时候,不能直接写下列形式。
switch (timeType) {
case ProdtransTimeTypeEnum.DAILY:
break;
default:
br
- hive having count 不能去重
daizj
hive去重having count计数
hive在使用having count()是,不支持去重计数
hive (default)> select imei from t_test_phonenum where ds=20150701 group by imei having count(distinct phone_num)>1 limit 10;
FAILED: SemanticExcep
- WebSphere对JSP的缓存
周凡杨
WAS JSP 缓存
对于线网上的工程,更新JSP到WebSphere后,有时会出现修改的jsp没有起作用,特别是改变了某jsp的样式后,在页面中没看到效果,这主要就是由于websphere中缓存的缘故,这就要清除WebSphere中jsp缓存。要清除WebSphere中JSP的缓存,就要找到WAS安装后的根目录。
现服务
- 设计模式总结
朱辉辉33
java设计模式
1.工厂模式
1.1 工厂方法模式 (由一个工厂类管理构造方法)
1.1.1普通工厂模式(一个工厂类中只有一个方法)
1.1.2多工厂模式(一个工厂类中有多个方法)
1.1.3静态工厂模式(将工厂类中的方法变成静态方法)
&n
- 实例:供应商管理报表需求调研报告
老A不折腾
finereport报表系统报表软件信息化选型
引言
随着企业集团的生产规模扩张,为支撑全球供应链管理,对于供应商的管理和采购过程的监控已经不局限于简单的交付以及价格的管理,目前采购及供应商管理各个环节的操作分别在不同的系统下进行,而各个数据源都独立存在,无法提供统一的数据支持;因此,为了实现对于数据分析以提供采购决策,建立报表体系成为必须。 业务目标
1、通过报表为采购决策提供数据分析与支撑
2、对供应商进行综合评估以及管理,合理管理和
- mysql
林鹤霄
转载源:http://blog.sina.com.cn/s/blog_4f925fc30100rx5l.html
mysql -uroot -p
ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)
[root@centos var]# service mysql
- Linux下多线程堆栈查看工具(pstree、ps、pstack)
aigo
linux
原文:http://blog.csdn.net/yfkiss/article/details/6729364
1. pstree
pstree以树结构显示进程$ pstree -p work | grep adsshd(22669)---bash(22670)---ad_preprocess(4551)-+-{ad_preprocess}(4552) &n
- html input与textarea 值改变事件
alxw4616
JavaScript
// 文本输入框(input) 文本域(textarea)值改变事件
// onpropertychange(IE) oninput(w3c)
$('input,textarea').on('propertychange input', function(event) {
console.log($(this).val())
});
- String类的基本用法
百合不是茶
String
字符串的用法;
// 根据字节数组创建字符串
byte[] by = { 'a', 'b', 'c', 'd' };
String newByteString = new String(by);
1,length() 获取字符串的长度
&nbs
- JDK1.5 Semaphore实例
bijian1013
javathreadjava多线程Semaphore
Semaphore类
一个计数信号量。从概念上讲,信号量维护了一个许可集合。如有必要,在许可可用前会阻塞每一个 acquire(),然后再获取该许可。每个 release() 添加一个许可,从而可能释放一个正在阻塞的获取者。但是,不使用实际的许可对象,Semaphore 只对可用许可的号码进行计数,并采取相应的行动。
S
- 使用GZip来压缩传输量
bijian1013
javaGZip
启动GZip压缩要用到一个开源的Filter:PJL Compressing Filter。这个Filter自1.5.0开始该工程开始构建于JDK5.0,因此在JDK1.4环境下只能使用1.4.6。
PJL Compressi
- 【Java范型三】Java范型详解之范型类型通配符
bit1129
java
定义如下一个简单的范型类,
package com.tom.lang.generics;
public class Generics<T> {
private T value;
public Generics(T value) {
this.value = value;
}
}
- 【Hadoop十二】HDFS常用命令
bit1129
hadoop
1. 修改日志文件查看器
hdfs oev -i edits_0000000000000000081-0000000000000000089 -o edits.xml
cat edits.xml
修改日志文件转储为xml格式的edits.xml文件,其中每条RECORD就是一个操作事务日志
2. fsimage查看HDFS中的块信息等
&nb
- 怎样区别nginx中rewrite时break和last
ronin47
在使用nginx配置rewrite中经常会遇到有的地方用last并不能工作,换成break就可以,其中的原理是对于根目录的理解有所区别,按我的测试结果大致是这样的。
location /
{
proxy_pass http://test;
- java-21.中兴面试题 输入两个整数 n 和 m ,从数列 1 , 2 , 3.......n 中随意取几个数 , 使其和等于 m
bylijinnan
java
import java.util.ArrayList;
import java.util.List;
import java.util.Stack;
public class CombinationToSum {
/*
第21 题
2010 年中兴面试题
编程求解:
输入两个整数 n 和 m ,从数列 1 , 2 , 3.......n 中随意取几个数 ,
使其和等
- eclipse svn 帐号密码修改问题
开窍的石头
eclipseSVNsvn帐号密码修改
问题描述:
Eclipse的SVN插件Subclipse做得很好,在svn操作方面提供了很强大丰富的功能。但到目前为止,该插件对svn用户的概念极为淡薄,不但不能方便地切换用户,而且一旦用户的帐号、密码保存之后,就无法再变更了。
解决思路:
删除subclipse记录的帐号、密码信息,重新输入
- [电子商务]传统商务活动与互联网的结合
comsci
电子商务
某一个传统名牌产品,过去销售的地点就在某些特定的地区和阶层,现在进入互联网之后,用户的数量群突然扩大了无数倍,但是,这种产品潜在的劣势也被放大了无数倍,这种销售利润与经营风险同步放大的效应,在最近几年将会频繁出现。。。。
如何避免销售量和利润率增加的
- java 解析 properties-使用 Properties-可以指定配置文件路径
cuityang
javaproperties
#mq
xdr.mq.url=tcp://192.168.100.15:61618;
import java.io.IOException;
import java.util.Properties;
public class Test {
String conf = "log4j.properties";
private static final
- Java核心问题集锦
darrenzhu
java基础核心难点
注意,这里的参考文章基本来自Effective Java和jdk源码
1)ConcurrentModificationException
当你用for each遍历一个list时,如果你在循环主体代码中修改list中的元素,将会得到这个Exception,解决的办法是:
1)用listIterator, 它支持在遍历的过程中修改元素,
2)不用listIterator, new一个
- 1分钟学会Markdown语法
dcj3sjt126com
markdown
markdown 简明语法 基本符号
*,-,+ 3个符号效果都一样,这3个符号被称为 Markdown符号
空白行表示另起一个段落
`是表示inline代码,tab是用来标记 代码段,分别对应html的code,pre标签
换行
单一段落( <p>) 用一个空白行
连续两个空格 会变成一个 <br>
连续3个符号,然后是空行
- Gson使用二(GsonBuilder)
eksliang
jsongsonGsonBuilder
转载请出自出处:http://eksliang.iteye.com/blog/2175473 一.概述
GsonBuilder用来定制java跟json之间的转换格式
二.基本使用
实体测试类:
温馨提示:默认情况下@Expose注解是不起作用的,除非你用GsonBuilder创建Gson的时候调用了GsonBuilder.excludeField
- 报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList
gundumw100
android
有一个工程,本来运行是正常的,我想把它移植到另一台PC上,结果报:
java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.mobovip.bgr/com.mobovip.bgr.MainActivity}: java.lang.ClassNotFoundException: Didn't f
- JavaWeb之JSP指令
ihuning
javaweb
要点
JSP指令简介
page指令
include指令
JSP指令简介
JSP指令(directive)是为JSP引擎而设计的,它们并不直接产生任何可见输出,而只是告诉引擎如何处理JSP页面中的其余部分。
JSP指令的基本语法格式:
<%@ 指令 属性名="
- mac上编译FFmpeg跑ios
啸笑天
ffmpeg
1、下载文件:https://github.com/libav/gas-preprocessor, 复制gas-preprocessor.pl到/usr/local/bin/下, 修改文件权限:chmod 777 /usr/local/bin/gas-preprocessor.pl
2、安装yasm-1.2.0
curl http://www.tortall.net/projects/yasm
- sql mysql oracle中字符串连接
macroli
oraclesqlmysqlSQL Server
有的时候,我们有需要将由不同栏位获得的资料串连在一起。每一种资料库都有提供方法来达到这个目的:
MySQL: CONCAT()
Oracle: CONCAT(), ||
SQL Server: +
CONCAT() 的语法如下:
Mysql 中 CONCAT(字串1, 字串2, 字串3, ...): 将字串1、字串2、字串3,等字串连在一起。
请注意,Oracle的CON
- Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate
qiaolevip
学习永无止境每天进步一点点git纵观千象
// 报错如下:
$ git pull origin master
fatal: unable to access 'https://git.xxx.com/': SSL certificate problem: unable to get local issuer ce
rtificate
// 原因:
由于git最新版默认使用ssl安全验证,但是我们是使用的git未设
- windows命令行设置wifi
surfingll
windowswifi笔记本wifi
还没有讨厌无线wifi的无尽广告么,还在耐心等待它慢慢启动么
教你命令行设置 笔记本电脑wifi:
1、开启wifi命令
netsh wlan set hostednetwork mode=allow ssid=surf8 key=bb123456
netsh wlan start hostednetwork
pause
其中pause是等待输入,可以去掉
2、
- Linux(Ubuntu)下安装sysv-rc-conf
wmlJava
linuxubuntusysv-rc-conf
安装:sudo apt-get install sysv-rc-conf 使用:sudo sysv-rc-conf
操作界面十分简洁,你可以用鼠标点击,也可以用键盘方向键定位,用空格键选择,用Ctrl+N翻下一页,用Ctrl+P翻上一页,用Q退出。
背景知识
sysv-rc-conf是一个强大的服务管理程序,群众的意见是sysv-rc-conf比chkconf
- svn切换环境,重发布应用多了javaee标签前缀
zengshaotao
javaee
更换了开发环境,从杭州,改变到了上海。svn的地址肯定要切换的,切换之前需要将原svn自带的.svn文件信息删除,可手动删除,也可通过废弃原来的svn位置提示删除.svn时删除。
然后就是按照最新的svn地址和规范建立相关的目录信息,再将原来的纯代码信息上传到新的环境。然后再重新检出,这样每次修改后就可以看到哪些文件被修改过,这对于增量发布的规范特别有用。
检出