- 博客(35)
- 收藏
- 关注
RSS订阅原创 基于AntD-Table的可编辑输入表格
文章目录需求描述基本要实现的共嗯那个不能实现的功能设计思路结构方案基于适配器模式AntD的table定制实现结构Adapter操作类职责功能技术重点adapter 操作类相关部分单元格菜单职责功能技术重点实例代码可编辑表格组件功能职责技术重点实例代码需求描述基本要实现的共嗯那个基于AntD的table控件，实现类似PPT中【表格】的功能可以基于配置的行数(nRow)、列数(nColumn)信息生成指定尺寸的表格，且每一个单元格都是一个可入输入框每一个输入框在输入完成后自动将输入值记录到组件sta
2021-10-06 14:46:24
1743
原创 跨域问题的几种解决方案
文章目录跨域基本概念跨域的常见解决办法jsonp原理关键适用情况不适用情况简单例子项目的proxy改写关键原理适用情况不适用情况简单例子nodeJS中间件关键原理适用情况不适用情况简单例子nginx配置关键原理适用情况不适用情况补充说明简单示例proxy.jsp代理转发核心思路实现步骤创建env文件编写请求帮助类配置http-proxy-middleware路由规则tomcat发布summary跨域基本概念触发环境：跨域一定是发生在浏览器端执行异步请求获取数据或资源的过程中的，后台程序或者客户端没有跨
2021-08-12 15:15:26
1316
原创 React Leaflet Esri 交互式空间查询
任务准备安装AntD并实现按需加载安装esri-leaflet和leaflet具体任务主组件中加载一个矢量地图并确定三个功能按钮：清除选区：移除在当前地图上已经绘制的选区圈选查询：在地图上以鼠标交互方式绘制圆形选区，并利用绘制结果进行空间查询多变形查询：在地图上以鼠标交互方式绘制多边形选区，并利用绘制结果进行空间查询查询结果以AntD-drawer组件为容器，展示结果的属性表运行效果基本代码组件css#map_interactspatialquerytask {
2021-06-24 17:26:21
890
1
原创 React Leaflet Esri 聚集要素
问题描述esri-leaflet以插件(plugins)形式，直接在前端提供了要素图层的自动聚合功能,即esri.cluster.Featurelayer在react环境下，esri.cluster.Featurelayer的使用与直接引入CDN有一些使用的细节差异环境准备安装lealet/esri-leaflet操作步骤省略安装esri-leaflet-cluster插件npm install esri-leaflet-cluster leaflet.markercluste
2021-06-24 10:51:48
264
原创 React Leaflet Esri 静态切片加载
前置说明对于通过Arcgis-server直接发布的切片地图(不是图层)，esri-leaflet可以对其进行解析与加载esri-leaflet本质上是对leaflet的layer进行了扩展，使其能够与map对象兼容，但没有对map进行扩展因此，对于不是wkid不是3857(即leaflet的map默认投影)的切片地图，在叠加时一定要手工设置map的crs参数leaflet的map不会因为初始化layer的crs自动调整自己的crs环境准备准备切片服务个人在arcgis-server上发布
2021-06-23 16:46:02
392
原创 React Leaflet Esri 自定义地图坐标系
任务说明默认情况下leaflet的地图容器的坐标系时3857不论图层是什么坐标系，leaflet都会自动进行转换，由此带来问题：对于动态图层而言，坐标系转换有可能跨椭球，因此偏移量非常大对应切片图层而言，无法进行动态投影，因此切片可能存储无法加载的问题因此需要对map容器的坐标系统进行修改，满足实际叠加图层坐标系的需求任务准备安装proj4相关包npm install proj4 proj4leaflet其中proj4用于完成地图投影和坐标变换，proj4leaflet是
2021-06-23 16:45:13
670
原创 React Leaflet Esri 安装与使用
环境准备与基本使用安装npm install leaflet esri-leaflet引入apiimport L from "leaflet"import * as esri from 'esri-leaflet';引入cssimport "../node_modules/leaflet/dist/leaflet.css"补充说明esri-leaflet实际是在leaflet基础上继承扩展而来的，因此要使用esri-leaflet必须安装leaflet以往直接和标签
2021-06-23 16:40:34
564
原创 React与Leaflet 环境安装与基本使用
文章目录环境准备与基本使用基本案例加载在线瓦片地图实例代码代码说明组件式Popup问题描述解决办法实例代码代码说明环境准备与基本使用leftlet包安装npm install leafletcss文件引入方式1：在根元素的css文件进行全局引用@import url("../node_modules/leaflet/dist/leaflet.css");方式2：在组件的jsx文件中进行引用import "../node_modules/leaflet/dist/leafl
2021-06-23 16:36:38
1321
原创 04 - Spring与Swagger集成
Swagger概述swagger对Spring或者Springboot项目中所暴露的Restful接口，提供自动化网页文档生成插件可以在swagger中对restful接口进行模拟调用Swgger的环境的配置Swagger所需的jar包特别多，一定要通过Maven等jar包管理插件去下载依赖包，不要自己找前置条件创建maven项目以便对所需jar包进行统一管理项目中已经集成Spring以便进行反转控制在配置web.xml的spring-filtter时，要开放所有过滤后缀请求&
2020-12-18 08:28:40
427
原创 21 - Dva 框架使用 3 - 异步操作与模拟网络请求
文章目录基本要求实现准备涉及概念与基础主要操作步骤实现结果无代码部分说明准备模拟请求数据定义ProdcutModelProductPage组件ProductTool组件ProductContext组件应用总结Dva中的模拟数据容器异步Action的执行业务逻辑的进一步解耦基本要求可以从首页跳转至page页面，且在page页面中包含tool和context两个组件tool实现以下三个功能向内容列表中添加一个元素访问静态的测试数据，并更新整个内容列表访问动态的mock数据，并更新整个内容列表
2020-12-10 09:01:59
582
原创 20 - Dva 框架使用 2 - 页面组合与model集成
文章目录基本要求实现准备涉及概念与技术主要操作步骤实现结果MainModel定义与注册MainPage组件定义与路由配置定义功能组件并组合入口程序监听跳转应用总结Model注册与使用组件组合Model与组件通讯基本要求在空白脚手架的基础上添加一个跳转页面，记为MainPage，用于实现点击计数功能在MainPage中组合两个功能组件，分比记为MainToolComponent和MainContextComponet在MainToolComponent中添加两个按钮，实现页面中“增加技术”和“减少计
2020-12-10 08:59:51
558
原创 19 - Dva框架基础
文章目录基本概述Dva特征项目文件结构说明dva概念关系图dva开发设计要求主程序与容器组件路由挂接容器组件与功能组件分离功能组件与Model分离Model与基础操作分离脚手架安装与使用基本使用集成AntD基本概述Dva特征框架性：是完整的应用开发框架，而不是针对某个特定问题的插件自动集成了redux，router等常用插件，并进行良好的集成配置可以直接在框架基础上完成业务开发工作规范性：定义了项目中各类文件的物理组织形式定义了各个部件在项目的逻辑结合方式定义了数据和页面的访问
2020-12-10 08:53:47
941
1
原创 SpringMVC与Swagger的集成与一些问题的记录
Swagger概述swagger对Spring或者Springboot项目中所暴露的Restful接口，提供自动化网页文档生成插件可以在swagger中对restful接口进行模拟调用Swgger的环境的配置Swagger所需的jar包特别多，一定要通过Maven等jar包管理插件去下载依赖包，不要自己找前置条件创建maven项目以便对所需jar包进行统一管理项目中已经集成Spring以便进行反转控制在配置web.xml的spring-filtter时，要开放所有过滤后缀请求&
2020-10-10 08:53:44
260
原创 Spring + Quartz 定时任务
文章目录基本描述Quartz的概念业务逻辑类JobTriggerschedulespring 集成的优势所需的包基本步骤实例代码基本功能一：按指定时间间隔重复执行某个业务逻辑业务逻辑类代码说明Spring配置代码说明基本功能二：从代码中修改定时任务的启停任务控制类补充说明Quartz的关闭泄露Quartz延迟启动的问题基本描述Quartz 是一个用于在Java环境下，执行定时任务/轮询任务的框架Quartz 可以将通过Spring进行集成，进而实现定时任务参数的配置化Quartz 也可以不通过Sp
2020-07-22 09:52:32
480
原创 C# 开发WCF基本步骤（以控制台为宿主）
文章目录基本步骤定义传输数据类型基本说明实例代码代码代码说明定义请求契约基本说明实例代码代码说明实现业务逻辑基本说明实例代码代码说明定义配置文件实例代码代码说明将契约接口注册到控制台中基本说明实例代码代码说明网页请求Js代码基本步骤定义传输数据类型定义请求契约网络访问的接口URLController的方法接口实现网络请求接口定义配置文件申明服务（ABC三要素）申明行为约...
2019-09-24 21:17:35
1665
原创 GEOServer-OpenLayer-矢量切片2：OpenLayer展示
0 前言 上一篇博客中整理了如何利用Geoserver发布矢量切片服务，同时，也介绍了如何也在Geoserver中对矢量切片进行简单的浏览。此篇博客，则主要介绍如何利用OpenLayer进行矢量切片的定制化展示1 准备工作WEB IDE：HBuilder ，由于此次不实现后台交互，因此采用Hbuilder作为前端代码开发集成环境 类库支持： OpenLay...
2019-09-10 09:23:16
390
原创 Arcgis Pro 数据库访问
实现目标遍历指定路径中的.gdb文件，并获取相关其中要素类、要素集从.gdb中打卡指定FeatureClass，并对其创建FeatureLayer修改FeatureLayer简单当时（颜色、线宽）基本对象异步对象QuenedTask ：用于完成数据获取和处理过程中的异步操作geodatabase相关GeoDataBase ：用于提供GDB数据库的访问操作Fil...
2018-07-12 16:20:34
953
1
原创 Arcgis Pro 开发基础
基本概念Arcgis Pro SDK 目前只支持Addin 形式的开发，暂不能完成桌面程序Arcgis Pro SDK 中大部分的基本操作都必须是异步执行的Arcgis Pro SDK 中基本取消了接口的使用，直接通过构建操作类完成操作Arcgis Pro SDK 中工具类与API的组织形式、调用方法与AE有一定的不同构建开发环境 基于Arcgis Pro SDK 2...
2018-07-12 16:18:47
3497
3
原创 ArcgisEngine 从XML中创建要素类
基本思路从Workspace类型的xml中直接创建要素类 优点: 创建过程简单，可以屏蔽具体的要素类创建细节缺点：灵活性差，不能对要素类名、别称或者字段信息进行修改从DataRecordSet类型的xml中直接创建要素类 优点：灵活性强，只提供要素类的字段信息，不干预其他信息指定缺点：创建过程复杂，实际创建还是得通过FeatureWorkspace执行核心对象xml...
2018-05-29 14:06:49
906
原创 LeafLet 地图展示のwms和tms
Leaflet作为一款轻量级的地图展示JavaScript类库，其具备全开源、易上手、细节少、模型结构简单等优势，可用于小型、简单的GIS项目展示。同时，因其良好的可扩展性，也为兼容实际业务需求，提供了必要支持，而新晋的MapBox项目，其JS类库（非GL类库）就是基于LeafLet进行构建的。
2017-09-29 09:32:29
8389
1
原创 GEOServer-OpenLayer-矢量切片3：PBF格式格式展示（tms服务）
在上一篇博客中，本文通过参考GeoServer示例代码，实现了GeoJSON格式的矢量切片展示。但在主要存在以下两个方面的问题：1）PBF格式的矢量切片不能成功展示2）自定义坐标系统和格网方案描述混乱。该篇博客将对其进行进一步的改进和说明
2017-09-19 15:35:21
13241
2
原创 GEOServer-OpenLayer-矢量切片2：矢量切片展示
此篇博客，则主要介绍如何利用OpenLayer进行GeoJson矢量切片的定制化展示
2017-09-18 15:35:53
3431
原创 GEOServer-OpenLayer-矢量切片1：制作矢量切片
为了解决栅格切片、切片时间长、数据传输量的大、样式定制能力弱的问题，越来越多的企业案例，开始采用矢量欺骗作为webGIS中地图加载的方式。本文专门就方案2Geoserver-OpenLayer矢量切片制作与展示相关技术流程进行详细的整理，供学习交流之用。此篇目主要总结介绍如何利用GeoServer矢量切片服务
2017-09-13 18:44:11
4391
原创 与栅格渲染相关的接口关系
IColorRampIRasterRendererIRasterRendererColorRampIRasterRender的主要实现类RasterRGBRendererRasterStretchColorRampRendererRasterClassifyColorRampRendererIColorRamp功能概述：一条具体色带的操作接口，相当于一个颜色的集合主要功能： 依据指
2017-08-31 11:36:41
759
原创 C#中的委托、lamba与Func Action的使用
创建泛型lambda委托概述在C#中委托作为一种类似于C++中函数指针的数据类型，允许开发开发人员将方法本身作为参数进行传递，极大地增加了函数功能的灵活性与可组装型。在C#中委托的实现方式，依据所使用的语法糖程度通常分为以下四种，在绝大部分的C#开发书籍中都只介绍了“委托申明+方法绑定”的基础调用形式，而在实际开发中，为了起到简化代码
2017-08-06 15:07:47
294
原创 C# 中线程和委托
本文整理C#中关于基于Thread对象和函数委托两种方式的子线程使用方法，并对其优缺点进行了简要整理，同时提供较为完整的实例代码，以实现具体功能。最后对.Net的框架下原生的BackgroundWorker对象在子线程项目中的应用进行了归纳整理。
2017-07-28 17:58:32
2939
原创 利用百度Echart库，完成简单迁徙图
0 准备城市坐标值/** * 全国主要城市的坐标值 */var cityCoordiante_var ={ '上海': [121.4648,31.2891], '东莞': [113.8953,22.901], '东营': [118.7073,37.5513], '中山': [113.4229,22.478], '临汾': [111.4783,36.16
2017-05-08 09:25:11
7415
1
原创 Jquery+Struts的<selected>二级联动
1.问题分析多级select联动是网页选取多级项目必要的应用方法，一般情况下都是由一级select的选择项动态异步的修改二级select的option内容。为了方便添加内容与后台数据一致性，一般很少采用如博客点击打开链接中所展示的静态标签联动形式。2.解决策略整个联动流程如图所示：1.监听一级select的change事件，并获得用于修改二级select的关键属性2.在ch
2016-07-26 15:34:10
756
1
原创 DataTables+Struts+Ajax技术的文件下载实现
1.问题分析：通过Datatables控件所展示的数据，如果在defaultContent一列中打算通过ajax请求完成基于Strut的文件下载，则由于Strut框架特性，常常出现文件被浏览器直接打开的问题。（即使在对应的Action进行了attachment配置也不可行）2.问题解决原理：Datatables的ajax请求仅用于发送到查找文件的Action（Ac1），并通过A
2016-06-30 16:07:47
1061
原创 极简OpenCV的相机标定代码
照例，在正式贴代码之前要说一段废话。这个是我毕业论文做的东西，之前也是在这个算法中做了很多测试，后来发现要用的时候，系统重装而且没有备份。所以这次写了一个极简的标定程序，用于临时的项目测试。至于自定义头文件“CommonHead.h”就只是一个void std_calibration(char**);的申明，就不贴代码了。/*利用OpenCV完成相机的标定@author cyoubo
2015-09-08 09:37:46
781
原创 OPenCV4Android中Mat对象的内存若干测试(2)
继续做测试，这次要测试的是OpenCV for Android API 中的submat方法，该方法可以看做是Android中ROI的一种实现，因其返回的mat对象比较特殊，因此也对其常见操作进行了简单的测试。为方便叙述，原图对象称为原图mat，submat提取的mat对象称为子图mat。测试代码如下：（关于屏幕输出用的是System.out.println而不是Log.i，这只是我个人抽抽而
2015-02-28 17:29:01
2895
原创 OPenCV4Android中Mat对象的内存若干测试(1)
首先说一下，个人最近也是因为项目需要，临时赶着赶着学习了OPenCV for Android API ,在利用Mat 对象进行图像处理的时候，发现内存控制比较重要，因此对Mat对象在常见的应用场景中的内存使用情况作了简单测试。以下是测试的几个结果。测试环境 Android API 11 OpenCV for Android API 2.4.10 ，开发环境搭建比价繁琐，就没有在这里累述了。
2015-02-27 17:25:02
807
原创 Android中根据屏幕大小调整bitmap大小
private Bitmap ModifyBitmapSize(Bitmap map) { int[] bmpsize={map.getWidth(),map.getHeight()};//获得待修改图像的长、宽 Matrix matrix=new Matrix();//创建变化矩阵 //设置变化系数 //(float)(windowssize[0]/4.0)/bmpsize[0]表
2014-12-25 17:32:37
1197
转载 全选主元高斯-约旦法
矩阵求逆的快速算法算法介绍矩阵求逆在3D程序中很常见，主要应用于求Billboard矩阵。按照定义的计算方法乘法运算，严重影响了性能。在需要大量Billboard矩阵运算时，矩阵求逆的优化能极大提高性能。这里要介绍的矩阵求逆算法称为全选主元高斯-约旦法。高斯-约旦法（全选主元）求逆的步骤如下：首
2014-11-13 15:15:44
1991
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人