当前位置： 首页 > article >正文

任务23：创建天气信息大屏Django项目

article 2025/6/4 7:37:07

任务描述

知识点：

  • Django

重  点：

  • Django创建项目
  • Django视图函数
  • Django路由
  • Django静态文件
  • Django渲染模板

内  容：

  • 使用PyCharm创建大屏项目
  • 渲染大屏主页

任务指导

1. 使用PyCharm创建大屏项目。

  • 创建weather项目
  • 配置虚拟环境
  • 创建china_weather应用
  • 添加静态文件（相应的css、js、img静态文件和index.html模板文件已在资料中提供）
  • 网站settings.py配置

2. 渲染大屏主页

  • 创建视图函数
  • 添加路由

任务实现

1. 创建Django项目

1）创建项目

通过Anaconda自带的Prompt窗口切换到C盘，然后新建一个名为weather的django项目，代码如下：

django-admin startproject weather

2）配置虚拟环境

通过PyCharm打开该weather项目，在PyCharm中选择文件，设置，然后选择项目解释器，点击添加解释器，如下：

完成后，可以看到，目录中增加了venv文件夹，即为新创建的虚拟环境。需要继续安装环境所需要的库，主要需要添加Numpy、Pandas、Django、PyMySQL、SQLAlchemy（建议使用清华镜像），在PyCharm中选择文件，设置，然后选择项目解释器，点击添加解释器，如下：

根据以上步骤继续完成Pandas、Django、PyMySQL、SQLAlchemy库的安装，并按照下图所要求的版本进行安装，完成后，虚拟环境中便添加了这些库，如下图：

特别注意：为防止后期部署时库版本不兼容出现，一定要按照下面的版本进行安装。

3）创建china_weather应用

然后在PyCharm的终端创建china_weather的应用，执行以下命令：

Django-admin startapp china_weather

4）新建目录，添加静态文件。

在weather项目目录下，新建static和templates目录，分别用来存放静态文件和模板。在static目录中新建css、img和js文件目录，分别用来存放相应的静态文件。目录结构如下：

下载资料文件，解压后，将资料中的js、css和img文件夹里的文件分别对应放置到项目的js、css和img文件目录中，将index.html、地图对照模板.html和词云对照模板.html放到templates文件目录中，如下：

5）网站配置

打开settings.py文件，添加引入os模块：

import os

为了使创建的应用生效，找到INSTALLED_APPS变量，将应用程序china_weather添加到INSTALLED_APPS列表，如下图：

为了使模板生效，找到TEMPLATES，在‘DIRS’中添加如下代码：

os.path.join(BASE_DIR,'templates')

为了使静态文件生效，找到STATIC_URL，在下面添加如下代码：

STATIC_ROOT = os.path.join(BASE_DIR, STATIC_URL)
STATICFILES_DIRS = (# os.path.join(BASE_DIR, STATIC_URL),('css',os.path.join(STATIC_ROOT,'css').replace('\\','/') ),('js',os.path.join(STATIC_ROOT,'js').replace('\\','/') ),('img',os.path.join(STATIC_ROOT,'img').replace('\\','/') ),
)

完成后，保存setting.py文件

2. 渲染大屏主页

打开views.py，创建视图函数，用来登录主页，代码如下：

from django.shortcuts import HttpResponse,render,redirect
import pandas as pd
import numpy as np
from django.utils.safestring import mark_safe
from sqlalchemy import create_engine,textdef login(request):return render(request,'index.html')

备注：引入numpy、pandas库为了后面读取和处理数据使用；引入mark_safe为了django从view向template完整、原生的传递HTML字符串（django默认不渲染此HTML），防止这段字符串里面有恶意攻击的代码；引入create_engine,text是为了后面从MySQL数据库读取数据。

保存views.py文件，然后打开urls.py，配置主页的路由，先引入视图模块：

from china_weather import views

在urlpatterns中添加路由，如下：

path('',views.login),

保存urls.py文件

修改主页模板内容

打开index.html文件，在<!DOCTYPE html>前加上{% load static %}，用来引入静态文件，这样在后面引入模板、js文件、img等时可以方便的获取static文件路径，如下图：

在<head></head>部分引入js文件

		<script src="{% static 'js/wordcount.min.js' %}"></script><script src="{% static 'js/d3.min.js' %}"></script>

修改主页模板（index.html）中title文本和内容，正确配置css、js、img的引入路径（注意，css样式的引用以及img等一些路径要注意修改）：

将body部分的主标题、引入的css样式和js文件做修改，如下：

将body部分当中的标题做修改，如下：

保存所有文件后，在终端输入以下代码：

