共計 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 小編將為大家推送更多相關知識點的文章，歡迎關注！
