做GIS梦的人

1.前言最近发现一个比较好的，前端监控框架zanePerfor，可以监控前端渲染、接口请求、报错等信息，同时可以对PV、UV、用户行为、用户分布这些参数进行分析与统计，对原有代码侵入量也不大。自己部署测试了一下：2.部署2.1环境准备node.js。这个框架是基于node.js进行开发的，需要部署node.js开发环境，这个网上资料很多。 redis。自己根据情况部署。 monogdb。自己根据情况部署。2.2代码配置运行从https://github.com/wangweian.

前言前面的博文介绍了用standardJS进行vue项目的规范https://blog.csdn.net/GISuuser/article/details/114034641。但是发现有一个问题，无法修改规则，有一些规则不适合公司现有项目，又尝试了使用EsLint。配置也非常简单。配置安装依赖。最好用下面的方法，因为只安装Eslint，在初始化的时候会提示你安装下面剩余的，到时候非常麻烦，npm速度也慢。cnpm install --save-dev babel-eslint esli

以前都是写基于后端的证件号、手机号验证，最近又数据处理人员，需要基于postgresql数据库的快速验证，在网上查询搜集了一番，资料，这里记录一下验证18位身份证号码CREATE OR REPLACE FUNCTION "public"."check_idcard"("a_sfz" varchar) RETURNS "pg_catalog"."bool" AS $BODY$DECLAREv_sfz varchar;v_i integer;v_sum integer;v_array

背景一些长期维护和升级的项目，因为人员的变动，代码格式会各种各样。最近一直在忙着查找vue开发的代码规范相关问题，希望借助于EsLint 对vue项目代码进行规范，借助于prettier将代码格式统一。找到最后，发现网上介绍二者配置的特别多，都不是很详细，走的最后都走不下去了。最后找到了Standardjs，发现部署和配置特别简单。解决方案部署安装命令cnpm i eslint-config-standard-vue-ts --save-dev在项目根目录下创建.eslintrc.

因为，需要在vue项目中实现markdown的编辑与展示，调研了很多markdown的编辑插件和一些富文本编辑工具，最后还是选择了mavonEditor，比较简洁，需要基本可以满足安装npm install mavon-editor --save使用<template> <div style="width: 100%;height: 100%"> <mavon-editor v-model="value" @save="save" :toolba

在使用Vue封装UI组件时，出现了如下问题：ERROR in ./node_modules/_mavon-editor@2.9.1@mavon-editor/dist/font/fontello.woff2Module parse failed: Unexpected character '' (1:4)You may need an appropriate loader to handle this file type.初步判断是webpack的配置里缺少了对字体文件的处理，经过多次尝试最.

前言在做前端开发的过程中，有很多重复的代码，尤其是vue项目，不同项目之间相互拷贝代码实在太麻烦了。这里研究一下，如何将自己的代码打包发布到npm，方便以后直接npm install 再次使用。账号准备发布到npm，是需要账号的，首先可以先去https://www.npmjs.com/去注册一个账号，注意记住用户名和密码。然后在本地电脑打开命令窗口，输入npm login ,然后根据提示输入刚刚申请的npm用户名、密码、邮箱。注意一定要输入命令时，自己的npm镜像源地址一定得是官方地址，不能

开发中经常遇到，需要把一些多边形坐标信息，显示在地图上，并标注关键节点，并且可以导出为图片。这里将这些功能封装为具体的组件，并发布到了npm，以后就可以直接npm install ,直接使用了。这里简单介绍一下这个组件如何使用，可以达到何种效果。location-map-image可以将geoJson格式数据，展示再地图上，并展示坐标信息。部署按钮命令cnpm install location-map-image --save不了解的，可以参考官方文档https://www.npmj.

最近需要使用npm login 进行登录，然后发布vue组件。因为我之前用的全局镜像源是淘宝的，使用npm login时遇到了错误，然后又切换回官方的镜像源，使用npm login，直接产生了下面的错误npm ERR! Unexpected end of JSON input while parsing near" "解决方案使用下面命令查询npmrc文件位置npm config ls -l 直接删除图中位置的文件，然后就可以正常使用npm login 了...

前言mapbox提供的官方的切片工具tippecanoe，可以快速进行矢量切片，生成pbf格式切片或者mbtiles。也可以将矢量瓦片反向合成为具体数据。这里主要实现，用python调用tippecanoe实现将geojson转换为pbf切片。环境部署可以参考我之前的博文https://hanbo.blog.csdn.net/article/details/113172570实现代码import osif __name__ == '__main__': command =

使用pyshp库可以轻松地对shapefile进行操作，这里简单记录一下使用pyshp如何将shapefile转为geojso。本来使用ArcGIS也可以实现，但是速度是在太慢了。安装库pip install pushuppython代码import shapefileimport codecsfrom json import dumps# read the shapefiledef shp2geo(file="出产.shp"): reader = shapefile

