需求：在新增&编辑表单中，共分三个表单模块，第二个模块设计为一个可编辑表格组件，其中可选下拉列表依赖外层第一个模块的某条数据值，提供新增、编辑、删除、按规定条件去重等功能，并在第三个模块中自动计算列表数值总和 实现：1.表单初始化接口的返回约定为三个数组，按模块对应：const [dataSource, setDataSource] = useState<{
转载
2024-04-22 23:49:56
233阅读
# 下载 Ant Design Pro JavaScript 版本的完整指南
在这篇文章中，我们将详细介绍如何下载和实现 Ant Design Pro 的 JavaScript 版本。即使你是刚入行的小白，跟着这篇文章的步骤，你也可以顺利完成这个任务。Ant Design Pro 是一个专门为企业级后台应用程序设计的 UI 设计语言与框架，它提供了一组高质量的组件，使得开发复杂的用户界面变得轻松
原创
2024-07-31 07:26:26
152阅读
# 从Docker到Ant Design Pro：解决上线无法访问的问题
在现代的软件开发中，Docker已经成为了不可或缺的工具。它可以帮助我们方便地构建、打包和部署应用程序，使开发和运维更加高效。而Ant Design Pro则是一个基于React的企业级中后台前端/设计解决方案，提供了丰富的UI组件和模板，可以快速搭建前端项目。
然而，在将Ant Design Pro项目部署到Docke
原创
2024-05-08 07:58:51
75阅读
1、开始学习ant-design-pro，安装啥的自动忽略，参考文档：https://pro.ant.design/docs/getting-started-cn根据文档学习，添加页面，新增组件都没问题，可以跟着做，但是到了和服务器交互时就有点蒙了，因为ant-design-pro采用了dva框架实现，前段使用react技术，对于只有后台开发经验的我还停留在springmvc 的工作模式上，对于a
转载
2024-04-29 11:05:26
203阅读
前言Ant Design 4.1.0 发布了。Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现，使用 TypeScript 构建，提供完整的类型定义文件，自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。更新内容此版本更新内容：1、支持紧凑模式主题。#22126 @AshoneA2、新的 Space 组件
转载
2024-04-06 10:40:57
124阅读
Ant Design Pro 浅析脚手架下载Ant Design Pro 浅析菜单映射页面渲染界面定义数据交互后台数据交互 脚手架下载软件环境：NodeJS，Git 下载步骤：1、clone代码。其中ant_design 为文件夹名$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git ant_design
$
转载
2024-04-29 23:02:18
112阅读
在之前的系列文章中，我们讲解了如何快速使用Ant Design Pro解决方案来快速搭建前端框架。而ECharts是前端最流行，功能最强大的前端图表库。下面，我们将会在本文中讲解如何在Ant Design Pro使用ECharts。安装首先，如何在Ant Design Pro解决方案下安装ECharts呢？ Ps：关于Ant Design Pro的基本知识可以访问如下文章进行了解：&n
转载
2024-05-22 19:51:41
217阅读
上一节我们讲了axure在开始着手画原型之前需要做的五步：1.梳理产品功能等级2.梳理产品功能结构3.将产品流程图文字化4.将产品功能说给开发和需求方听5.将当前产品进行核心提炼并做版本规划 这一节我们来总结归纳一些axure的使用技巧，能否快速的设计原型，首先我们得熟悉快捷键：1.ctrl+shift+a【截图屏幕】2.ctrl+v【粘贴】3.ctrl+d【选中元件复制】4.ctrl
cisco 路由器访问权限的设置
理解Privilege级别的含义
默认情况下cisco ios命令行模式下支持两种级别的接入命令user EXEC（级别1）模式和privileged EXEC（级别15）
<?xml:namespace prefix = o ns = "urn
需求：下拉框在选中时能够在check-icon后面显示当前选中项的排序，以及当超过最大可选数时不允许继续选中。在Antdesign组件里好像没有控制可选数的option，这点真的让人很奇怪诶~还得自己在onchange里写逻辑来控制。一开始我能想到的简单思路是：1.通过在属性options里面塞个icon，自定义选项的展示2.通过操作渲染好的下拉列表里的dom元素实践后发现上述的都不太可行，最后只
转载
2024-03-05 07:15:35
249阅读
src/models/login.js40行yield put(routerRedux.replace(redirect || '/'));修改/为需要的路径
原创
2023-05-17 11:39:07
104阅读
前言：前一篇记录了【后台管理系统】目前进展开发中遇到的一些应用点，这一篇会梳理一些自己学习Ant Design Pro源码的功能点。附：Ant Design Pro 在线预览地址。 Dashboard指示板pages/Dashboard 目录下：Analysis.js分析页、Monitor.js指控页、WorkPlace.js工作台用到的一些技术点：react v16.6 动态
转载
2024-05-07 12:09:22
54阅读
介绍G2 是一套基于图形语法理论的可视化底层引擎，以数据驱动，提供图形语法与交互语法，具有高度的易用性和扩展性。使用 G2，你可以无需关注图表各种繁琐的实现细节，一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。一、安装 antV-G2通过 npm 安装npm install @antv/g2 --save成功安装完成之后，即可使用 import 或
一、正则表达式的基本语法var expression = /pattern(模式)/flags(标识符);二、如何创建正则表达式1.字面量创建代码如下：//匹配字符串中所有“at”的实例
var e = /at/g;
//匹配第一个“bat”或“cat”,不区分大小写
var e = /[bc]at/i;2.RegExp构造函数创建RegExp构造函数接收两个参数，第一个参数是要匹配的字符串模式，
常用于展示鼠标 hover 时的提示信息。 该组件的痛点在于：
纯CSS实现；如何利用slot使组件易扩展，能够适应多种场景。1. 实例代码<!-- 基础用法 -->
<fat-hovertip>
<template slot="hover-part">
<fat-button>组件</fat-button&g
转载
2024-09-27 19:21:41
176阅读
Bootstrap-table 表头筛选控件,根据Bootstrap-table API,在表头添加筛选排序，支持文本搜索，数值搜索，日期搜索，单选和复选。依赖js jQuery,Bootstrap,Bootstrap-table,select2筛选类型说明1. 文本类型（text）提供模糊搜索功能，根据输入的参数模糊匹配返回对应的结果2. 数值类型(num)提供区间搜索功能，所搜列必须为数值，可
转载
2024-10-31 19:50:26
311阅读
安装项目依赖包根据自身习惯的方式，自行选择使用 npm 或 yarn 进行安装依赖包。注意：如果选择 npm 安装，后面的命令都是用 npm 命令，包括 npm start / npm build 等；选择 yarn 安装同样如此。请勿将 npm 命令和 yarn 命令混合使用.首先了解一下项目依赖包的配置文件package.json 文件简介注意： .json 文件内不支持注释，以下仅作为代码阐
场景复现纯前端实现关键字搜索，显然很简单，但是在项目中，一般都会编写与搜索相关的接口，将任务功能的实现分工，因此在有接口的情况下，我们也要学会如何使用接口来实现搜索。通过接口将从后端获取到的数据展现在表格内，现在需要实现根据id的搜索功能。大致功能需求如下：输入关键字 点击搜索按钮 能够搜索相应的内容表格能够根据搜索的内容 实时更新数据当输入框内容清空之后 表格内容能够实时更新（优化）解决前的初始
对于单元测试不清楚的地方可以参考我的第一篇文章 介绍Robolectric主要从框架简介、框架优点、框架可行性分析，框架环境配置、框架演示、框架参考资料方面进行介绍：一、框架简介 官网的介绍 Running tests on an Android emulator
路由权限的设计思路：首先，我们的需要校验权限的路由的 url，全部由后端返回，后端会返回当前用户的路由树数组。前端在进入页面前请求接口，把数据拿到：其次，前端会维护一个路由映射组件的列表，如果路由中拿到 url, 匹配到了对应的组件，那么将该组件添加到路由对象中去，相当于，前端路由都是动态生成的。前端拿到这个路由树数组后，进行递归遍历，将路由树里的一级菜单、二级菜单，寻找对应的组件。//
转载
2024-06-14 14:06:29
438阅读
