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

基于Django汽车数据分析大屏可视化系统项目

ai 2025/5/11 6:09:31

基于Django汽车数据分析大屏可视化系统项目

一、项目概述

本项目是一个基于 Python 的汽车数据分析大屏可视化系统，旨在通过直观的可视化界面展示汽车相关数据，帮助用户更好地理解和分析汽车市场动态、车辆性能等信息。系统采用前后端分离的架构，前端使用 Vue 3 框架搭建用户界面，后端使用 Django 框架处理业务逻辑和数据存储，结合 Echart、DataV 等工具实现数据的动态刷新渲染和图表展示。

项目截图

请添加图片描述

二、软件架构

2.1 整体架构

系统采用前后端分离的架构，这种架构具有良好的可维护性和扩展性，前端和后端可以独立开发、测试和部署。前端负责与用户交互，展示可视化界面；后端负责处理业务逻辑和数据存储，为前端提供数据接口。

2.2 前端架构

前端使用 Vue 3 框架，结合 Vue-cli 进行项目构建和管理。Vue 3 具有响应式数据绑定、组件化开发等特性，能够提高开发效率和代码可维护性。同时，项目使用了 DataV 和 Echart 框架，DataV 提供了丰富的可视化组件，Echart 则用于创建各种类型的图表，如折线图、柱状图、饼图等。前端项目的主要文件结构如下：

main.js：主目录文件，引入 Echart、DataV 等文件。
utils：工具函数与 mixins 函数等。
views/index.vue：项目主结构。
views/其余文件：界面各个区域组件（按照位置来命名）。
assets：静态资源目录，放置 logo 与背景图片。
assets/style.scss：通用 CSS 文件，全局项目快捷样式调节。
assets/index.scss：Index 界面的 CSS 文件。
components/echart：所有 echart 图表（按照位置来命名）。
common/...：全局封装的 ECharts 和 flexible 插件代码（适配屏幕尺寸，可定制化修改）。

2.3 后端架构

后端使用 Django 框架，Django 是一个功能强大的 Python Web 框架，具有高效的数据库操作、路由管理、用户认证等功能。后端负责处理业务逻辑和数据存储，为前端提供数据接口。数据库使用 SQLite，它是一个轻量级的嵌入式数据库，适合小型项目的开发。

三、安装教程

以下是基于你提供的代码库信息生成的详细启动教程，该汽车数据分析大屏可视化系统采用前后端分离架构，前端使用 Vue 3，后端使用 Django，以下是启动该系统的具体步骤：

一、环境准备

在开始启动项目之前，你需要确保已经安装了以下环境和工具：

Python 环境：建议使用 Python 3.9 及以上版本，可从 Python 官网下载并安装。
Node.js 和 npm：Node.js 是 JavaScript 的运行环境，npm 是 Node.js 的包管理工具。可从 Node.js 官网下载并安装，安装完成后，在命令行中输入 node -v 和 npm -v 验证安装是否成功。
数据库：项目使用 MySQL 数据库，你需要安装 MySQL 并创建一个名为 carData 的数据库，同时记住数据库的用户名、密码、主机地址和端口号，这些信息将在 settings.py 文件中配置。

二、后端项目启动

1. 创建并激活虚拟环境（可选但推荐）

为了避免项目依赖冲突，建议创建一个虚拟环境：

# 创建虚拟环境
python -m venv venv# 激活虚拟环境（Windows）
venv\Scripts\activate# 激活虚拟环境（Linux/Mac）
source venv/bin/activate

2. 安装后端依赖

在项目根目录下，执行以下命令安装后端所需的依赖：

pip install -r requirements.txt

4. 配置数据库

打开 Car-Data-Analysis/car01/settings.py 文件，配置数据库连接信息：

DATABASES = {"default": {"ENGINE": "django.db.backends.mysql","NAME":  "mysql","USER": "root","PASSWORD": "123456","HOST": "localhost","PDRT":'3306',}
}

请根据你自己的数据库信息修改 USER、PASSWORD、HOST 和 PORT。

5. 进行数据库迁移

在项目根目录下，执行以下命令进行数据库迁移：

python manage.py makemigrations
python manage.py migrate

6. 启动后端服务

执行以下命令启动 Django 后端服务：

python manage.py runserver 8000

如果一切正常，你将看到类似以下的输出：

Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.

三、前端项目启动

1. 进入前端项目目录

cd big-screen-vue-datav-master

2. 安装前端依赖

执行以下命令安装前端所需的依赖：

npm install

如果在编译项目时提示没有 DataV 框架的依赖，可以输入以下命令进行手动安装：

npm install @jiaminghi/data-view

3. 启动前端服务

执行以下命令启动 Vue 前端服务：

npm run serve

启动成功后，你将看到类似以下的输出：

App running at:
- Local:   http://localhost:8080/

四、访问系统

打开浏览器，访问 http://localhost:8080，即可看到汽车数据分析大屏可视化系统的界面。启动项目后需要手动全屏（按 F11）以获得最佳的视觉效果。

登录账号密码 ‘mycar’ ‘123456’

五、数据爬取（可选）

如果你需要更新数据，可以使用项目中的爬虫脚本进行数据爬取。爬虫脚本位于 Car-Data-Analysis/spiderMan/spiders.py 文件中，你可以根据需要修改爬虫的配置和逻辑。spiderMan/spiderPage.txt 文件记录了爬取的页面编号，从 0 到 580，你可以根据实际情况调整爬取范围，也可以直接将爬取好的直接导入mysql数据库。