作为一款强大的开源GIS数据库，PostgreSQL搭配PostGIS在GIS项目中有广泛的应用。截止到发文的日期，PostgreSQL最新版本是12，PostGIS也推出了3.0。这里我就来介绍一下如何在Centos7.4上部署PostgreSQL。安装PostgreSQL安装rpmyum install https://download.postgresql.org/pub/repos/yum/10/redhat/rhel-7-x86_64/pgdg-centos10-10-2.noarch

前言Tippecanoe是Mapbox官方提供的切片库，基于C++开发而来，只能在OSX或者Ubuntu系统上进行安装部署，相比两种部署方法，还是在OSX上部署比较方便，命令也只有一行。环境准备1.Homebrew安装Homebrew的安装可以参考我的上一篇博文https://hanbo.blog.csdn.net/article/details/113172430。2.优化Git设置在后期安装Tippecanoe的过程中，会经常遇到网络超时挂起，或者其他失败的问题，总结起来，就是g

前言在Macbook上进行一些c++库的编译工作非常方便，但是在国内安装Homebrew时，会遇到一些麻烦，这里简单梳理一下，记录一下整个流程。环境准备1.安装GitHomebrew的安装依赖与git，需要先安装Git，这个网上的教程很多，不再详细讲述。需要给git进行全局配置，防止下载失败。git config --global http.postBuffer 5242880002.配置hosts因为国内域名解析污染，会经常导致下载失败，安装失败。需要本机配置域名对应的

在Mapbox的开发过程中，需要使用mapbox-gl-draw来进行多边形的绘制、编辑与状态控制，用起来还是非常方便的。最近有需求，需要再绘制时实时显示绘制的面积，这个确实比较麻烦，因为绘制都是这个插件在控制的。最后找到了一个解决办法，把mapbox-gl-draw插件改了，绘制和修改多边形时，实时回调，触发新的事件。插件改动首先克隆mapbox-gl-draw的代码https://github.com/mapbox/mapbox-gl-draw.git，然后constants.js中增加事件名称

最近要在地图上动态展示各行政区的统计数据，要求是饼图。因为同时存在多个饼图，所以Mapbox的echartsLayer插件没办法用。但是和Mapbox的官方一个实例有些类似，博主改造了一下。实现了下面的效果：效果原理给Mapbox添加自定义的Marker,其中的内容使用svg填充，根据数据动态计算svg内的path。代码<template> <div id="map"> </div></template><scr

geoJson与wkt都是WebGIS开发中经常用到的格式，很多时候WebGIS前端开发人员需要在二者之间进行互相转换。去让后端开发人员写个接口，太浪费时间，可以尝试用terraformer-wkt-parser进行一下二者的转换。虽然很简单，网上有些地方对其用法说的却不对。这里我说一下，这个插件主要有两个函数 parse(string) wkt转为geojson convert(string) geojson转wkt 插件的安装npm install terrafo

关于使用MapBox GL进行图形绘制，很多人都在使用mapbox-gl-draw。但是它只是封装了一些简单的点、线、面的绘制功能。最近的一个项目提出了要求在手机上用手指拖动实现多边形涂鸦绘制，要求实时记录点。开始一直使用mapbox-gl-draw来做，但是始终无法实现手指拖动绘制的功能。最后，通过监听touch事件，实时改变source实现了这个效果。效果如下图：代码如下：注意，这里使用的监听事件，仅适合移动端使用，或者将Chrome调成移动端模式<template>

最近换了新的电脑，idea也安装了2020版的，可就是在idea上点击git提交、push、merge等命令特别慢，特别难受不。同一个项目，直接使用cmd窗口进行git命令，或者使用其他git工具都非常快。问题原因这个最终在网上搜索时发现，居然和显卡有关，至于现在我也不太明白。我电脑是双显卡的，独显是英伟达GTX 1650Ti的。需要把git相关的程序都配置在独显高性能模式下运行解决方案桌面右键——NVIDIA控制面板，选择 3D设置——管理3D设置——程序设置，点击添加，选择git安装目.

这次遇到了一个小问题，postgresql只能到处geojson（毕竟是一个标准格式），而客户需求的是ArcGIS支持的EsriJson格式。需要在数据之间进行一个转换。再网上查阅了一定资料，最后发现下面的代码比较可行。这里分享一下：主要代码package com.cic.analysis.business.utils;import com.alibaba.fastjson.JSON;import com.alibaba.fastjson.JSONObject;import com.cic

