【AntDesignPro】Ant Design Pro学习记录—ProTable的使用（三）

一、 自定义检索条件部分列表页需要做一些简单的数据汇总统计，并能够跟随检索条件自动变化，protable自带的功能没有找到对应的实现方法，最后决定自己来实现这个功能。1、关闭ProTable自带检索功能search={false}2、自定义检索表单在ProTable上方加入自定义表单<Card bordered={false} style={{ marginBottom: 15 }}>     

发表于：2024-02-20 浏览：485 TAG：

【AntDesignPro】AntDesignPro使用原生js，箩筐地图的使用

项目需要把高德地图替换成箩筐地图，WEB前端使用的ant design pro，高德地图有相关的react demo，而箩筐地图只有原生js，结合上一篇文章【AntDesignPro】使用高德地图设置考勤区域，把高德地图修改为箩筐地图，实现考勤范围设置。1 html使用箩筐地图参考上一篇文章【html】箩筐地图的使用，设置考勤范围，了解实现考勤范围设置需要用到的箩筐地图接口。2 ant design pro加载原生js这个是实现功能的核心，只有js正确加载上了，地图的功能才能够正常使用。结合an

发表于：2024-02-08 浏览：472 TAG：

【AntDesignPro】使用高德地图设置考勤区域

参考高德开放平台https://lbs.amap.com/api/javascript-api-v2/guide/abc/amap-react功能要求：使用AntDesignPro开发系统管理端，考勤模块需要设置APP考勤打卡区域，需要页面显示地图定位并设置考勤范围（地图上画圈），以便APP在画圈范围内打卡使用。1、 准备2、 下载react类组件代码参考官网流程，可正常加载出地图组件，下面是我的页面和组件文件组件文件3、 安装并引入AmAP Loadernpm i @ama

发表于：2023-12-14 浏览：762 TAG：

【AntDesignPro】L7Plot地理可视化组件的使用

L7Plot介绍L7Plot 基于 L7 实现的开箱即用地理空间数据可视化图表库L7Plot 专注于地理可视化图表。以声明配置式的方式，降低用户使用成本；以常见地理图表分类的方式，降低用户选择成本；内部集成全国行政区域数据，降低用户使用地理数据心智；支持多图层及多图表层叠，方便用户定制复杂的业务场景；L7Plot 专注于地理数据可视化展示，不会涉及数据编辑能力。前言项目需要，使用antdesignpro做前端，并绘制可视化大屏，回执地图组件，于是使用了L7Plot。功能目的绘

发表于：2023-12-14 浏览：671 TAG：

【React】React中Typecript的使用

目录一、创建React的TypeScript项目二、使用差别1、基本使用2、Props传值的差别3、State传参三、总结一、创建React的TypeScript项目见：如何在React项目中引入TypeScript？_duansamve的博客-CSDN博客二、使用差别1、基本使用其基本使用和javascript编写React项目时差不多这是一份.tsx文件代码：可以看到和之前的.jsx使用并无太大差别import React, { Component }

发表于：2023-12-05 浏览：736 TAG：

【React】前端框架 React 学习总结

目录一、React在HTML里的运用二、React框架的常用操作项目打包1、JSX基础语法规则2、state数据的使用3、生命周期4、数据的双向绑定与Ref5、PropTypes验证规则6、React里的插槽7、错误边界8、直接操作refs元素9、高阶组件的运用案例10、性能优化11、Hook生命周期钩子的使用12、React里的计算属性三、组件之间的传值1、父子组件之间传值2、子向父传值3、context实现跨层级通信context hook案例四、网络请求框架使用五、React路由的使用声明

发表于：2023-12-05 浏览：913 TAG： #php

【React】react面试题

React面试题文章目录React面试题一、react特性***React与Vue的区别*******1. Jsx的使用规范*******1.说说对 React 的理解？有哪些特性？DOM2.说说 Real DOM 和 Virtual DOM 的区别？优缺点？*******说说React中的虚拟dom？在虚拟dom计算的时候diff和key之间有什么关系*******3.说说React Jsx转换成真实DOM过程？4.说说你第mvc和mvvm的理解5.说说react中引入css的方式有哪几种？区

发表于：2023-12-05 浏览：1418 TAG：

【AntDesignPro】Ant Design Pro学习记录—前后端一体化部署

目录前言一、系统配置二、ant design pro访问路径配置三、站点访问路径配置前言好长时间没记录了，使用ant design pro有一年了，期间陆续做了好几个项目，从陌生到熟练，还有好多钻研成果没记录，后续有时间陆续补上。之前几个项目一直是前后端分开部署的，需要配置两个站点域名访问，还要解决跨域session问题，这次把一体化部署记录一下。一、系统配置服务端用的LNMP，使用tp6框架，使用宝塔面板管理。tp站点先正常部署，步骤省略，见下图：配置网站目录和运行目录： 编辑配置伪

发表于：2023-11-28 浏览：831 TAG：

【AntDesignPro】Ant Design Pro学习记录—ProTable的使用（二）

目录一、列表检索初始值设置二、字段缩略显示一、列表检索初始值设置使用initialValue属性，配置列表检索的初始值const columns: ProColumns<API.RoomItem>[] = [     {      title: '名称',     &nb

发表于：2023-11-28 浏览：719 TAG：

【AntDesignPro】Ant Design Pro学习记录—ModalForm的使用（二）

 目录一、ModalForm高度设置二、ModalForm点击阴影背景，不隐藏弹框三、ProFormSelect联动四、ProFormText关联赋值一、ModalForm高度设置在modalProps中设置bodyStyle:{height:500,overflowY:'scroll'}编辑效果如下：编辑二、ModalForm点击阴影背景，不隐藏弹框同样在modalProps里面，配置maskClosable: false,就可以实现点击弹框外阴影，不隐藏弹框<

发表于：2023-11-28 浏览：1194 TAG：