共计 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 小编将为大家推送更多相关知识点的文章，欢迎关注！
