精华内容
下载资源
问答
  • ant框架
    2021-10-27 14:44:11
    mounted(){
       this.res=this.$tabs.querySelf(this)
    }
    
    更多相关内容
  • Shiro为权限框架,Redis对常用数据进行缓存,前端使用Vue全家桶,前后端分离、JWT鉴权的开源框架。 角色的功能权限控制方式为基于RBAC规范的Shiro,角色数据范围控制是根据用户的所属机构、数据的创建者(用户ID)实现...
  • Ant入门学习 本内容包含了Ant的历史简要介绍,Ant的功能以及Ant框架的介绍,并对下载安装使用Ant进行了示例介绍,同时通过一个Java程序讲解了Ant的基本使用方法。
  • Ant 前端框架

    千次阅读 2021-11-01 15:00:16
    Ant学习官网 https://antdv.com/docs/vue/introduce-cn/ 1.面包屑 --面包屑 --面包屑第一级 --左边添加图标 首页 --面包屑第二级 --左边添加图标 系统设置 --面包屑 2.多选 --多选框定义 多选标题 --多选框名称 --...

    Ant学习官网

    https://antdv.com/docs/vue/introduce-cn/

    1.面包屑

    <a-breadcrumb> --面包屑
      <a-breadcrumb-item href="">  --面包屑第一级
          <a-icon type="home" />   --左边添加图标
          <span>首页</span>
      </a-breadcrumb-item>
      <a-breadcrumb-item href="">  --面包屑第二级
          <a-icon type="home" />   --左边添加图标
          <span>系统设置</span>
      </a-breadcrumb-item>
    </a-breadcrumb> --面包屑
    

    2.多选

    
      <a-checkbox @change="多选框">  --多选框定义
        多选标题                    --多选框名称
     <a-checkbox :default-checked="false" disabled />  --默认不可选的多选框
    
    

    3.单选

    <a-radio>单选</a-radio> <a-radio-button value=""> 单选框</a-radio-button>
    <a-radio-group default-value="a" button-style="solid" size="large">  --默认选择为“a”,选择形式为实色填底,输入框大小为大
    <a-radio-button value="a" disabled> --单选框默认无法选择
    

    4.输入框

    1.placeholder 输入提示框
    <a-input placeholder="输入框" />
    
    2.prefix--输入内容默认前缀 suffix--输入内容默认后缀
    <a-input prefix="输入框前缀" suffix="输入框后缀" />
    
    3.显示加载状态
    <a-input-search placeholder="搜索时显示载入状态" loading />
    
    4.密码输入框
    <a-input-password placeholder="密码框" />
    
    5.@blur 当焦点失去时候触发事件validatePhoneBlur为js里面的函数
    @blur="validatePhoneBlur"
    
    

    4.1 字符型输入框

    <a-input style="width:320px" addon-before="指标库编码:" addon-after=".com" default-value="ZBK00001" /> --addon-before 前面文字,--addon-after 末尾文字

    4.2 数值型输入框

    <a-input-number :min="1" :max="100000" :step="0.1" :default-value="3" @change="onChange" />
    数字输入框,最小1,最大100000,小数点0.1,默认数字3,框体后缀定义change

    4.3 日期型输入框

    <a-date-picker style="width: 50%" />  日期输入框

    4.4 时间型输入框

    <a-time-picker style="width: 50%" />  时间输入框

    5.下拉框

    <a-select default-value="门诊"> --复选框
      <a-select-option value="mz">  --第一个选项
        门诊
      </a-select-option>
    </a-select>

    6.按钮

    <a-button type="primary" style="margin-right:10px"> --单选按钮 
       保存
    </a-button>
    <a-dropdown>             --下拉按钮
     <a-menu slot="overlay" @click="handleMenuClick"> --下拉按钮选项
       <a-menu-item key="1"> --下拉按钮一个选项
          详情
       </a-menu-item>
       <a-menu-item key="2">
          删除
        </a-menu-item>
        <a-menu-item key="3">
          更多
        </a-menu-item>
     </a-menu>
     <a-button> Actions <a-icon type="down" /> </a-button>  --type 按钮类型 icon 图标
    </a-dropdown>

    7.评分

    <a-rate :default-value="2.5" allow-half />    评分框体,默认2.5星,允许半星选择
    <a-rate :default-value="2" disabled />        默认两星,锁定选择
    <a-rate character="A" allow-half style="fontSize: 36px" />   将星号代替为A字母,允许半星,字体大小36PX

    8. 布局

    <a-layout-header>顶部布局栏</a-layout-header>
    <a-layout-content>内容布局栏</a-layout-content>
    <a-layout-footer>底部布局栏</a-layout-footer>
    根据优先级排布
    <a-layout>
            <a-layout-sider>侧边布局栏</a-layout-sider>
            <a-layout-content>底部布局栏</a-layout-content>
    </a-layout>               ---插入布局

    9. TreeSelect 树型选择

    <a-tree-select
     树形图基本属性
    v-model="value"           --指定当前选中的条目
     style="width: 100%"     --大小
      />
    <a-tree-select-node key="按键分组" value="条目" title="条目名称">
    

    10. Upload 上传

    <a-upload
          list-type="picture"      --上传列表的内建样式
          action="//jsonplaceholder.typicode.com"--上传的地址
          :preview-file="previewFile"    --自定义文件预览逻辑
        >
          <a-button> <a-icon type="upload" /> Upload </a-button>                      --按钮属性,名称
        </a-upload>
    展开全文
  • Reactant-受启发而构建React应用程序的框架。 动机 React是一个用于构建用户界面JavaScript库,但是当我们要基于React开发应用程序时,我们经常不得不做很多构建配置和许多其他库选择(选择和学习React状态库和...
  • Ant Design 框架

    千次阅读 2021-02-05 16:46:18
    安装ant 在vscode中打开刚新建好的ant项目,并在终端中执行: $ npm i --save ant-design-vue 5.导入ant 在 src/main.js 中: // 导入ant import Antd from 'ant-design-vue'; // 导入ant样式 import 'ant-design-...

    一、环境搭建

    前提:已经安装好了nodejs

    下载地址:Download | Node.js

    NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题

    由于新版的nodejs已经集成了npm,所以安装nodejs时,npm也一并安装好了。可以通过输入 "npm -v"(查看npm版本) 来测试是否成功安装。

    如果你安装的是旧版本的 npm,可以通过 "npm install npm -g" 命令来升级。

    参考链接:Ant Design Vue

    1.新建目录

    用于存放ant项目,项目路径:D:\Users\01397470\Ant

    2. 安装脚手架工具

    D:\Users\01397470\Ant> npm install -g @vue/cli

    3.创建vue项目

    D:\Users\01397470\Ant> vue create antd-demo

    此过程较慢,耐心等待吧~

    4.启动项目

    $ npm run serve

    5.测试

    在浏览器中输入: http://localhost:8080/   即可访问vue主页

    二、Ant组件的使用

    在ant官网中随意找个组件,将代码复制到新建的vue文件中,我这里只是测试下官网中的组件如何使用而已。

    举个例子:比如我想使用ant官网中的table组件;官网地址:Ant Design Vue

    1.安装ant

    在vscode中打开刚新建好的ant项目,并在终端中执行:

    $ npm i --save ant-design-vue

    5.导入ant

    在 src/main.js 中:

    // 导入ant
    import Antd from 'ant-design-vue';
    // 导入ant样式
    import 'ant-design-vue/dist/antd.css';
    // 使用ant
    Vue.use(Antd);

    3.新建vue文件

    在src/components目录下新建AntTable.vue文件,代码直接复制官网上的即可

    4.使用组件

    三部曲:导入组件 ---> 注册组件 ---> 使用组件

    在src/App.vue文件中:

    <template>
      <div id="app">
    
        <!-- 3.使用组件 -->
        <AntTable/>
    
      </div>
    </template>
    
    
    <script>
    
    // 1.导入组件
    import AntTable from './components/AntTable'
    
    export default {
      name: 'App',
      components: {
        // 2.注册组件
        AntTable
    
      }
    }
    </script>

    5.启动项目

    $ npm run serve

    6.测试

     在浏览器中输入: http://localhost:8080/ 

    展开全文
  • Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和...
  • Ant Design前端框架

    2020-08-17 19:05:11
    Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量
  • Ant Player最小化的一个视频播放器,支持某目录的视频文件预览和自动读取字幕文件。开发原因是因为我经常在上学习一些课程。在线看会经常卡顿,网速不给力。所以我会先把视频文件、字幕文件下载下来本地播放。由于...
  • Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和...
  • 搭建selenium+testng+reportng+ant框架
  • 基于ant design vue 实现的一套后台管理框架。主要使用vue3 + vuex + vue-router + ts 基于ant design vue 实现的一套后台管理框架。主要使用vue3 + vuex + vue-router + ts 基于...
  • 最近公司来了一个项目, 看上面是使用的antD框架, 于是就去antD官网浏览了一番。但是发现这个是一个基于react的一个UI框架。 但是我看项目中,用的确实是vue+ antD实现的, 后来在猛然之间才发现,这个框架是有...

          最近公司来了一个项目, 看上面是使用的antD框架, 于是就去antD官网浏览了一番。但是发现这个是一个基于react的一个UI框架。 

          但是我看项目中,用的确实是vue+ antD实现的, 后来在猛然之间才发现,这个框架是有vue的示例的

          

    点击这个即可,就可以查看使用vue结合antD进行开发了。

     希望这个可以帮助到不了解antD使用的小伙伴们!

    展开全文
  • AntDesign前端框架 v4.6.3

    2020-09-28 02:05:31
    为您提供AntDesign前端框架下载,Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高...
  • AntDesign前端框架

    2020-08-17 09:37:52
    Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量
  • AntDesign 前端框架

    2020-08-15 03:14:08
    Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量
  • ant design框架踩坑记录

    2021-01-14 15:21:41
    关于ant design框架踩坑的记录 前言: 本人用的dva+react+ant.design开发,很多问题可能不是最好解决方法,如果大佬更好解决方法欢迎讨论 一,input输入框浏览器保存密码后自动输入问题 浏览器保存密码后,下次一进来就...
  • 前端UI框架Ant Design Pro

    千次阅读 2018-09-22 14:06:34
    目前项目使用的技术栈是,前端UI框架Ant Design Pro,数据交互使用react,后端使用的是springcloud,离线存储数据使用hadop(刚搭完还没开始用).后端的技术栈世面上基本稳定都用微服务这套,因为spring全家桶一直非常...
  • 各位铁子们大家好呀,我叫凃九一个在软件测试行业摸爬滚打十几年的老江湖了,今天呢来和大家聊一聊Jmeter+ant+jenkins接口自动化测试框架,大致思路是:Jmeter可以做接口测试,也能做压力测试,而且是开源软件;Ant...
  • AntDesign前端框架 v4.9.3

    2020-12-28 14:40:28
    为您提供AntDesign前端框架下载,Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高...
  • 这是由于React脚手架创建的是严格模式,在index.js里(有的在app.js) <...这样就去除了严格模式,虽然为了框架去除了严格模式不太好,但是没办法等阿里UI团队更新能够跟上代码的更新速度吧。 ...
  • Ant Design框架引入

    2017-06-22 20:13:00
    Ant Design框架引入 通过NPM方法导入AntDesign sudo npm install antd --save来安装到目录。 测试一下,在root.js中,书写如下 import React from 'react'; import ReactDOM from 'react-dom'; import {Router, Route...
  • WebDriver框架篇 - ant使用 - ant调用email 自动发送邮件
  • AntDesign前端框架 v4.5.2

    2020-08-14 00:02:40
    为您提供AntDesign前端框架下载,Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高...
  • Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量
  • AntDesign前端框架 v4.8.4

    2020-11-24 19:26:57
    为您提供AntDesign前端框架下载,Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高...
  • AntDesign前端框架 v4.8.2

    2020-11-25 01:14:51
    为您提供AntDesign前端框架下载,Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高...
  • AntDesign前端框架 v4.6.2

    2020-11-04 03:24:38
    为您提供AntDesign前端框架下载,Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 54,803
精华内容 21,921
关键字:

ant框架