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

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

发表于：2024-02-08 浏览：466 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 浏览：740 TAG：

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

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

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

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

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

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

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

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

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

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

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

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

【AntDesignPro】Ant Design Pro学习记录—默认主题配色修改

 版本： Ant Design Pro V5先参考下官网定制主题 - Ant Design再参考这篇文章antd pro 修改全局样式_tankpanv的博客-CSDN博客_antd修改全局样式最后自己实验：第一步，在config.ts文件中配置theme: {     'primary-color': defaultSettings.primaryColor,   },这种配置需

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

【AntDesignPro】Ant Design Pro学习记录—自定义菜单选中

页面增删改查，打开子页面时，要让父页面菜单选中，参考官网给出的方案菜单的高级用法 - Ant Design Pro 使用的V5版本，直接设置 parentKeys:['/product'] 即可export default [   {     path: '/product',     // 不展示菜单  

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

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

目录前言一、ModalForm销毁二、ModalForm编辑赋值三、ProFormUploadButton赋值四、其它总结前言使用了AntDesignPro，仿照TableList创建了自己的列表，列表添加编辑确成了困扰，添加编辑使用了ModalForm，有两个问题，一个使用后，页面数据无法清除，再点弹框还是原来的数据，第二个编辑的时候，初始数据赋值问题。AntDesignPro版本V5，开发工具VsCode。一、ModalForm销毁参考ant design的关闭ModalForm和Modal

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

【AntDesignPro】Ant Design Pro学习记录—前后端分离跨域设置，解决跨域session不一致

目录前言一、为什么跨域二、跨域配置三、跨域请求session不一致前言第一次做前后端分离，也是踩了很多坑，记录一下AntDesignPro跨域解决的方式。服务器系统使用Nginx，服务端使用thinkphp6。AntDesignPro正式build放到服务器上后，提示登录成功，但一直登录不上，后来发现是跨域session不同导致的，登录的时候session和登录成功后session的id不同，导致提示登录成功，就是登录不进去的情况。一、为什么跨域不想知道为什么要跨域，只想知道怎么解决。二、跨域配

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