python manage.py runserver

打开Chrome浏览器，地址栏输入http://127.0.0.1:8000/，页面展示如下：

相关文章：

任务23：创建天气信息大屏Django项目

任务描述 知识点&#xff1a; Django 重 点&#xff1a; Django创建项目Django视图函数Django路由Django静态文件Django渲染模板 内 容&#xff1a; 使用PyCharm创建大屏项目渲染大屏主页 任务指导 1. 使用PyCharm创建大屏项目。 创建weather项目配置虚拟环境创建ch…...

编程日记 2025/6/4 7:37:07

数学分析——一致性(均匀性)和收敛

目录 1. 连续函数 1.1 连续函数的定义 1.2 连续函数的性质 1.2.1 性质一 1.2.2 性质二 1.2.3 性质三 1.2.4 性质四 2. 一致连续函数 2.1 一致连续函数的定义 2.2 一致连续性定理(小间距定理)(一致连续函数的另一种定义) 2.3 一致连续性判定法 2.4 连…...

编程日记 2025/6/5 0:40:04

Flutter GridView网格组件

目录 常用属性 GridView使用配置 GridView.count使用 GridView.extent使用 GridView.count Container 实现列表 GridView.extent Container 实现列表 GridView.builder使用 GridView网格布局在实际项目中用的也是非常多的&#xff0c;当我们想让可以滚动的元素使用矩阵…...

编程日记 2025/6/4 5:37:20

【深度学习】18. 生成模型：Variational Auto-Encoder（VAE）详解

Variational Auto-Encoder&#xff08;VAE&#xff09;详解 本节内容完整介绍 VAE 的模型结构、优化目标、重参数化技巧及其生成机制。 回顾&#xff1a;Autoencoder&#xff08;自编码器&#xff09; Autoencoder 是一种无监督学习模型&#xff0c;旨在从未标注的数据中学习压…...

编程日记 2025/6/5 0:20:22

NodeJS全栈开发面试题讲解——P6安全与鉴权

✅ 6.1 如何防止 SQL 注入 / XSS / CSRF&#xff1f; 面试官您好&#xff0c;Web 安全三大经典问题分别从不同层面入手&#xff1a; &#x1f538; SQL 注入&#xff08;Server端&#xff09; 原理&#xff1a;恶意用户将 SQL 注入查询语句拼接&#xff0c;导致数据泄露或破坏…...

编程日记 2025/6/4 8:45:26

C# 密封类和密封方法

密封(sealed)是C#中用于限制继承和多态行为的关键字&#xff0c;它可以应用于类和方法&#xff0c;提供了一种控制继承层次的方式。 密封类 特点 使用 sealed 关键字修饰的类密封类不能被其他类继承&#xff0c;但可以继承其他类或接口主要用于防止派生所有结构(struct)都是…...

编程日记 2025/6/5 1:51:47

为什么badmin reconfig以后始终不能提交任务

最近遇到的怪事&#xff1a;修改了openlava配置以后运行badmin reconfig激活配置变更&#xff0c;但是长时间始终不能提交任务。 首先查看进程&#xff0c;发现openlava管理节点上的所有服务进程都在运行状态&#xff1b;查看mbd日志没有发现错误信息&#xff1b;再看mbd进程的…...

编程日记 2025/6/4 10:03:07

解决Window10上IP映射重启失效的问题

问题 在实际网络搭建过程中&#xff0c;大家有可能会遇到在局域网范围内&#xff0c;在自己本机上搭建一个网站或者应用时&#xff0c;其他设备通过本机的IP地址无法访问的问题,这个问题可以通过设置IP映射来解决&#xff0c;但是通过netsh interface命令设置的IP映射&#xf…...

编程日记 2025/6/4 16:07:55

力扣刷题（第四十四天）

灵感来源 - 保持更新&#xff0c;努力学习 - python脚本学习 删除重复的电子邮箱 解题思路 这个问题要求我们删除表中所有重复的电子邮箱&#xff0c;只保留每个唯一电子邮箱对应的最小id记录。解决这个问题的关键在于识别出哪些记录是重复的&#xff0c;并确定需要删除的…...

编程日记 2025/6/4 11:20:06

MyBatis-Plus高级用法：最优化持久层开发

MyBatis-Plus 是 MyBatis 的增强工具&#xff0c;旨在简化开发、提高效率并保持 MyBatis 的灵活性。本文将详细介绍 MyBatis-Plus 的高级用法&#xff0c;帮助开发者最优化持久层开发。 一、MyBatis-Plus 简介 MyBatis-Plus 是一个 ORM 框架&#xff0c;提供了 CRUD 接口、条…...

