毕设（一）：基于WebGL（Cesium+MongoDB+NodeJS）下的三维城市室内外场景可视化+属性管理

系列文章目录

毕设（一）：基于WebGL（Cesium+MongoDB+NodeJS）下的三维城市室内外场景可视化+属性管理

---

文章目录

系列文章目录

前言

一、前期准备

二、创建express工程项目

1.项目创建

2.启动服务

总结

前言

最近在学习WebGIS，想起以前本科毕设做的就是WebGIS相关的东西，所以准备好好整理一下，从熟悉的东西入手可能效果比较好。本科毕设是基于Cesium开源库进行的二次开发，最后的实现效果大致是在浏览器Cesium端显示室内外三维场景，并能进行场景对象的属性管理（增、删、查、改）。今天开始这个系列文章的第一篇，主要讲软件安装、环境配置和项目创建等，比较基础，但是很久不用确实也忘得差不多了，值得好好回顾一下。就先从这里开始吧。

一、前期准备

1.需要安装配置的软件：Cesium、NodeJS、MongoDB数据库、NoSQLBooster for MongoDB。

2.需要使用的NodeJS工具模块：express（快捷搭建服务器）和mongoose（快捷操作MongoDB）模块。

下面具体说一下NodeJS中两个工具模块的安装。

成功安装好NodeJS后，已经一并安装好npm（用于安装express和mongoose等工具模块）。

npm使用方法如下：在控制台进入想要创建文件夹的根目录（或在根目录下按住“Shift”按钮点击鼠标右键，进入PowerShell），输入命令：npm install。该命令用于安装依赖（模块）。这时工程文件下会多出一个名为“node_modules”的文件夹，里面包含有许多常用的模块，包括我们需要的express。

以下几个重要的模块是需要与 express 框架一起安装的：

• body-parser - node.js 中间件，用于处理 JSON, Raw, Text 和 URL 编码的数据。

• cookie-parser - 这就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie，并把它们转成对象。

• multer - node.js 中间件，用于处理 enctype="multipart/form-data"（设置表单的MIME编码）的表单数据。

安装方式为输入命令：npm install 模块名。现在继续安装mongoose，输入命令：npm install mongoose。安装成功后可以在“node_modules”文件夹里看到对应的文件。

     

二、创建express工程项目

1.项目创建

在控制台进入想要创建文件夹的根目录（或在根目录下按住“Shift”按钮点击鼠标右键，进入PowerShell），输入命令：express myProject。myProject为项目名，可以自己修改。因为要用到Cesium服务，所以最好就直接建在Cesium安装目录下的某个文件夹里。

输入上述命令并回车后，控制台会出现下面的内容：

此时在根目录“C:\apps\Cesium-1.55\Samples”下已经出现了一个名为“myProject”的express工程文件了。里面的内容有这些：

为了方便工程文件的打包和转移，我把“node_modules”文件夹复制在了工程项目根目录下，如下：

2.启动服务

现在我们来测试一下项目是否能正常启动，第一个项目还是从最基础的“Hello World”开始。

打开app.js文件，删除里面的内容，复制以下内容：

var express = require('express');
var app = express();
 
app.get('/', function (req, res) {
   res.send('Hello World');
})
 
var server = app.listen(8081, function () {

  var port = server.address().port
 
  console.log("应用实例，访问地址为 http://localhost:%d/", port)
 
})

控制台进入根目录，输入命令：node app.js。可以得到以下输出结果：

在浏览器输入访问地址：http://localhost:8081/。得到“Hello World”界面，表示能正常启动服务：

注意，控制台界面要一直保持连接，否则输入网址就无法打开界面。如果要关闭连接，在控制台按住“Ctrl+C”就行。

 

总结

下面总结一下本文的工作：

1.安装Cesium、NodeJS、MongoDB数据库、NoSQLBooster for MongoDB；

2.配置NodeJS、MongoDB数据库环境；

3.npm安装依赖；

4.创建一个express项目；

5.修改app.js代码，并启动服务，进入浏览器界面。

项目创建好也能启动服务了，但我们是在Cesium框架下进行二次开发，需要使用Cesium的服务，如何同时启动Cesuim和项目服务呢？下一篇文章我们将继续讨论这个问题。