1.利用moment时间转换 常用转换为普通时间格式
moment("时间").format('yyyy-MM-DD’)
moment("时间").format('yyyy-MM-DD hh:mm:ss’) //表示12小时制
moment("时间").format('yyyy-MM-DD HH:mm:ss’) //表示24小时制
MM: 月份 mm: 分
DD: 日期 dd: 星期
转载
2024-08-08 19:33:17
195阅读
Ant Design 是ui组件库，具体简介看官网。antd需要在React项目内安装，意思就是需要先创建好项目，可以戳查看如何创建项目，或者查看官网。在项目创建好之后，进行安装。 Antd安装这里需要进行项目内安装，有三种方式。第一种npm：npm install antd --save第二种cnpm：cnpm install antd --save第三种yarn：yarn add a
转载
2024-03-18 10:37:47
0阅读
文章目录1. Ant Design Pro 的布局1.1 如何使用 Ant Design Pro 布局1.2 Pro 扩展配置2. Ant Design 布局组件2.1 Grid 组件2.2 Layout 组件2.3 根据不同场景区分抽离布局组件 页面整体布局是一个产品最外层的框架结构，往往会包含导航、页脚、侧边栏、通知栏以及内容等。在页面之中，也有很多区块的布局结构。在真实项目中，页面布局通常
转载
2024-04-08 07:11:16
285阅读
在之前的系列文章中，我们讲解了如何快速使用Ant Design Pro解决方案来快速搭建前端框架。而ECharts是前端最流行，功能最强大的前端图表库。下面，我们将会在本文中讲解如何在Ant Design Pro使用ECharts。安装首先，如何在Ant Design Pro解决方案下安装ECharts呢？ Ps：关于Ant Design Pro的基本知识可以访问如下文章进行了解：&n
转载
2024-05-22 19:51:41
217阅读
文章目录确认 Ant Design Vue 版本Upload 组件 API 关键参数和事件介绍参数事件Upload 组件代码实战基础代码构建自定义上传实现（customRequest）文件验证（类型、大小）模拟实现上传进度条效果上传图片预览完全控制上传列表 && 限制上传列表数量已上传图片回显完整代码api 文件 common.js公共函数文件 util.js主文件 Upload
转载
2024-03-22 13:53:00
153阅读
本人后端开发，js马马虎虎能看懂，通过cv大法可以实现功能，vue看了简单的示例，然后就上手使用ant-design-pro of vue了，然后发现其中很多写法根本不知道在说什么。本文主要介绍pro中涉及到的后端人员可能不知道的知识：目录一、@写法，如二、router.push()命名路由一、@写法，如import { constantRouterMap } from '@/config/rou
转载
2024-02-27 14:35:10
135阅读
（作者：王旭东 撰写时间：2019年5月5日）空间布局是体系视觉设计的起点，和传统法人平面设计的不同之处在于，UI界面空间要基于【动态、体系化】的角度出发展开。我们受到建筑界大师柯布西耶的模度思想的启发，基于【秩序之美】的原则，探索UI设计中的动态空间秩序，形成了Ant Design的界面布局方式，为设计者构筑具备理性之美的布局空间创造了条件。在中后台视觉体系中定义布局系统，我们建议从5个方面
一、Ant Design入门1、什么是Ant Design？ Ant Design是阿里蚂蚁金服团队基于React开发的ui组件，主要用于中后台系统的使用。 官网：https://ant.design/index-cn特性：提炼自企业级中后台产品的交互语言和视觉风格。开箱即用的高质量 React 组件。使用 TypeScript 构建，提供完整的类型定义文件。全链路开发和设计工具体系。2、开始使用
转载
2024-02-21 15:11:46
318阅读
一、概念：https://pro.ant.design/docs/getting-started-cn（官方网站） 1、Ant Design Pro 是什么： 是一个开发 中后台 系统的 脚手架。类似 vue-cli 一样，创建项目后，各种webpack配置、路由配置等，都已经弄好，直接开发就可以了。 2、Ant Design Pro 相关的技术栈： react+redu
转载
2024-01-18 13:09:45
188阅读
我们之前已经将我们的项目更改到能够在里面使用我们自己的接口了，但是我们进来以后的页面还是显得有些繁杂，毕竟这里面它自带的页面大多数我们都用不到。所以我们要去删除掉这些页面，便于我们后面再添加页面的时候不用那么的浪费时间，去找我们的页面。 这里面有我们文件里面的结构，相信我们之前已经看过了，我们可以看到我们的业务页面入口和我们的常用模板都在哪里。我们需要的就是将这里面的页面给去
转载
2024-02-21 21:03:48
163阅读
初始化项目1、在安装了node.js的前提下，使用以下命令 npm install --g vue-cli 2、在将要构建项目的目录下 vue init webpack myproject(项目目录名称) 一路回车如下中间会让选择ESLint进行项目代码风格检查，为了美观和效率，可以开起来，vue-router用起来，红框框中的两个测试，不要也罢，后面是问要使用哪个进行install依赖包
转载
2024-10-30 12:41:30
21阅读
前情公司有经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。产品效果图最新接到的一个后台管理界面需求，需要根据相同的itemId做单元格合并，要实现的效果如下：解决方案方式1：使用表格的rowspan属性来实现单元格合并关键示例代码：/**
* 实现单元格合并
* 在原始数据中加上row
转载
2024-09-19 20:25:03
158阅读
一、概述 参看地址：https://pro.ant.design/docs/new-page-cn 这里的『页面』指配置了路由，能够通过链接直接访问的模块，要新建一个页面，通常只需要在脚手架的基础上进行简单的配置。 二、开发步骤 2.1、新增js、less文件 在 src/routes 下新建页面的
转载
2018-12-02 21:10:00
437阅读
2评论
页面编辑时复制对象，修改表单时，不影响列表数据/**
原创
2022-09-07 13:54:34
390阅读
在上一篇文章中，我们介绍了如何构建一个Ant Design Pro的环境。 同时讲解了如何启动服务并查看前端页面功能。在本文中，我们将简单讲解如何在Ant Design Pro框架下实现自己的业务功能。目录结构浅谈首先，我们来简单了解一下整个项目的目录结构及其中每个文件的功能。 一个完整的目录结构如下： 其中，关于业务功能的代码都在src文件夹下。 而s
最近因为因为项目的原因，一直在寻找一款合适的前端模版，之前的 Vue 前端页面都是自己写的，写多了就烦了，因为功能都差不多，写来写去就没意思了。所以在新项目中想看看市面上的 Vue 后台管理模版，找个现成的，改一改基本就 OK 了，团队也省事一些。老实说，Vue 的生态还是相当丰富的，经典的、新生的后台管理框架都有，我这里和大家分享我们这次重点比较的三个。vue-element-ad
转载
2024-08-01 11:45:05
149阅读
1、getSelectedMenuKeys 获取选中的菜单的keygetSelectedMenuKeys = () => {
const {location: {pathname}} = this.props;
return getMeunMatchKeys(this.flatMenuKeys, urlToList(pathname));
}; getSelected
转载
2024-04-03 15:39:13
52阅读
在ant design vue开发中有时候会利用后台数据循环生成表单，需要我们绑定prop以及自定义校验事件以下是我用官网提供的方法结合自身项目写出来的总结一、首先在data里定义表单数据// 循环生成的人员表单数据
addManForm:{
manObjList:[
{
person_info_company_guid:undefined,//所属
转载
2024-02-15 14:32:22
745阅读
Ant Design Pro of Vue是蚂蚁金服开发的一套Vue前端框架，号称可以让开发人员轻松搭建企业级的前端项目。进入官网，选择开始使用，可以看到官网提示：你的本地环境需要安装 node 和 git。我们的技术栈基于 ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue，提前了解和学习这些知识会
转载
2024-05-09 11:03:29
432阅读
方法1: οnfοcus=this.blur()
<input type="text" name="input1" value="中国" οnfοcus=this.blur()>
方法2:readonly
<input type="text" name="input1" value="中国" readonly>
<input type="text" nam
转载
2024-09-07 10:13:18
195阅读