编程日记 2025/6/4 11:02:19

c++之循环

目录 C循环结构完全解析&#xff1a;从基础到实战应用 一、for循环结构 二、while循环结构 三、do-while循环结构 四、范围for循环&#xff08;C11&#xff09; 五、循环控制语句 C循环结构完全解析&#xff1a;从基础到实战应用 循环结构是编程语言的核心控制结构之一&a…...

编程日记 2025/6/4 9:19:03

python h5py 读取mat文件的＜HDF5 object reference＞ 问题

我用python加载matlab的mat文件 mat文件&#xff1a; 加载方式&#xff1a; mat_file h5py.File(base_dir str(N) _nodes_dataset_snr- str(snr) _M_ str(M) .mat, r) Signals mat_file["Signals"][()] Tp mat_file["Tp"][()] Tp_list mat_fil…...

编程日记 2025/6/4 7:17:03

linux命令 systemctl 和 supervisord 区别及用法解读

目录 基础与背景服务管理范围配置文件和管理方式监控与日志依赖管理适用场景常用命令对照表实际应用场景举例优缺点对比小结参考链接 1. 基础与背景 systemctl 和 supervisord 都是用于管理和控制服务&#xff08;进程&#xff09;的工具&#xff0c;但它们在设计、使用场景和…...

编程日记 2025/6/3 4:30:03

Spring Boot + MyBatis 实现的简单用户管理项目的完整目录结构示例

&#x1f4c1; 示例项目结构&#xff08;基于 Maven&#xff09; user-management/ ├── src/ │ ├── main/ │ │ ├── java/ │ │ │ └── com/example/usermanagement/ │ │ │ ├── controller/ │ │ │ │ └── UserC…...

编程日记 2025/6/3 4:29:01

NodeJS全栈开发面试题讲解——P5前端能力（React/Vue + API调用）

✅ 5.1 如何使用 React/Vue 发起后端请求&#xff1f;用什么库&#xff1f; 面试官您好&#xff0c;在实际项目中我们通常使用 axios、fetch 或框架提供的封装库发起后端请求。 &#x1f527; 常用库对比&#xff1a; 库框架适配优点axios通用默认支持拦截器、取消请求、请求体…...

编程日记 2025/6/3 4:27:59

[001]从操作系统层面看锁的逻辑

从操作系统层面&#xff0c;锁 (Lock) 是一种同步机制&#xff0c;用于控制多个线程或线程对共享资源的访问&#xff0c;防止竞态条件(race condition).常见的锁包括互斥锁&#xff08;mutex&#xff09;、读写锁(read-write lock)、自旋锁&#xff08;spinlock&#xff09;等。…...

编程日记 2025/6/4 9:10:58

初识 Pytest：测试世界的智能助手

概述 在编写程序的过程中&#xff0c;我们常常需要确认代码是否按照预期工作。为了提高效率并减少人为错误&#xff0c;我们可以借助工具来帮助我们完成这一过程。Pytest 就是这样一个用于编写和运行测试的 Python 工具。 什么是 Pytest&#xff1f; Pytest 是一个用于 Pyth…...

编程日记 2025/6/4 13:11:00

stm32 + ads1292心率检测报警设置上下限

这个项目是在做心率检测的时候一个小伙伴提出来的&#xff0c;今年五一的时候提出来的想法&#xff0c;五一假期的时候没时间&#xff0c;也没心情做这个&#xff0c;就把这个事情搁置了&#xff0c;在月中做工作计划的时候&#xff0c;就把这个小项目排进来了&#xff0c;五一…...

编程日记 2025/6/3 4:24:47

项目练习：element ui 的icon放在button的右侧

文章目录 一、需求描述二、左侧实现三、右侧实现 一、需求描述 我们知道&#xff0c;element ui的button一般都会配置一个icon 这个icon默认是放在左侧的。 如何让它放在右侧了&#xff1f; 二、左侧实现 <el-buttontype"primary"plainicon"el-icon-d-arr…...

编程日记 2025/6/4 18:08:26

性能诊断工具AWR配置策略与报告内容解析

AWR&#xff08;Automatic Workload Repository&#xff09;是 Oracle 数据库中的一个重要性能诊断工具。AWR 会按照固定的时间间隔自动收集数据库系统的性能统计信息。这些信息涵盖了数据库运行状态的方方面面&#xff0c;像SQL 执行情况、系统资源利用率、等待事件等。AWR抓取…...

编程日记 2025/6/4 23:16:40

Tailwind CSS 实战，基于 Kooboo 构建 AI 对话框页面（三）：实现暗黑模式主题切换

