ant打包发布web工程到tomcat<project basedir="." default="publish" name="anttest">
    <target name="init" description="设置初始化打 war 包需要的路径变量">
        <property name="name" value="anttest"/            
                
         
            
            
            
            1.<project>标签 
 每个构建文件对应一个项目。<project>标签时构建文件的根标签。它可以有多个内在属性, 
就如代码中所示,其各个属性的含义分别如下。 
(1) default表示默认的运行目标,这个属性是必须的。 
(2) basedir表示项目的基准目录。 
(3) name表示项目名。 
(4) descri            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-19 07:01:01
                            
                                45阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1 没有指定任何参数时,Ant会在当前目录下查询build.xml文件2 可以指定执行一个或多个target。当省略target时,Ant使用标签的default属性所指定的target3 编写build.xml (ant 1.8.2)3.1 Project<project name="demo" default="all" basedir=".">
</project>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-06 13:17:47
                            
                                551阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.使用场景项目用到的是 Ant Design Vue (2.2.8) 组件库,开发中遇到一个如下图的表格,有些表头文本后面会有一些自定义图标,鼠标移入图标时显示对应的审批时间提示。当前列如果没有审批时间就会隐藏图标,只展示列头文本。2.解决方案使用 Ant Design Vue 基础的 Table 组件是无法满足这个场景的,所以需要自定义表头的内容,这里就要用到定义表格列时的一个属性—— slo            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-25 07:07:23
                            
                                3422阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            俗话说的好 工欲善其事,必先利其器。笔者在开发 React 项目的时候,总结出一些很不错的 React 库,可以提高开发效率,满足业务需求,接下来将一一介绍它们。UI组件库 Ant Design要说 React 最受欢迎的 UI 组件库,那么我第一个想到的就是 Ant Design,Ant Design 提供了数十种常用的组件,比如 Button,Menu             
                
         
            
            
            
            现在android的抽屉控件很多,android官方也有,但是不符合我想要的样式,于是自己写了一个。我想要的结果是滑动的时候抽屉并不动,而是首页动,android官方的抽屉是首页不动,是将抽屉滑到首页上,qq的样式为首页滑动,漏出抽屉,但是抽屉也是跟随着首页的滑动而滑出来的。ViewDragHelper可以不接触ontouch而控制子view的移动,用来做抽屉也很简单很方便很强大。这个实现我的要求            
                
         
            
            
            
            关注前端达人,与你共同进步  大家好,本篇文章我将带着大家一起学习如何编写自定义组件(Components),通过首先我们来看一个简单的例子,比如我们有一个头像的组件(avatar)用来展示用户的头像,我们只需要创建一次,我们就可以随意将此组件添加至项目需要用到的地方,十分方便。比如如下的集成方式:从上述代码我们可以看出,在项目中集成组件十分方便,就类似一个 HTML 标签            
                
         
            
            
            
             antd使用小结-table 和 form Form使用中用到的一些方法Table 中columns 中对排序的设置 Form使用中用到的一些方法const { getFieldDecorator } = this.props.form;
 <Col xs={6} sm={6} md={6} xl={6}>
            <FormItem label="选择区域"&            
                
         
            
            
            
            参考官网 路由和菜单antd pro中默认菜单根据路由配置,匹配登录用户的权限进行生成。 路由节点需要配置authority属性来辅助生成菜单,如:{
	path: '/admin',
    name: 'admin',
    icon: 'crown',
    component: './Admin',
    authority: ['admin'],
},考虑到需要比较灵活的配置权限角            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-18 06:50:36
                            
                                157阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目录前言:碎碎念Columns配置ProTable的配置关于样式调整前言:碎碎念由于近期才接触到Ant Design Pro脚手架(以下简称antd pro),并且是第一次使用ProComponents的一些组件,对于自己碰到的一些小坑及样式修改比较耗费时间的地方,进行了记录。本文先说ProTable - 高级表格组件。如果你也对于ProTable 有在苦恼的问题的话,就请看下去吧。注:使用的脚手            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-18 20:44:15
                            
                                781阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.创建项目使用vue-cli V3.0+创建项目vue create antd-vue-theme-demo       选择css预处理器(其他的根据项目所需选择)       由于ant-design-vue的样式使用的是less作为开发语言,所以这里我们选择Less       其他的根据自己的需要配置即可,创建完成       注意:项目创建完成后,需要将less的版本号改成3.0以下,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-11 18:56:58
                            
                                132阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文章目录常用属性常用事件递归嵌套多级菜单效果 版本ant-design-vue: "^1.7.4",常用属性属性说明默认值mode菜单类型,现在支持垂直、水平、和内嵌模式三种verticalinlineCollapsedinline 时菜单是否收起状态theme主题颜色(light/dark)lightopenKeys(.sync)当前展开的 SubMenu 菜单项 key 数组defaultO            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-27 12:00:01
                            
                                1051阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            安装 ant-design-vue