前言最近使用Vue开发的项目，部署在nginx容器中，使用IE浏览器访问出现了问题，提示“Access-Control-Allow-Headers 列表中不存在请求标头 content-type”，“XMLHttpRequest: 网络错误 0x80070005, 拒绝访问”。初步估计应该是前端项目和所部署的服务器不在同一域名导致的。解决方案1.在IE浏览器中打开Internet选项2.切换到安全选项卡，点击Internet,取消勾选启用保护模式，然后点击自定义级别3.在

turf.js是一个非常优秀的前端空间计算框架。最近遇到一个问题，在使用uniapp进行开发微信小程序时，无法通过npm正常引入turf.js，这个问题也解决了很久。最后解决的方式也稍微复杂。在空项目中安装依赖1.自己通过npm init先新建一个空项目。因为turf.js各模块都相对独立，这里，我就只部署我用到的模块了。不建议全部部署，代码太多了。npm install @turf/boolean-point-in-polygon2.install 完成后到node_modules文件夹

做了很多Vue项目，都有一个通病，随着代码越来越庞大，首页加载越来越慢，有时候出去演示，网络不好的时候，转半天，登录页面还没有出来。这主要是一些大的js文件造成的，这就是Vue的缺点吧，所有的代码都打包到一个JS文件里，网络传输太慢，有的项目都十几兆。gzip的本质，个人觉得是在build的时候打包两份代码，一份压缩的，一份未压缩的，然后nginx在接收请求时，优先选择压缩后的格式返给客户端。这里主要测试了使用gzip进行压缩，来压缩js和css文件大小，提升加载速度。配置Vue项目1.安装

