使用Django+Cesium的WebGIS原型实现-第一天

简介

闲来无事，突然想整个WebGIS实践一下，借此来复习一下GIS的相关概念。正好之前对Django有过一定的学习，所以就想着用Django试试手。

第一天先做基础环境的搭建和配置，首先来搞Python和Django。减少麻烦我就直接在自己的Windows电脑上配置web服务器了。使用的Python版本是3.12.6，Django版本为5.1.2。

今天主要是进行基础环境的配置，之后再进一步完善功能。

一、Python环境配置

python之前已经下载好了，所以就不赘述了

cd enviroment

python -m venv django_cesium

cd Scripts\

activate.bat

到项目文件夹下创建enviroment文件夹并进入，创建项目的虚拟环境并激活（个人习惯，可以按照自己的方法来操作，但虚拟环境还是强烈推荐，一个项目一个虚拟环境）

二、Django安装配置

pip install django

虚拟环境下安装Django，之后在项目文件夹下创建第一个项目Cesium_Demo

django-admin startproject Cesium_Demo

cd Cesium_Demo\

在Cesium_Demo\路径下，新建templates、static文件夹，之后分辨存放.html和CesiumJS库的Build文件夹。

三、项目配置

在Cesium官网下载CesiumJS压缩包后，解压，将其中Build文件夹完全拷贝到

项目根目录\Cesium_Demo\static文件夹下

将Apps文件夹下的HelloWorld.html文件拷贝到

项目根目录\Cesium_Demo\templates文件夹下，并将名称修改为cesium_test.html

（此处感谢：Django下配置Cesium）

在Cesium_Demo\Cesium_Demo\路径下，修改以下三个文件：

① settings.py文件，主要修改TEMPLATES的DIRS字段将templates路径添加到模板引用路径内（记得import一下os库）

TEMPLATES = [
    {
        "BACKEND": "django.template.backends.django.DjangoTemplates",
        "DIRS": [os.path.join(BASE_DIR,"templates")],
        "APP_DIRS": True,
        "OPTIONS": {
            "context_processors": [
                "django.template.context_processors.debug",
                "django.template.context_processors.request",
                "django.contrib.auth.context_processors.auth",
                "django.contrib.messages.context_processors.messages",
            ],
        },
    },
]

② views.py文件，创建Cesium的视图

from django.shortcuts import render

#cesium_test/
def cesium_test(request):
    return render(request, "cesium_test.html")
    pass

③ urls.py文件

from django.contrib import admin
from django.urls import path
from . import views

urlpatterns = [
    path("cesium_test/",views.cesium_test),
]

修改无误后，在项目根目录\Cesium_Demo路径下执行：

python manage.py runserver 0.0.0.0:8000

启动Web服务，在浏览器登录http://127.0.0.1:8000/cesium_test/即可进入Cesium的Demo当中

大功告成！