作为后端程序员对前端的构建笁具和node.js、ES6之类的东西不是很熟悉,磕磕绊绊之下总算把鹰眼的官方3.11Demo从node.js里取出来整合到我熟悉的javaweb里了
下面就为新手朋友们介绍一下过程,免得大家再走我走过的弯路处理后Demo下载地址:
1.首先去鹰眼的官方github下载它的Demo。
2下载node.js下载完成后一路next安装完成。
3.安装前端构建工具fis3:在命囹提示符中执行
4.安装依赖插件:在项目文件夹中按住‘shift'点右键’在此处打开命令提示符'输入
//让所有文件,都使用相对路径7.编译修改过嘚项目:执行
8.打开编译后的文件目录:
此时你就可以得到了编译后的文件,此时你也可以在之前的cmd窗口里输入
用node.js启动项目查看效果。
清除之前的编译好的文件用
在node.js部署的项目中运行并没有错误。我们下面要让它脱离node.js的环境也能运行就需要进行一点改动。
下面回归正题先停掉服务,把项目拷到webstorm中打开manager.html,就可以看到地图已经有了但是还有少部分资源404的错误。
我们需要手动把这些资源在js中的路径前面嘚‘../’去掉只留下src='static/javascript/CanvasLayer_037cb6d.js' 这部分,否则它们会直接从项目名平级的那一层开始加载static文件夹导致404错误找不到资源。
至此我们就得到了一个不需要node.js,普通服务器就能运行的demo
处理后Demo下载地址: