The vue_webgis from snailgis

vue_webgis's Introduction

0. 代码运行的前置条件

系统怎么跑起来？

配置mongoDB数据库环境（可本地安装mongodb compass,会默认安装本地数据库，localhost:27017连接数据库，创建vue_webgis/users，运行程序后注册用户即可登录），也可选择线上mongodb数据库，修改config中数据库连接配置即可。

cd client

npm install (客户端代码中安装依赖)

cd ../

npm install (服务端代码中安装依赖)

npm run dev (前后端连载，同时启动前后端)

1. 效果展示

系统登陆

地图首页，支持Google，天地图，高德，腾讯，Geoq，Arcgis等多源在线网络地图的切换

Google地图公共影像已下架（2021年1月）调整原有代码view与components的混乱；MapBox地图组件封装，数据图层加载组件，地图底图切换组件；（2021.1.31）

3维建筑物地图，基于MapBoxGL加载GeoServer三维建筑物矢量切片

MapBox自定义底图

MapBoxgl绘制

MapBoxGL集成deck.gl实现高性能可视化

openlayers聚合图

openlayers裁剪地图底图

arcgis api 4.x

2. VUE + Node + WebGIS项目说明：

2.1 实践目的：基于VUE框架使用模块化编程方式实现WebGIS的开发

2.2 主要功能

前后端项目搭建
登录注册（token验证功能）
丰富的地图开发api DEMO集成，地图可视化实现

2.3 主要技术

地图框架：MapBoxGL/openlayers 5.x / ArcGIS API 4.x

构建接口文档：Node + express + jwt;

构建前端页面：VueCli 3.0 + ElementUI

数据请求及拦截：Axios + MongoDB

其他即将或已经使用的技术：GeoServer, PostGIS, deck.gl, echarts,

2.4 项目的搭建细节

（1）准备工作

1.1 搭建服务器（基于express）

1.2 连接本地的MongoDB数据库

1.3 搭建路由和数据模型

（2）登录注册接口

express的body-parser中间件

bcrypt加密模块

jsonwebtoken

获取token(获取数据的令牌/jsonwebtoken)-----验证token（passport/passport-jwt）

（3）Passport验证

（4）前后端连载

vue_webgis's People

Contributors

Stargazers

Watchers

vue_webgis's Issues

运行npm run dev报错

PS D:\Test\test\vue_webgis-master> npm run dev

[email protected] dev
concurrently "npm run server" "npm run client"

[0]
[0] > [email protected] server
[0] > nodemon server.js
[0]
[1]
[1] > [email protected] client
[1] > npm start --prefix client
[1]
[0] [nodemon] 2.0.20
[0] [nodemon] to restart at any time, enter rs
[0] [nodemon] watching path(s): .
[0] [nodemon] watching extensions: js,mjs,json
[0] [nodemon] starting node server.js
[0] node:internal/modules/cjs/loader:936
[0] throw err;
[0] ^
[0]
[0] Error: Cannot find module 'D:\Test\test\vue_webgis-master\node_modules\bcrypt\lib\binding\napi-v3\bcrypt_lib.node'
[0] Require stack:
[0] - D:\Test\test\vue_webgis-master\node_modules\bcrypt\bcrypt.js
[0] - D:\Test\test\vue_webgis-master\routers\api\users.js
[0] - D:\Test\test\vue_webgis-master\server.js
[0] at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
[0] at Function.Module._load (node:internal/modules/cjs/loader:778:27)
[0] at Module.require (node:internal/modules/cjs/loader:1005:19)
[0] at require (node:internal/modules/cjs/helpers:102:18)
[0] at Object. (D:\Test\test\vue_webgis-master\node_modules\bcrypt\bcrypt.js:6:16)
[0] at Module._compile (node:internal/modules/cjs/loader:1101:14)
[0] at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
[0] at Module.load (node:internal/modules/cjs/loader:981:32)
[0] at Function.Module._load (node:internal/modules/cjs/loader:822:12)
[0] at Module.require (node:internal/modules/cjs/loader:1005:19)
[0] at require (node:internal/modules/cjs/helpers:102:18)
[0] at Object. (D:\Test\test\vue_webgis-master\routers\api\users.js:3:16)
[0] at Module._compile (node:internal/modules/cjs/loader:1101:14)
[0] at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
[0] at Module.load (node:internal/modules/cjs/loader:981:32)
[0] at Function.Module._load (node:internal/modules/cjs/loader:822:12) {
[0] code: 'MODULE_NOT_FOUND',
[0] requireStack: [
[0] 'D:\Test\test\vue_webgis-master\node_modules\bcrypt\bcrypt.js',
[0] 'D:\Test\test\vue_webgis-master\routers\api\users.js',
[0] 'D:\Test\test\vue_webgis-master\server.js'
[0] ]
[0] }
[0] [nodemon] app crashed - waiting for file changes before starting...
[1]
[1] > [email protected] start
[1] > npm run serve
[1]
[1]
[1] > [email protected] serve
[1] > vue-cli-service serve
[1]
[1] 'vue-cli-service' ��ڲ��ⲿ��Ҳ��ǿ��еĳ��
[1] ��ļ��
[1] npm run client exited with code 1

snailgis / vue_webgis Goto Github PK