Ant Design Pro Vue不完全开发手册前言准备工作:1、安装npm2、可选安装3、安装 vue-cli 工具:4、参考文档基础开发学习:1、git项目拉取2、安装项目3、启动项目4、文件解析vue.config.jsrouter.config.jsviews(1)api.js(2)vue开发浅谈问题与解惑1、如何把父组件的值传到子组件2、父组件调如何用子组件方法3、子组件如何调用父组
一、Ant Design Pro 介绍1、访问地址:https://pro.ant.design/zh-CN/2、开箱即用的中台前端/设计解决方案二、使用Vue CLI3快速创建项目1、创建步骤:vue create ant-design 依据需要选择相应的依赖 cd ant-design 打开项目文件 npm i ant-design moment 安装项目中的依赖,依据momen
转载 2024-04-01 10:53:27
97阅读
推荐开源项目:Ant Design Vue Awesome项目简介Ant Design Vue Awesome 是一个基于 Ant Design Vue 的强大UI组件库,致力于为Vue.js开发者提供优雅、一致且高效的开发体验。这个项目是对官方Ant Design Vue组件的一个增强版,它添加了许多实用功能和自定义选项,使得在构建企业级前端应用时更加得心应手。技术分析基于Ant Design
转载 2024-08-10 11:01:10
91阅读
Ant Design 是一个很好用的前端组件库,里面包含有很多基础组件,能极大提高我们的开发效率下面先贴出 官方文档,里面的介绍已经十分全面和详细,大家遇到的很多问题都可以在上面找到答案假设现在我们已经用 vue-cli 3 工具创建了一个 Vue 项目,然后怎么在项目中引入 Ant Design 呢?首先介绍一下 vue-cli 3 默认生成的目录结构,关于 vue-cli 3 的具体使用可以参
转载 2024-03-20 07:20:35
429阅读
老鸟请飞走,关于入手Ant 还是有比较长的路走的,但是呢,如果是有一套框架能让我们快速开发项目成型,那么只需要先了解一下这个前端框架 但是呢,这可有不少坑,下面我们一一解决它吧。 这里说一下,我们需要具备一下知识 Vue 和 ES2015 , HTML、CSS 和 JavaScript  这些基本了解一下即可,总不能源
转载 5月前
48阅读
利用vue封装TabBer导航栏1、利用vue-cli2构建项目需要在构建项目的时候安装vue-router2、搭建项目文件路径asset里存放图片和css,同时创建一个img文件夹存放图片,再建立一个tabbar子文件夹存放tabbar需要的图片。分别是导航栏未被选中和被选中的图片。components里就存放公共的组件,比如轮播、导航栏等。router里就存放router路由组件了。views
转载 2024-09-25 19:09:55
751阅读
Ant Design Vue使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库,用于开发和服务于企业级中后台产品。Ant Design Vue中文文档:https://www.antdv.com/docs/vue/introduce-cn/Github:https://github.com/vueComponent/ant-design-vue/star:1...
原创 2021-09-08 17:41:05
2741阅读
1点赞
Ant Design Vue使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库,用于开发和服务于企业级中后台产品。
原创 2022-01-19 10:57:18
3064阅读
功能:ant Design vue使用腾讯播放器实现监控视频直播、点播,多个视频同时播放效果图:自适应布局第一步安装npm包npm install tcplayer@0.0.24 --save第二步封装子组件<template > <div :id="`video_container_${index}`" class="video_container"></div
转载 2024-03-04 12:57:25
427阅读
介绍G2 是一套基于图形语法理论的可视化底层引擎,以数据驱动,提供图形语法与交互语法,具有高度的易用性和扩展性。使用 G2,你可以无需关注图表各种繁琐的实现细节,一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。一、安装 antV-G2通过 npm 安装npm install @antv/g2 --save成功安装完成之后,即可使用 import 或
这次主要是对于数据上传的一个简述(由于之前的图片上传有一点问题所以就先把这个给发出来了)对于后台的数据,我们做的最多的工作是啥子呢?增,删,改,查。只要能把这几个操作实现了,那么基本上前台与后端的交互就没有太大的问题了。不仅是图片的上传,还有数据的录入,这都是属于“增”。也就是咱们的第一步,也属于最基本的。如果你都没有数据,那你还哪里来的删,改,查呢。数据的录入有会出现那些信息呢?一般的话都属于手
转载 2024-03-07 13:35:15
65阅读
导入在使用日期选择器前需要先引入momnet:import moment from "moment"; import "moment/locale/zh-cn"在引入后使用选择器:<a-date-picker format="YYYY-MM-DD HH:mm:ss" v-decorator="['time',{rules: [{ required: true, message: '请输入
转载 2024-04-04 21:50:14
115阅读
初始化项目用 vue-cli 快速构建项目vue create ant-design-vue-procd ant-design-vue-pro/安装必要依赖npm i ant-design-vue moment删除/初始化 不需要的文件// clear └──src/ ├───router/ │ └───index.js ├───views/ │ └───
转载 2024-07-11 07:04:12
267阅读
后台框架搭建过程1.1创建一个Vue项目vue create 项目名1.1.1选择合适的选项进行安装· default· Manually select features等待一段时间,项目创建完成1.2.删除原有的demo1.2.1src/views· about.vue· home.vue1.2.2App.vue 删除对应的nav和st
转载 2024-05-24 19:01:23
92阅读
#1、表格 1)分页表格 <template> <a-table :rowSelection="rowSelection" :columns="columns" :dataSource="data" :pagination="ipagination"/> </template> <script> c
Vue
原创 2021-07-13 16:56:31
429阅读
ant design vue组件库中,并没有提供可以直接监听table滚动的api,在此我使用了原生js去对table表格赋予一个监听表格滚动事件。在处理一写数据量特别大的情况下,我们不能把后端的数据一次性全部拿到前端在table表格中展示,为了考虑性能优化,使用了滚动加载表格数据。做这个功能之前,我们首先需要获取到table滚动到底部或者顶部时去触发方法。首先我想要对表格进行滚动加载,接口需要
开发模式预览 demo在开发一个 ui 组件库时,肯定需要一边预览 demo,一边修改代码。常见的解决方案是像开发一般项目一样使用 webpack-dev-server 预览组件,比如通过 vue-cli 初始化项目,或者自己配置脚本。文艺一点儿地可能会用到 parcel 来简化 demo 的开发配置(比如 muse-ui)。展示文档作为一个 ui 组件库,也肯定要有自己的组件展示文档。一般业界常
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建Ant Design Pro of Vue下载安装启动步骤:一、Ant Design Pro of Vue 的介绍Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升
转载 2024-04-26 11:08:13
259阅读
支持的环境: 现代浏览器和 IE9 及以上(需要 polyfills)。 支持服务端渲染。 Electron(一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。可以使用 HTML、CSS 来绘制界面和控制布局,使用 JavaScript 来控制用户行为和业务逻辑,使用 Node. ...
转载 2021-07-13 14:28:00
398阅读
2评论
1.简介动态模型是一个基于结构化数据的编程方法。目前已经在动态模型里初步集成了vue和antdesign,这里讲述下如何运行动态模型下的vue-antdesign的示例。简单介绍下动态模型的优点先。使用动态模型可以让编程更加简单和快捷,并且模型也可以保存知识和经验。也就是说使用动态模型可以让vue-antdesign编程简单化,并且如果你有vue-antdesing的相关知识和经验,那么也可以把这
  • 1
  • 2
  • 3
  • 4
  • 5