提示：首先电脑上要有专业版的pycharm，如果是大学生就很方便了，用学校的edu邮箱注册学生账号即可，具体方法百度上搜一下就有~
上面是普通版，下面是专业版~
当然在咸鱼上面有不少激活码啥的，贼便宜，不过xdm要支持正版哦doge
文章目录
前言
一、数据库(MySQL Workbench)部分
二、django部分
1.创建一个django项目
2. 在django中新建 web app项目
3. 在 templates 创建网页 index.html
4. 配置逻辑控制器（视图） view.py
5. 配置网址与逻辑控制器的对应关系 urls.py
运行django项目，打开网址：
总结
前言
“Django是一个开放源代码的Web应用框架，由Python写成。采用了MTV的框架模式，即模型M，视图V和模版T”
本项目主要是通过以下步骤实现：
1）将预处理过的数据导入数据库；
2）将网络上收集到的Django驾驶舱面板布局略加修改；
3）将数据库中的数据导入到Django驾驶舱面板的对应位置上
最终效果：
可视化-数据中心
一、数据库(MySQL Workbench)部分
第一步：
下载MySQL Workbench, 通过MySQL connections创建或编辑连接，初始就只有一个连接，是安装MySQL Server时配置的local连接；
我当时没有设置密码，所以可以直接进入，希望各位没有忘记密码~
第二步：
建立数据库，我的数据库名称是temp202205231411；
第一步：
第二步：
这样数据库就创建好了，至于数据库中的表格以及表格里的数据，通过django中的python代码即可实现创建和添加；
二、django部分
1.创建一个django项目
用pycharm专业版创建一个django项目：
然后直接在右上角运行django项目即可：
如果运行时报了这个错：
把代码中的
'DIRS': [BASE_DIR / 'templates'] #找不到就Ctrl+F搜索一下，报错信息中也会显示行号
替换为
'DIRS': [BASE_DIR , 'templates']
即可解决；
此时就已经实现了最最基本的django项目运行，接下来就添加一些数据。
2. 在django中新建 web app项目
第一步：
在终端中键入：python manage.py startapp myWebApp001
（ myWebApp001 为新建的应用名）
回车之后就会发现django项目中多了一个web app项目
第二步：
目的：把web app 注册到django项目里的 settings.py
方法：在settings.py的INSTALLED_APPS部分最末行添加一个'myWebApp001',
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'myWebApp001',
]
3. 在 templates 创建网页 index.html
右键 templates 点击新建-HTML文件，取名index
在echarts官网上随便扒一个基础的html，把初始的代码整个替换；
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>ECharts</title>
<!-- 引入刚刚下载的 ECharts 文件 -->
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<!-- 为 ECharts 准备一个定义了宽高的 DOM -->
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data: ['销量']
},
xAxis: {
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
},
yAxis: {},
series: [
{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
</body>
</html>4. 配置逻辑控制器（视图） view.py
用下方代码替换初始代码即可：
from django.shortcuts import render
# Create your views here.
def index(request):
return render(request, 'index.html')
5. 配置网址与逻辑控制器的对应关系 urls.py
用下方代码替换初始代码即可：
from django.contrib import admin
from django.urls import path
from myWebApp001.views import *
urlpatterns = [
path('admin/', admin.site.urls),
path('index/', index),
path('', index),
]6. 运行django项目，打开网址：
成功了！
总结
本篇是实现django驾驶舱的上篇，主要是做一些准备工作，为接下来数据的连接和填入打下基础。
