Thinking

努力实现梦想是个幸福的过程

  • 博客访问: 45239
  • 博文数量: 12
  • 用 户 组: 普通用户
  • 注册时间: 2015-03-24 15:51
  • 认证徽章:
个人简介

1、MySQL DBA 2、任职经历:艺龙,搜狗,百度在职,工作3年+ 3、乐观开朗,积极努力

ITPUB论坛APP

ITPUB论坛APP



APP发帖 享双倍积分

文章分类

全部博文(12)

文章存档

2017年(12)

微信关注

IT168企业级官微



微信号:IT168qiye



系统架构师大会



微信号:SACC2013

订阅
热词专题
django引用echarts 2017-08-10 10:50:42

分类: MySQL

                                                               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


阅读(1593) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~
评论热议
请登录后评论。

登录 注册