现象在vue项目中使用MapboxJs进行开发时，会出现一个问题，style是正常的，但是渲染的各图层的线都是同一个颜色，而设定style的颜色也是正常的。错误原因因为需要将map对象存进data里，而使用了如下代码： map.on("load", (e) => { this.map = map;})解决方案将map放入data的操作放到load事件的外面 this.map = map; map.on("load", (e

需求：在Mapbox地图上绘制一个多边形，需要计算与多边形相交的村有哪些。现状：地图上的村界市线图层计算相交，在postgresql数据库里很简单，但是数据量大的时候就有点效率低了。使用Mapbox在前端直接计算屏幕内要素的相交，计算量就比较小了。这里采用的是先把屏幕内的目标要素全查出来，然后使用turf进行相交的判断具体实现1.添加村界面图层 //村界转polygon map.addLayer(

在Springboot项目中配置rabbitmq后，总是在每次启动时自动测试MQ的连接，如果测试不通过，就一直重连，导致项目无法正常启动。自己在开发与MQ无关的功能时，无法正常进行，十分耽误时间。如下所示：org.springframework.amqp.AmqpConnectException: java.net.ConnectException: Connection timed out: connect at org.springframework.amqp.rabbit.support.R.

前言目前博主在郑州的一家GIS公司工作，从事农业大数据相关GIS项目开发。在郑州招聘一个WebGIS开发者不太容易，这可能和郑州的整体大环境有关系，没有几家靠得住的GIS公司。在公司也经常做技术面试，其中包括做一些WebGIS开发的人。也有一些感触，今天就不分享代码了，来谈谈这些感悟。什么是WebGIS开发经常遇到一些人说，"我做过GIS，我开发过高德地图"，也有人说，“我想学习GIS开发，你指导我一下吧！”。凡此种种，不胜枚举。只会高德地图或百度地图开发，恐怕还算不上会GIS开发。任何一个前端

这里使用Python代码做一个简单的功能，基于PIL库改变图片的分辨率。代码也不多，这里就不多做介绍了代码实现from PIL import Imagedef ResizeImage(filein, fileout, scale=1): """ 改变图片大小 :param filein: 输入图片 :param fileout: 输出图片 :param width: 输出图片宽度 :param height: 输出图片宽度 :param

很多时候都需要改变已经影像的分辨率，这里自己动手研究了一下相关原理，并进行了实现，以后可以很方便地改变影像的分辨率。影像重采样核心重采样的核心是影像的坐标范围不变，改变影像像元的大小，来实现像元个数的增减，即分辨率的改变。像元的面积*像元个数=固定值像元大小变为原来的1/2时，影像的像元数量变为原来的四倍。代码实现from osgeo import gdal, gdalconstimport osimport numpy as npdef resampli..

前言python安装各类包这块一直挺失败的，不像nodejs那么简单。python各版本还得需要不同版本的包，pip安装太慢。晚上一直很流行的anaconda，个人用起来感觉也不是非常好，很多包都找不到，而且还不安装最新版。还是得依靠pip，最近在网上找到了一些方法来，给pip安装国内镜像，这里分享一下。国内镜像源阿里云http://mirrors.aliyun.com/pypi/simple/ 中国科技大学https://pypi.mirrors.ustc.edu.cn/simple/..

一直以来，Android 的闪退处理起来都十分麻烦，用户可能不知道什么情况，App就没有了，做一个全局的捕捉机制，上传错误信息，或进行提醒，这将对用户十分友好。这里我就简单实现一下，App遇到bug自动重启并提醒用户。异常处理类package com.example.testrestart;import android.app.AlarmManager;import andr...

不知不觉在GIS开发的道路上已经走过了4个年头，先后做过WebGIS、移动GIS的开发工作，也经历过大大小小不少个项目。以前专门为这个题目写了两篇博文结果都被封了。 下面简单的介绍一下技能，有需要的可以私信我，或者去这看看https://www.jianshu.com/p/92df19f7cb61ArcGIS MapBox PostGIS Spring b...

在上一篇博文中，已经在Centos7.2上完成消息队列服务器的搭建。这里测试一下是否可以进行正常的消息推送和接收。新建一个Spring boot项目，然后进行测试pom.xml<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi=...

前言原本以为RabbitMQ的部署会是一件非常轻松的事，网上教程也挺多的，结果花了半天的时间。挺无奈的，安装的过程各种出错。最后记录一下 采坑后记录的宝贵经验吧！软件版本Centos 7.2 RabbitMQ3.8.3 erlang 22.3过程部署erlangRabbitMQ使用erlang开发的，RabbitMQ不同版本要求不同版本的erlang。可以参照这个网页的说...

目的遥感影像通常无法直接查看，还需要经过专业软件打开，才能看到其具体内容。最近，需要开发对遥感影像直接生成预览图，就使用GDAL提取波段信息，通过opencv写入图片环境python3.5 gdal2.4.1 opencv-python代码from osgeo import gdalimport cv2import numpy as npnp.seterr(d...

背景一些做遥感数据的公司，随着数据越来越多，所占的空间也越来越大。对遥感影像进行无损压缩可以有效的节省空间，同时在操作影像时也可以节省内存。在网上搜索了遥感影像压缩的相关代码，发现都是基于C++写的，没有python的，GDAL的python API文档里也没有这块的详细描述，这里我就记录一下如何使用python和GDAL实现遥感影像的无损压缩。代码主要是使用GDAL的CreateCo...

背景最近有一个需求，需要将WGS84转成火星坐标系。个人觉得在代码中逐个点坐标进行转换，太麻烦，而且效率低。PostGIS的st_transform虽然可以进行坐标转换，但是不支持国内这些坐标系。最后在网上找了有人编写的一个***pg-coordtransform***库，可以在火星坐标系、百度坐标系、WGS84坐标系、CGCS2000坐标系之间互转，部署也很简单。使用过程部署Pos...

今天因为工作，需要在centos服务器上测试是不是可以连通一个远程的sftp服务器，百度了一下关键词“centos”和“sftp”全是怎么在centos上搭建sftp的教程。最后找到了解决方案，这里记录一下，提供给更多需要的人。centos上连接远程sftpsftp -P 220 username@192.251.1.194上面的220是端口，username是用户名，后面...

前言最近使用GDAL对shape文件进行查询，走了很多弯路，查看网上的代码，发现很多代码都是错误的，或者不详细，浪费了很多时间。这里简单记录一下使用GDAL查询和读取要素的代码。python版本3.5 GDAL版本2.1.0代码实现读取shape代码from osgeo import ogr# 注册所有的驱动ogr.RegisterAll()ds = ogr.Ope...

前言最近在开发一款文件服务器时，想实现文件的下载限速功能，查阅了一些资料，最简单，最快建的方式就是通过nginx进行限速。使用Nginx的ngx_http_limit_conn_module模块，不过配置起来很方便，也不用下载。nginx已经内置默认开启了这个模块。操作流程修改nginx安装目录下的nginx.conf文件，在里面的location上添加如下代码limit_rat...

问题引出华为搞活动，送了多台虚拟服务器，但只给了两个弹性公网ip，没有赠送NAT网关。一个弹性公网ip只能绑定到一个虚拟服务器，在本地控制服务器、部署环境的时候，很不方便。最后研究了很久终于实现了，把不同服务器的ssh映射的到一个弹性公网ip的不同端口上。主要实现原理，在绑定了公网ip的服务器上安装nginx实现ssh转发。解决过程vpc准备 在华为云官网控制台建立虚拟私有云VP...

准备这个过程非常简单，就是用到了很多的矩阵运算。训练数据集下载地址， 测试数据集下载地址，数据格式.csv格式数据的每一行都是一个28*28像素的手写数字图片，每一行的第一个像素是数字的值，从第二个数字开始时像素值import matplotlib.pyplotimport pylabimport numpy# 读入训练数据training_data_file...

问题最近遇到了一个很奇怪的问题，是使用ST_Area计算出的面积特别小。select st_area(ST_SetSRID(ST_GeomFromText('POLYGON ((115.440261 33.8547281, 115.4400647 33.8548702, 115.4403265 33.8549768, 115.4404674 33.8549267, 115.4...

今天测试一下Jenkins对Vue项目的打包发布服务器环境centos7.4Jenkins 安装部署可以参照之前写的Jenkins系列教程nodeJs环境安装直接下载Nodejs的压缩包，然后在服务上解压到指定目录就可以了tar -zxvf node-v13.6.0-linux-x64.tar.gz然后配置到环境变量vi /ect/profile...

Sen2cor是ESA发布的专门生产L2A级数据的插件。Sen2Cor下载地址L2A级数据主要包含经过辐射定标和大气校正的大气底层反射率数据。L1C级多光谱数据（MSI），L1C级数据是经过几何精校正的正射影像，并没有进行辐射定标和大气校正。通过Sen2cor可以将L1C级数据转换为L1A级数据。这里简单记录一下如何对哨兵2 L1C级数据进行大气校正和辐射定标。完整项目代码地址码云...

Sonarqube可以实现对15中代码语言的静态扫描和质量评估，包括Java, JavaScript, C#, TypeScript, Kotlin, Ruby, Go, Scala, Flex, Python, PHP, HTML, CSS, XML and VB.NET等。并且可以结合数据库对代码bug漏洞修复情况进行长期检测评估。这里说一下，如何将Sonarqube和Jenkins结合，实现...

FireLine（火线）是360研发的进行Android代码安全性静态扫描的工具。对于小公司来说，可能对Android代码的质量和安全性没法进行很好的把控，用这个插件可以很好的解决这个问题。使用方法如果是你个人的话，可以在Android Studio里直接安装这个插件，教程。但是在Android studio本地执行速度太慢，本人测试一个小项目代码需要检测将近1个小时。 在Jenkins...

作为Android开发者可能会经常遇到定位的问题，在获取位置信息的时候就会遇到使用网络定位、GPS定位等种类。其实、百度和高德等还对定位结果进行了优化，其中包括卡尔曼滤波。卡尔曼滤波怎么推导的我也不是很清楚，引用了一个github上的库开发工作我的代码在码云地址主要是将GPS、网络定位、经过卡尔曼滤波优化的三种定位结果以不同颜色的图标展示在MapBox地图上，并记录在txt文件上。...

NDVI是什么NDVI（归一化植被指数）是近红外波段的反射值与红光波段的反射值之差比上两者之和。即(NIR-R)/(NIR+R)，NIR为近红外波段的反射值，R为红光波段的反射值。归一化植被指数是反映农作物长势和营养信息的重要参数之一。根据该参数,可以知道不同季节的农作物对氮的需求量, 对合理施用氮肥具有重要的指导作用。NDVI的应用：检测植被生长状态、植被覆盖度和消除部分辐射误差等； ...

上一篇博文讲了如何对Android App进行简单的自动化测试使用monkey进行最简单的Android自动化测试。这里来叙述一下，如何用更高级一点的框架对Android App进行自动化测试——UICrawler。UICrawlerUICrawler有着更强大的功能，可以对小程序、Android、IOS等进行测试，支持更高级的配置，配置用户名、密码、哪些元素不能点击等。而且最后还有htm...

一直在做Android开发，最近客户反馈公司的App闪退问题严重。App闪退是十分影响用户体验的。因此特别咨询了一些专业测试，怎么做APP的自动化测试，减少一些闪退的问题。monkeymonkey是sdk自带的自动化测试工具。它通过模拟大量的点击、滑动等各类事件，对APP进行测试。对于Android开发人员来说，不需要安装任何软件，测试起来只要一个命令就可以，用起来十分方便。环境准备...

Mapbox由于配合其矢量瓦片pbf格式文件，有突出的渲染性能，被很多公司和开发者所使用。矢量瓦片的格式有很多种，其中pbf格式是一种二进制文件，直接把数据信息压缩位二进制了。矢量瓦片优势主要优势有数据传输量小 相对与栅格瓦片数据量大大缩小 不受分辨率影响 矢量瓦片无论在地图放大到各种级别都是清晰的，都不会出现栅格放大后显示像元的问题。 动态样式 矢量瓦片会根据用户的定制的样...

之前在CSDN上写了一些关于室内地图的博客，很多人问我要室内地图的资料，今天特地分享一个室内地图的demo，非常简单，但是展示效果还是非常好的。主要是有个室内地图的svg，然后通过leaflet加载出来。SVG展示由于没法展示svg，这里只能转成图片展示了leaflet加载效果实现代码<!DOCTYPE html><html lang="en"&g...

需求现在有一个shp文件和栅格数据，需要将shp转换成和栅格数据空间位置一致且像元大小一致的栅格数据。ArcGIS速度比较慢，使用GDAL将shp文件转为和目标栅格同样大小的栅格转换前目标影像代码from osgeo import gdal, gdalconstfrom osgeo import ogrrasterFile = 'F:/**0416.dat' ...

今天基于GDAL使用shp文件对栅格影像进行裁剪时出现了下面的问题，提示多边形自相交了Warning 1: Ring Self-intersection at or near point 112.48666420300003 34.830899357000078ERROR 1: Cutline polygon is invalid.很多人的第一反应是使用ArcGIS进行**拓扑检查*...

关于使用加载加载Mapbox studio pbf格式矢量切片，还有一种方案，使用leaflet-mapbox-gl。这个插件的本质是在leaflet上添加一个div图层，把这个div给mapbox作为容器进行渲染。可以简单的理解为两个div的叠加，当你移动地图时，两个地图同步移动。注意把Mapbox的地图背景设置成透明的MapboxGL设置地图背景透明，否则永远看不到leaflet图层。...

矢量切片数量小，传输速度快，不受分辨率影响，可以动态调整样式，有着不可替代的优点。最近在研究如何使用Leaflet加载Mapbox studio生成的pbf格式的切片。主要用了两种方案。这里讲第一种，使用Leaflet.VectorGrid插件。代码<!DOCTYPE html><html lang="zh-cn"><head> <met...

最近遇到需求，需要把MapBoxGL放置在Leflet 之上，需要把Mapbox的背景设置成透明的，最后发现这个很简单，只要在MapBox的Style里添加一个background类型的图层，设置其背景色为透明即可。可以在style.json中设置，也可以在代码中添加，下面的我的代码是在style.json中加入的 { "id": "背景", "type": "b...

Element ui 虽然用起来方便，但是调整就比较麻烦了，尤其是这个table组件，一旦设定了height属性，数据多的时候就会自动出现滚动条，如果你改了其他的样式，这个滚动条就是十分难看，可以用下面的代码隐藏或修改滚动条样式 .el-table__body-wrapper::-webkit-scrollbar{ /*width: 0;宽度为0隐藏*/ width...

因为项目需要，要实现在浏览器端在线预览word文档，根据文档url动态预览文件内容。因为浏览器不支持word格式。所以在浏览器端语言word的方法也就有以下几种。转为pdf，然后预览因为浏览器支持pdf预览，这种方法也不错，缺点是需要开发后端代码转为html，然后预览缺点是转为html后格式混乱，十分麻烦，图片也是问题利用微软提供的接口“https://view.officeap...

情景excel存储在文件服务器上，只能拿到excel的url，切Excel可能为xls或xlsx格式。需要在后台使用java解析Excel的内容。网上提供了方法大多都是先将Excel下载，然后读取本地文件解析，这样做比较麻烦，在存储文件上容易出现更多的问题，这里我直接使用流进行读取网络Excel文件。代码如下:代码maven依赖 <dependency&g...

当Jenkins和需要发布的服务在同一台服务器时，想要把Jar包拷贝到指定的文件夹并发布。配置与Jenkins与GitLab集成自动化测试与部署详细教程——构建Maven项目（一）稍微不同。停止原来的服务 将Jenkins的打包结果拷贝到指定目录下，替换原来的jar包 运行新的jar包 在前面Jenkins构建Maven项目的基础上，修改项目配置，添加构建前后操作操作添加构建前操作...

在一个内存1G的虚拟机上,Jenkins构建Maven项目正常，在内存64G的服务器上反而报出了内存不足Cannot allocate memory的错误。今天在服务器上用Jenkins构建Maven项目，一直失败，进入构建控制台查看发现提示内存不足错误代码如下Established TCP socket on 27423[geoSign] $ /usr/local/java/jd...

当处理大型的系统项目，或者保密性要求高的项目。是要解除一些加密算法的，非对称加密肯定比对称加密更加安全，但是也更消耗性能。这里就展示一下前端使用Vue，后端使用Spring boot的情况下，进行前后端交互的情况。前端安装加密插件cnpm install jsencrypt --save在main.js中全局绑定加密方法，全局设置公匙import { JSEncrypt }...

现有情况是公司以Nginx做文件服务器，随着用户越来越多，项目越来越多，出现任意用户都可以访问所有文件的问题。想要对Nginx下的文件进行访问的控制，基于用户名和密码的访问控制太单一，无法满足需求。因此设计了每次都有后端动态生成url的方式，让用户访问，类似于阿里云OSS的访问方式。采集Nginx+Lua模块的办法。验证方法使用的md5和时间双重验证准备Centos 7.5 LuaJIT...

Spring boot文件上传和下载是经常用到的，这里分享一下Spring boot文件上传的代码，网上这类代码也比较多，但是这个代码还算是比较简洁，没有文件流的操作。 @GetMapping("/file/{id}") private ResponseEntity<Resource> downFile(@PathVariable String id,HttpServletR...

关于jenkins自动化测试和部署这一块网上的教程和资料都比较杂乱，大部分都是教怎么安装的，很多关键细节缺失了，这给很多新学者造成很大的困扰，本人也是一位采坑过来的人，因此特别详细记录一下。jenkins与Gitlab的自动化测试主要分为四部分，分别是Jenkins的安装部署Jenkins与GitLab集成自动化测试与部署详细教程 ——Jdk安装 Jenkins与GitLab集成自动...

Jenkins可以将构建之后的jar包，发送到本地和远程服务器上，通过Publish Over SSH插件，也可以在在远程服务器上执行shell命令，启动或终止服务。有了这项功能，后台开发者可以不用每次都自己发服务了。配置SSH服务器连接Manage Jenkins——configure System——Publish over SSH测试SSH连接成功之后，可以点击保存。注意Re...

这里主要讲一下通过webhook的方式连接，GitLab实时将push等各类事件推送到Jenkins。这个配置也比较简单，和上一篇博文差不多，但是有几个坑需要处理。Jenkins认证更改Manage Jenkins——Configure System——GitLab取消勾选Enable authentication for '/project' end-pointManage Je...

Jenkins与GitLab连接后，需要动态拉取GitLab的代码，感知代码的你变化，然后实时对项目进行构建。这个感知方式主要有两种：周期性插件代码变化配置简单 周期选择可选择规定每天几点、间隔几分钟之类GitLab通过webhooks向Gitlab推送事件配置相对复杂 可以减轻G服务器压力本篇博文，先偏重讲第一种方式，在Gitlab创建项目的方式这里，就不讲了新建项目点击...

实现Jenkins从Gitlab拉取代码并进行构建，在前面几篇博文中已经详细叙述了Gitlab的安装和Jenkins的部署。接下来就是如何连接二者了。连接GitLab 获取gitlab Access token 在gitLab中，user settings——Access Tokens随便取一个名字，不输入过期日期就是永久生效，把下面的功能全部勾选，点击生成token...

Jinkens安装好之后，需要配置本地jdk和maven的路径，否则是没法进行java项目的构建的。进入Manage Jenkins—Global Tool Configuration配置JDK点击新增jdk按钮配置Maven点击新增Maven按钮name任意取Maven_home路径同本地maven安装路径不勾选已安装然后点击保存即可...

GitLab在centos上部署比较耗性能，建议最好虚拟机或者服务器的运行内存在3G以上，在虚拟机上测试的时候3G运存以下，基本访问Gitlab的地址都是网络超时的。下面记录一下gitlab的安装和配置过程安装依赖项 yum -y install curl policycoreutils openssh-server openssh-clients postfix #启用邮件服务 s...

最近在线安装Jenkins和Jinkens的插件的时候经常出现java.net.SocketTimeoutException: Read timed out通过更换晚上的各类所谓的镜像站点都起不到很好的作用，这里找到了清华大学的镜像网站，JenKins的安装文件和插件的安装文件都可以在上面手动下载到。地址https://mirrors.tuna.tsinghua.edu.cn/je...

Jenkins安装完成之后，登录Jenkins页面就会让选择安装插件，先安装系统推荐插件。安装系统推荐插件http://192.168.0.157:8888//pluginManager/advanced推荐升级镜像站点为http://mirror.xmission.com/jenkins/updates/update-center.json然后等来一个安装过程设置管理...

git安装由于git安装内容较少，所以直接和Jinkens放在一起了yum install git安装完成Jenkins安装Jenkins官网下载地址和在线安装的方式都非常慢，这里找到了一个第三方下载网站http://centos.ustc.edu.cn/jenkins/redhat/，速度还比较快。清华带血镜像网站也可以下载到安装包https://mirro...

目前大部分的Java项目都采用maven进行打包和部署，Jenkins安装之前需要部署Maven，方便Jenkins对Java项目进行构建和打包，以及单元测试。下载和Jdk的部署一样，可以去官网下载安装包，选择以点gz结尾的文件安装在根目录的usr下新建maven文件夹，将刚刚下载的压缩包上传到改文件夹下。解压压缩包cd usr/maventar -zxvf apac...

Jenkins要是想支持jar和maven项目就需要在安装Jinkens的电脑上部署Jdk和Maven.下载去jdk官网下载jdk安装文件，根据自己的系统选择32位还是64位，选择以gz后后缀的文件。安装在根目录的usr文件夹下创建java文件夹，将刚刚下载的文件拷贝进去，并解压。cd usr/javatar -zxvf jdk-8u221-linux-x64.tar....

安装VirtualBox，在里面部署了Centos的系统，设置网络桥接可以让虚拟机和自己的电脑相互访问，在设置里设置桥接之后，仍然无法连接到网络，网上的说法比较杂乱，这里我就系统地描述一下解决方案。VirtualBox设置桥接centos配置查看本机硬件地址，并记录ip addr找到自己的网络配置文件cd /etc/sysconfig/network-scrip...

目前有大量的共享单车数据，轨迹数据确是无序的，只有起点和终点坐标是正确的，中间的节点坐标是乱序的。因此需要对轨迹数据进行修复。考虑的效率和操作的方便，选择在Postgresql数据库中，利用PostGIS插件对轨迹进行修复。现状在postgresql中进行预览如下图所示：可以看到中间的轨迹不仅混乱而且几乎没法看，不能称之为轨迹数据。思路因为起点和终点固定，中间点是乱序的。有...

有一份csv格式的坐标数据，需要将它导入Postgresql数据库，方便进行后期分析，坐标需要转换为geometry类型。首先我将它转换成了excel，方便python利用库进行读取。数据概览数据demo如下：包含一个起点坐标、一个终点坐标、和一个路线轨迹坐标串，用“#”好分割 。数据库字段和格式如下图所示Python代码import xlrdimport p...

这次接到一个需求，需要把postgresql数据库中批量的地名进行翻译，大约200多个，自己翻译也非常的慢。于是想到用百度翻译的API对数据库的数据逐条进行翻译。正好也在学习Python语言，正好可以用Python对数据库的内容进行朱行翻译。数据如下所示：百度API标准版：提供基础文本翻译服务，QPS（每秒并发请求量）=1，个人或企业用户均可申请使用高级版：提供基础文本翻译服务，同...

图像识别主要有特征点识别、特征点提取、特征点匹配三个过程。这里主要是利用特征点识别中的FAST算法，对图片上的特征点进行识别，然后添加到图片上进行展示，FAST算法计算比较迅速，但是缺点也很明显，就是点太多了，很多都是没有用的点。代码如下：# 导入cv模块import cv2frame = cv2.imread("timg.jpg", 1)title = "image"poin...

主要是给OpenCV的窗体添加鼠标的滑动事件，通过鼠标的事件返回的X,Y值，去图像的数据上查找对应的值，绘图值需要将tiff转为灰度图像来查找，RGB值是通过tiff以RGB模式读取获得。方便查看图像上任意一点的像元值，可以做研究用。代码如下# 导入cv模块import cv2 as cvimport timeimport numpy as np# 读取图像，支持 bmp、j...

python_opencv这个库功能还是非常强大的，可以读取本地摄像头的内容，并且可以直接使用不同分类器对人脸进行识别。这里主要展示使用opencv实现对笔记本摄像头中的人脸实时识别和标注。主要是笔记本摄像头实时 获取画面，然后获取其中人脸的位置，并在人脸位置的正方形进行标注。代码主要如下：# 导入cv模块import cv2cap = cv2.VideoCapture(0)# 告诉...

opencv-python可以读取各类图片，然后对图像进行处理，结合矩阵操作，可以非常方便的对图像进行各类操作，下面就展示一个简单的demo，用opencv-python读取图像并展示出来。Opencv的库安装可能比较麻烦一点。# 导入cv模块import cv2 as cvimport numpy as np# 读取图像，支持 bmp、jpg、png、tiff 等常用格式# 第...

Python的用途越来越广，不能不开始学习使用了，今天写个练手的demo，最大的感觉是python和ES6挺像的。主要功能是弹出对话框，选择本地excel文件，然后循环读取出来。使用的是openpyxl模块，只支持xlsx，不支持xls。代码如下：import openpyxlimport tkinter.filedialog# 弹出文件对话框：fname = tkinter.fil...

使用MapBox的queryRenderedFeatures进行地图查询的时候，会遇到一个问题，就是只能查询当前屏幕范围内渲染的要素，没有渲染出来的要素就查询不到。MapBox的fitBounds是一个过程，地图会进行缩放，如果在开始的时候，fitBounds后面直接进行要素查询，就会产生查询不到的结果，因为目标要素还没有渲染。这时候就需要给fitBounds加一个回调，MapBox.js加回调的...

前面的博文已经叙述了如何将服务注册到nacos，今天这里说一下如何通过网关访问nacos上注册的服务。网关使用的是spring cloud gateway 。首先注册到nacos一个spring boot web服务，作为服务提供者。配置网关服务新建Spring boot项目，添加依赖 <dependency> <groupId>or...

之前作为服务注册中心的Eureka已经不再开源，阿里的nacos，越来越多的被使用。下面说一下已nacos作为注册中心，实现服务的注册。下载与安装下载地址为https://github.com/alibaba/nacos/releases，完成下载后，解压压缩包，Windows部署点击bin目录下的startup.cmd，即可运行，也可以通过命令进行单机版部署Linux/Unix/...