基于前两篇的内容&#xff0c;为页面添加主题切换功能&#xff0c;实现网站页面的暗黑模式&#xff1a; Tailwind css实战&#xff0c;基于Kooboo构建AI对话框页面&#xff08;一&#xff09;-CSDN博客 Tailwind css实战&#xff0c;基于Kooboo构建AI对话框页面&#xff08;…...

编程日记 2025/6/4 12:56:20

OleDbParameter.Value 与 DataTable.Rows.Item.Value 的性能对比

OleDbParameter.Value 与 DataTable.Rows.Item.Value 的性能对比 您提到的两种赋值操作属于不同场景&#xff0c;它们的性能和稳定性取决于具体使用方式。下面从几个维度进行分析&#xff1a; 1. 操作本质对比 &#xff08;1&#xff09;OleDbParameter.Value 用途&#xf…...

编程日记 2025/6/4 12:34:16

Unity3D ET框架游戏脚本系统解析

前言 ET框架在Unity3D中实现的GamePlay脚本系统是一种革命性的、基于ECS&#xff08;实体-组件-系统&#xff09;架构的设计&#xff0c;它彻底改变了传统的基于MonoBehaviour的游戏逻辑编写方式。其核心思想是追求高性能、高解耦、易热更新&#xff0c;特别适合大型复杂的网络…...

编程日记 2025/6/4 22:39:50

函数的定义、调用、值传递、声明、非安全函数

函数 函数&#xff08;英文“function”&#xff09;把一些经常用到的代码封装起来&#xff0c;这样可以减少一些冗余代码、重复的代码。一个大的程序&#xff0c;它是由很多很多程序块组成的&#xff0c;每个模块实现一个特定的功能。 函数的定义 格式 英文版 return_typ…...

编程日记 2025/6/4 8:33:52

MySQL 8.0 OCP 英文题库解析（十一）

Oracle 为庆祝 MySQL 30 周年&#xff0c;截止到 2025.07.31 之前。所有人均可以免费考取原价245美元的MySQL OCP 认证。 从今天开始&#xff0c;将英文题库免费公布出来&#xff0c;并进行解析&#xff0c;帮助大家在一个月之内轻松通过OCP认证。 本期公布试题91~100 试题91…...

编程日记 2025/6/4 8:33:52

机器学习算法-k-means

今天我们用 「超市顾客分组」 的例子来讲解K-means算法&#xff0c;从原理到实现一步步拆解&#xff0c;保证零基础也能懂&#xff01; &#x1f6d2; 例子背景 假设你是超市经理&#xff0c;手上有顾客的以下数据&#xff1a; 顾客ID每月消费金额&#xff08;元&#xff09;…...

编程日记 2025/6/4 8:33:35

ADQ36-2通道2.5G，4通道5G采样PXIE

ADQ36是一款高端12位四通道灵活数据采集板&#xff0c;针对高通道数科学应用进行了优化。ADQ36具有以下特性: 4 / 2模拟输入通道每通道2.5 / 5 GSPS7gb/秒的持续数据传输速率两个外部触发器通用输入/输出&#xff08;GPIO&#xff09;ADQ36数字化仪包括固件FWDAQ ADQ36简介 特…...

编程日记 2025/6/4 8:33:36

LLM：decoder-only 思考

文章目录 前言一、KV-cache1、为什么使用KV-cache2、KV-cache的运作原理 二、Decoder-only VS Encoder-Decoder1、Decoder-only2、Encoder-Decoder 三、Causal LM VS PrefixLM总结 前言 decoder-only模型是目前大模型的主流架构&#xff0c;由于OpenAI勇于挖坑踩坑&#xff0c…...

编程日记 2025/6/4 19:14:00

数字创新智慧园区建设及运维方案

该文档是 “数字创新智慧园区” 建设及运维方案，指出传统产业园区存在管理粗放等问题，“数字创新园区” 通过大数据、AI、物联网、云计算等数字化技术，旨在提升园区产业服务、运营管理水平，增强竞争力，实现绿色节能、高效管理等目标。建设内容包括智能设施、核心支撑平台、…...

编程日记 2025/6/4 8:33:52

【科研绘图系列】R语言绘制森林图（forest plot）

禁止商业或二改转载，仅供自学使用，侵权必究，如需截取部分内容请后台联系作者! 文章目录 介绍加载R包数据下载导入数据数据预处理画图系统信息介绍 本文介绍使用R语言绘制森林图(forest plot)的方法。首先加载必要的R包(grid、forestploter、openxlsx、stringr)，导入并预处…...

编程日记 2025/6/4 8:33:41