【无标题】

【无标题】,第1张

文章目录
  • 箭头函数
  • vuex
    • vuex是什么
    • 使用vuex统一管理状态的好处
    • vuex的基本使用
    • vuex的核心概念
      • State
      • Mutation
      • Action
      • Getter
  • 问题
    • ArcGIS服务自动停止
    • methods里面的值怎么在前端显示
    • 模块多次加载导致网页很卡
  • 优秀界面
  • 大佬教程
    • shp 解析的数据添加至pg空间库中
    • 上传shp.zip并加载至arcgis地图中(web端)
    • vue控制元素的显示与隐藏
    • 常用的地理和投影坐标系的WKID
    • arcgis获取鼠标当前位置的经纬度
    • 经纬度转换,度转度分秒,度分秒转为度,前端js
  • 项目规范
  • 函数名称
  • 大佬提出的问题
    • vuex刷新数据丢失问题
  • 工具:
    • 浏览器vue调试工具
  • 关于系统的想法
    • 项目导航
    • 导出项目数据
    • 大屏系统

箭头函数

教程:https://www.bilibili.com/video/BV1Sp4y1U7FG?spm_id_from=333.337.search-card.all.click

vuex vuex是什么

使用vuex统一管理状态的好处

vuex的基本使用


vuex的核心概念

State


Mutation

只有Mutation里面的函数才有资格去修改state中的数据


Action

mutations中不能写异步的代码,setTimeout是异步函数,Action就是用来处理异步任务的



Getter

Getter不改变State,只是对State的数据的加工

问题 ArcGIS服务自动停止
server日志显示:
Failed to start the server machine 'LAPTOP-UFUTDOMI'. Failed to start the server machine 'LAPTOP-UFUTDOMI'. Error while starting AppServer. Required port '4000' already in use.

报错原因:

  • server的端口被占用了
    去server的日志里面查看是4000端口被占用


查找哪些应用占用了4000端口
在cmd输入netstat -ano|findstr “4000”,找到所有占用这个端口的应用

netstat -ano|findstr “4000


关闭上述应用
打开任务管理器,详细信息,把占用端口的东西给关掉

注:SangforPromoteService这个是EasyConnect的,可能很多搞学术的都用过吧
重启server服务

methods里面的值怎么在前端显示




解决办法
https://segmentfault.com/q/1010000013542163

模块多次加载导致网页很卡

2022-5-6
Q:就是我点击一个按钮,会触发一个加载模块的事件,那如果我点击了那个按钮很多很多次,就加载了很多很多次这一个模块,然后就会导致我的界面越来越卡,这种有什么解决办法吗?


A:百度一下节流和防抖的内容,处理下;或者最简单的,就是判断一下当前图层有没有实例化,已经实例化的话就不用加载模块了

优秀界面

大佬教程 shp 解析的数据添加至pg空间库中

https://blog.csdn.net/KK_bluebule/article/details/119668555?spm=1001.2014.3001.5502

上传shp.zip并加载至arcgis地图中(web端)

(已一键三联,留下了邮箱)
https://blog.csdn.net/KK_bluebule/article/details/118997455

vue控制元素的显示与隐藏

https://www.jianshu.com/p/b8c61fd73ce6

常用的地理和投影坐标系的WKID arcgis获取鼠标当前位置的经纬度

https://blog.csdn.net/xaishujin/article/details/120563721

view.on("pointer-move", event => { //监听pointer-move事件
    const point = view.toMap({x:event.x,y:event.y}); //将鼠标的像素位置转为经纬度
    const lon = Math.round(point.x * 1000) / 1000; //经纬度保留小数位
    const lat = Math.round(point.y * 10000 / 1000;
    this.currentPosition = `lon: ${lon}, lat:${lat}`;
}
经纬度转换,度转度分秒,度分秒转为度,前端js

https://blog.csdn.net/qq_29384789/article/details/118570417


//度分秒转换为度
function changeDu(du,fen,miao){
	var mFen = 0;
	if(miao != null && miao != ''){
		mFen = Number(miao / 60);
	}
	var fDu = 0;
	if(fen != null && fen != '' ){
		fDu = (Number(fen) + mFen) / 60;
	}else{
		fDu = mFen;
	}
	var lDu = 0;
	if(du != null && du != ''){
		lDu = (Number(du)+fDu).toFixed(6);
	}else{
		lDu = fDu.toFixed(6);
	}
	
	return lDu;

————————————————
版权声明:本文为CSDN博主「衣兜里」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_29384789/article/details/118570417

//将度转换成为度分秒
function formatDegree(value) {  
	if(value != null && value != ''){
	    ///将度转换成为度分秒  
	    value = Math.abs(value);  //返回数的绝对值
	    var v1 = Math.floor(value);//度   //对数进行下舍入
	    var v2 = Math.floor((value - v1) * 60);//分  
	    var v3 = Math.round((value - v1) * 3600 % 60);//秒  //把数四舍五入为最接近的整数
	    return v1 + ';' + v2 + ';' + v3 + ';';  
	}else{
		return '' + ';' + '' + ';' + '' + ';';  
	}
}; 
————————————————
版权声明:本文为CSDN博主「衣兜里」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_29384789/article/details/118570417
项目规范

把OneMap界面里面的组件全部注册到OneMap.vue中

函数名称
  • 面板
    pannel
  • 生成要素集:
function generateFeatureCollection(){}
  • 参数:
    params
const params = {
            name: name,
            targetSR: view.spatialReference,
            maxRecordCount: 1000,
            enforceInputFileSizeLimit: true,
            enforceOutputJsonSizeLimit: true
          };
  • 捕获错误信息
    .catch((error) => { }
view.goTo(sourceGraphics).catch((error) => {
            if (error.name != "AbortError") {
              console.error(error);
            }
          }
大佬提出的问题 vuex刷新数据丢失问题 工具: 浏览器vue调试工具



https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

关于系统的想法 项目导航

使用elementui的带提示的输入框

导出项目数据

导出项目数据的时候,可以根据水利厅软件的要求的格式,对导出的格式进行规范化

大屏系统

图表1:展示历年水土保持率变化曲线图

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/878204.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-13
下一篇 2022-05-13

发表评论

登录后才能评论

评论列表(0条)

保存