通过django渲染pyecharts图表到前端（超等详细，看一遍就懂）
起首第一步，打开pycharm软件然后打开终端窗口
在终端窗口中输入
django-admin startproject pyecharts_django_demo，创建一个django文件
https://i-blog.csdnimg.cn/direct/19a4a49cc1c1424fa835db4371e7ec9c.png
然后再创建一个django应用程序，方便后面运行，在终端窗口输入：
python manage.py startapp demo
https://i-blog.csdnimg.cn/direct/7814f5e959cb426e9ec0e1cfa75fde97.png直接执行上面的命令会出现上面的问题，因为没有和manage.py在用一个目次下，manage.py在我们刚刚创建好的pyecharts_django_demo文件夹下，以是我们通过cd pyecharts_django_demo进入这个文件夹
https://i-blog.csdnimg.cn/direct/659163ae575e47dd936ccb7ef545f6ea.png
https://i-blog.csdnimg.cn/direct/c3ba9b0a0d2843589a4b4c1ba7a83c20.png
进入这个文件夹后，我们再执行python manage.py startapp demo命令，
https://i-blog.csdnimg.cn/direct/1cd7c0b275b44e9aa3976e4dd4426ed1.png
可以看到有多出了一个demo文件夹，阐明我们创建乐成了
然后我们进入下一步
在 pyecharts_django_demo/settings.py 中注册应用程序
打开pyecharts_django_demo，打开settings.py文件
利用ctrl+F找到INSTALLED_APPS
在这串代码的末了面添加一个‘demo’,demo用英文单引号括起来
https://i-blog.csdnimg.cn/direct/5cd4f9cf209746d78e2ba743dd91e1c9.png
然后再打开demo文件夹下的demo/urls.py 文件，没有的画，必要本身新建一个urls.py文件在这个demo文件夹下面
选中demo文件夹，然后右击
https://i-blog.csdnimg.cn/direct/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这个文件
https://i-blog.csdnimg.cn/direct/dc0216e89b08492291a0debf42a212dc.png
在这里我们添加几行代码
from django.conf.urls import include #新代码1，把这个包导入进去 再path的下面再添加一行
path('', include('demo.urls'))，作用是直接将根URL指向demo应用 https://i-blog.csdnimg.cn/direct/3bf16f67bb124e188fa9376b1d2d38e8.png
这一步到这里也就结束了 下一步我们打开pyechatrs包所在的位置，可以通过左侧的快速找到
https://i-blog.csdnimg.cn/direct/d7a0ece4965e49ca814d12c7625d574d.png
点击site-packages,找到pyecharts,下面的render文件夹，将templates通过ctrl+C复制，
https://i-blog.csdnimg.cn/direct/16e78e6e3e8f4ddc8cf4fc14eeb50d2a.png
然后返回demo文件夹，选中demo文件夹，ctrl+v复制进去
https://i-blog.csdnimg.cn/direct/0628940bcf7541b988240fd5eaedf49e.png
然后打开刚刚复制的文件夹下面就会出现这些html文件
https://i-blog.csdnimg.cn/direct/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", )
.add_yaxis("商家B", )
.set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例", subtitle="我是副标题"))
)
return HttpResponse(c.render_embed())
https://i-blog.csdnimg.cn/direct/6643014f83e849208cb3c2d738d3c861.png这是pyecharts官方的示例图表代码，
到这里我们的全部准备工作已经完成，我们打开终端窗口，也是在这个路径下
https://i-blog.csdnimg.cn/direct/c9fc0ee62e4845e0ad131e8ea014a407.png
我们输入python manage.py runserver，然后回车
https://i-blog.csdnimg.cn/direct/e1c7382918f241a7a013c195fb63d30d.png会出现这一网址，我们按住ctrl然后点击一下
https://i-blog.csdnimg.cn/direct/7fa0d14b0d8f4f3186d178565e744457.png
就会切换到欣赏器，就可以看到我们刚刚用官方的示例代码创建的柱状图，https://i-blog.csdnimg.cn/direct/dd19d3690b604c428b50903393c490d8.png
运行python manage.py runserver这个指令后会弹出这个样一个提示
https://i-blog.csdnimg.cn/direct/4720a97e3ff844aa8e95baa98af768c6.png这个是Django框架中数据库迁移的命令。admin, auth, contenttypes, 和 sessions 是Django的一些内置应用，它们分别用于管理背景、用户认证、内容类型框架和会话管理。当您创建一个新的Django项目或者添加新的应用时，必要将这些应用的数据库表创建到数据库中，这就必要利用迁移命令。
我们在下面终端输入 python manage.py showmigrations 然后回车
https://i-blog.csdnimg.cn/direct/18370296028f4c56940efd19161a0395.png这就阐明我们已经迁移乐成了，然后我们在运行一次python manage.py runserver命令，刚刚的提示也就没有了。
https://i-blog.csdnimg.cn/direct/6521add5e9ce438f931f84374adf31f3.png
以上就是通过django渲染pyecharts的全部过程
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]