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
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博客 ” ，链接：https://blog.itpub.net/28823725/viewspace-2143335/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
Inception部署测试
下一篇：
升级到MySQL5.7版本需注意的问题
请登录后发表评论
登录
全部评论
