django引用echarts
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部落格 ” ,連結:http://blog.itpub.net/28823725/viewspace-2143335/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Echarts論文文獻引用問題Echarts
- Django結合Echarts在前端展示資料DjangoEcharts前端
- 用Echarts實現前端表格引用從屬關係視覺化Echarts前端視覺化
- vue 中引用echarts 初始化init undefind問題(Cannot read property ‘init‘ of undefined)VueEchartsUndefined
- ECharts TooltipEcharts
- ECharts 初探Echarts
- vue + echartsVueEcharts
- Java版ECharts圖表庫ECharts-JavaJavaEcharts
- Django2學習筆記--引用本地靜態檔案css,js等Django筆記CSSJS
- echarts 安裝 不顯示。TypeError: echarts__WEBPACK_EchartsErrorWeb
- Java四種引用包括強引用,軟引用,弱引用,虛引用。Java
- ECharts 詳解Echarts
- Java的強引用、軟引用、弱引用、虛引用Java
- 【JVM】如何理解強引用、軟引用、弱引用、虛引用?JVM
- java的強引用、軟引用、弱引用、幻象引用,引用佇列總結Java佇列
- Java四大引用詳解:強引用、軟引用、弱引用、虛引用Java
- Java中的四種引用方式(強引用、軟引用、弱引用、虛引用)Java
- 理解Java的強引用、軟引用、弱引用和虛引用Java
- Java引用型別解析:掌握強引用、軟引用、弱引用和幻象引用的妙用Java型別
- 強引用、軟引用、弱引用、幻象引用有什麼區別?
- Java/Android中的強引用、軟引用、弱引用、虛引用JavaAndroid
- Echarts的使用教程Echarts
- vue中引入echartsVueEcharts
- 深圳地圖echarts地圖Echarts
- Vue中使用echartsVueEcharts
- 強引用、軟引用、弱引用、幻象引用再不理解就晚了
- 【爬坑日記】vue中引入echarts,報錯ReferenceError: echarts is not definedVueEchartsError
- Qt+ECharts開發筆記(一):ECharts介紹、下載和Qt呼叫ECharts基礎柱狀圖DemoQTEcharts筆記
- 【vue3 + ts + echarts】封裝一個通用echarts元件-2.0版VueEcharts封裝元件
- 在Vue專案中使用Echarts(三): Echarts中的其他常用圖VueEcharts
- Echarts學習筆記Echarts筆記
- ECharts 互動元件概述Echarts元件
- echarts基礎應用Echarts
- echarts非同步載入Echarts非同步
- echarts 地圖統計Echarts地圖
- echarts 折線圖拼接Echarts
- Django(2) - Django模板Django
- Java常見知識點彙總(⑲)——Java中的強引用、弱引用、軟引用、虛引用Java