django引用echarts

o煙雨瀟瀟o發表於2017-08-10
                                                               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

下載
將下載的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


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/28823725/viewspace-2143335/,如需轉載,請註明出處,否則將追究法律責任。

相關文章