django怎么引用echarts

共计 2480 个字符，预计需要花费 7 分钟才能阅读完成。

这篇文章主要讲解了“django 怎么引用 echarts”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着丸趣 TV 小编的思路慢慢深入，一起来研究和学习“django 怎么引用 echarts”吧！

如果大家想用 django 架构来制作报表平台，可以使用 django+echarts

具体如何引入 echarts，如下：

1、新建项目 django_report

django-admin.py startproject django_report

2、新建 app report01

python manage.py startapp report01

3、建立目录

cd /chunlei/django/django_report/

mkdir static

mkdir static/js

mkdir static/css

mkdir static/images

cd /chunlei/django/django_report/report01

mkdir templates

mkdir templates/report01_test

4、设置配置

cd /chunlei/django/django_report/django_report

vi settings.py

STATIC_URL = /static/

STATIC_ROOT = os.path.join(BASE_DIR, static).replace(\\ , /)

STATICFILES_DIRS = (

    (css , os.path.join(STATIC_ROOT, css).replace(\\ , /)),

    (js , os.path.join(STATIC_ROOT, js).replace(\\ , /)),

    (images , os.path.join(STATIC_ROOT, images).replace(\\ , /)),

)

TIME_ZONE = Asia/Shanghai

TEMPLATES = [

    {

        BACKEND : django.template.backends.django.DjangoTemplates ,

        DIRS : [/chunlei/chunlei/django/django_report/django_report/templates],

        APP_DIRS : True,

        OPTIONS : {

            context_processors : [

                django.template.context_processors.debug ,

                django.template.context_processors.request ,

                django.contrib.auth.context_processors.auth ,

                django.contrib.messages.context_processors.messages ,

            ],

        },

    },

]

INSTALLED_APPS = [

    django.contrib.admin ,

    django.contrib.auth ,

    django.contrib.contenttypes ,

    django.contrib.sessions ,

    django.contrib.messages ,

    django.contrib.staticfiles ,

  report01 ,

]

ALLOWED_HOSTS = [*]

5、上传 echarts

下载

http://echarts.baidu.com/download.html

将下载的 echarts.js 上传到  /chunlei/django/django_report/static/js/ 目录

6、url 设置

cd /chunlei/django/django_report/django_report

vi urls.py

from django.conf.urls import url

from django.contrib import admin

from report01 import views as report01view

urlpatterns = [

    url(r ^report01/zhexian$ ,report01view.zhexian,name= zhexian),

]

7、views.py 设置

cd /chunlei/django/django_report/report01

vi views.py

from django.shortcuts import render

from django.shortcuts import render_to_response

from django.http import HttpResponse

def zhexian(request):

    return render_to_response(report01_test/zhexian.html)

8、测试网页配置

cd /chunlei/django/django_report/report01/templates/report01_test
vi zhexian.html

head

    meta charset= utf-8

    title ECharts /title

    !– 引入 echarts.js —

      script type= text/javascript src= /static/js/echarts.js /script

/head

注：其他内容就不写出了，可以自由下载进行测试

9、开启

cd /chunlei/django/django_report

python manage.py  runserver IP:PORT

10、测试

http://IP:PORT/report01/zhexian

感谢各位的阅读，以上就是“django 怎么引用 echarts”的内容了，经过本文的学习后，相信大家对 django 怎么引用 echarts 这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是丸趣 TV，丸趣 TV 小编将为大家推送更多相关知识点的文章，欢迎关注！