$ npm i --save ant-design-vue
main.js 中配置,完整引入import Vue from ‘vue’
import App from ‘./App.vue’
import router from ‘./router’
import store from ‘./store’
// 引入 antdv
import Antd from            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-20 13:12:25
                            
                                1041阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、github上发现富文本编辑器:官网地址及github地址2、结合react+antd的具体使用:案例使用场景:MyModal为弹窗,弹窗显示 编辑名称及描述。描述使用wangeditor富文本编辑器实现。MyModal.jsimport { Form, Modal, Input, Row, Col } from 'antd';
import Editor from 'wangeditor';            
                
         
            
            
            
            2017-09-20 <FormItem {...formItemLayout} label="主机名" hasFeedback> {getFieldDecorator('hostName', { rules: [{ required: true, max: 20, message: '请输入主机名            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-05 12:16:50
                            
                                1038阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Table,是antd中一个我们经常使用的组件,在官方文档中给出了非常详细的实例以及API,但在我们在使用过程中可能需要根据项目的要求来定制空状态时的展示。什么是空状态呢?在antd的官方文档中他是这么说的当目前没有数据时,用于显式的用户提示。初始化场景时的引导创建流程。我们需要做的就是要自定义Table的 Empty(空状态),但是在查询官方文档的过程中,我们并没有发现Table组件提供修改Em            
                
         
            
            
            
            开始因为项目里一个更换皮肤的功能,虽然antd官网给出了更改主题的方法,但那是静态的,没办法在线上更换,然后发现网上在这方面的资料也并不多,这个业务难道不是应该很普遍吗?然后我就花了一些时间去解决了这个问题,并将踩过的坑写出来,再给出解决方案。antd-theme-webpack-plugin这个工具是我在网上找到的。下面是这个包的文档,但这个文档实际上写的并不清楚,我在按文档写的过程里遇到了很多            
                
         
            
            
            
            一、业务需求描述1. 能够拖动表单组件(不限制样式)到指定区域后,渲染成指定的组件 2. 能支持自定义标签名和属性,以及默认值 3. 能实现可支持预览、可排序、可编辑等功能 4. 能通过JSON数据格式前后端相互传递二、业务前期准备1. 在网上搜索了蛮多素材,但都是基于VUE的成品(http://www.maoyl.top/Demo/elformdesigndemo/index.html),与实际            
                
         
            
            
            
            最近新项目使用antd1.6版本进行的开发,相比之前项目1.5的版本,很多组件都进行了调整。项目开发中form表单用的频率比较高,今天做一下总结!首先说下1.5的版本吧,1.5版本的时候表单组件一直用的form,当时感觉还行,相比elementUI差异还是比较大,尤其对值的操作和表单的校验,简单上一下代码说明一下<!-- 模板 -->
<a-form :form='form'&g            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-16 09:49:35
                            
                                869阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            01、Vue3.x简介、搭建Vue3.x环境、创建运行Vue3.x项目、分析Vue3.x目录结构(17分41秒) 02、Vue3.x绑定数据、绑定html、绑定属性、循环数据(30分24秒) 03、Vue3.x中的事件方法入门、模板语法模板中类和样式绑定(29分50秒) 04、Vue3.x中的事件方法详解、事件监听、方法传值、事件对象、多事件处理程序、事件修饰符、按键修饰符(24分34秒) 05、            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-12 08:29:25
                            
                                85阅读