0


通过django渲染pyecharts图表到前端(超级详细,看一遍就懂)

首先第一步,打开pycharm软件

然后打开终端窗口

在终端窗口中输入

django-admin startproject pyecharts_django_demo,创建一个django文件

19a4a49cc1c1424fa835db4371e7ec9c.png

然后再创建一个django应用程序,方便后面运行,在终端窗口输入:

python manage.py startapp demo

7814f5e959cb426e9ec0e1cfa75fde97.png直接执行上面的命令会出现上面的问题,因为没有和manage.py在用一个目录下,manage.py在我们刚刚创建好的pyecharts_django_demo文件夹下,所以我们通过cd pyecharts_django_demo进入这个文件夹

659163ae575e47dd936ccb7ef545f6ea.png

c3ba9b0a0d2843589a4b4c1ba7a83c20.png

进入这个文件夹后,我们再执行python manage.py startapp demo命令,

1cd7c0b275b44e9aa3976e4dd4426ed1.png

可以看到有多出了一个demo文件夹,说明我们创建成功了

然后我们进入下一步

在 pyecharts_django_demo/settings.py 中注册应用程序

打开pyecharts_django_demo,打开settings.py文件

使用ctrl+F找到INSTALLED_APPS

在这串代码的最后面添加一个‘demo’,demo用英文单引号括起来

5cd4f9cf209746d78e2ba743dd91e1c9.png

然后再打开demo文件夹下的demo/urls.py 文件,没有的画,需要自己新建一个urls.py文件在这个demo文件夹下面

选中demo文件夹,然后右击

d13d8d05acf74bb29aa3135897f20cce.png

选择python file新建一个名为urls.py的python文件

将这串代码复制进去

from django.conf.urls import url

from . import views

urlpatterns = [

url(r'^$', views.index, name='index'),

]

然后这一步就到此结束

然后我们再找到pyecharts_django_demo/urls.py这个文件

dc0216e89b08492291a0debf42a212dc.png

在这里我们添加几行代码

from django.conf.urls import include #新代码1,把这个包导入进去

再path的下面再添加一行

path('', include('demo.urls')),作用是直接将根URL指向demo应用

3bf16f67bb124e188fa9376b1d2d38e8.png

 
这一步到这里也就结束了

下一步我们打开pyechatrs包所在的位置,可以通过左侧的快速找到

d7a0ece4965e49ca814d12c7625d574d.png

点击site-packages,找到pyecharts,下面的render文件夹,将templates通过ctrl+C复制,

16e78e6e3e8f4ddc8cf4fc14eeb50d2a.png

然后返回demo文件夹,选中demo文件夹,ctrl+v复制进去

0628940bcf7541b988240fd5eaedf49e.png

然后打开刚刚复制的文件夹下面就会出现这些html文件

b51e0c69d259403f99b395b73f61e3cc.png

这一步就到此结束,然后我们demo文件夹下的,views.py文件,将下面代码复制进去

from django.shortcuts import render

# Create your views here.
from jinja2 import Environment, FileSystemLoader
from pyecharts.globals import CurrentConfig
from django.http import HttpResponse
CurrentConfig.GLOBAL_ENV = Environment(loader=FileSystemLoader("./demo/templates"))
from pyecharts import options as opts
from pyecharts.charts import Bar
def index(request):
    c = (
        Bar()
        .add_xaxis(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"])
        .add_yaxis("商家A", [5, 20, 36, 10, 75, 90])
        .add_yaxis("商家B", [15, 25, 16, 55, 48, 8])
        .set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例", subtitle="我是副标题"))
    )
    return HttpResponse(c.render_embed())

6643014f83e849208cb3c2d738d3c861.png这是pyecharts官方的示例图表代码,

到这里我们的所有准备工作已经完成,我们打开终端窗口,也是在这个路径下

c9fc0ee62e4845e0ad131e8ea014a407.png

我们输入python manage.py runserver,然后回车

e1c7382918f241a7a013c195fb63d30d.png会出现这一网址,我们按住ctrl然后点击一下

7fa0d14b0d8f4f3186d178565e744457.png

就会切换到浏览器,就可以看到我们刚刚用官方的示例代码创建的柱状图,dd19d3690b604c428b50903393c490d8.png

运行python manage.py runserver这个指令后会弹出这个样一个提示

4720a97e3ff844aa8e95baa98af768c6.png这个是Django框架中数据库迁移的命令。

admin

,

auth

,

contenttypes

, 和

sessions

是Django的一些内置应用,它们分别用于管理后台、用户认证、内容类型框架和会话管理。当您创建一个新的Django项目或者添加新的应用时,需要将这些应用的数据库表创建到数据库中,这就需要使用迁移命令。

我们在下面终端输入 python manage.py showmigrations 然后回车

18370296028f4c56940efd19161a0395.png这就说明我们已经迁移成功了,然后我们在运行一次python manage.py runserver命令,刚刚的提示也就没有了。

6521add5e9ce438f931f84374adf31f3.png

以上就是通过django渲染pyecharts的所有过程

标签: django echarts python

本文转载自: https://blog.csdn.net/2301_79892405/article/details/143982496
版权归原作者 3211.. 所有, 如有侵权,请联系我们删除。

“通过django渲染pyecharts图表到前端(超级详细,看一遍就懂)”的评论:

还没有评论