Python+Django+js+echarts引入本地js文件的操作方法

Posted 2020-09-22

1. 选择正确的echarts.js，开发版选择echarts.baidu.com上的源码版，避免出现问题

2. 在项目主目录中新建static文件夹，里面建立js、css、images文件夹

3. 在settings文件中新增如下代码配置：

STATIC_URL = ‘/static/‘
STATIC_ROOT = os.path.join(BASE_DIR, ‘static‘)
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(‘\\‘, ‘/‘)),
)

4. 在html页面引入本地js文件static/js/echarts.js

    <script type="text/javascript" src="/static/js/echarts.js"></script>

5. 启动python Django服务器

python3 manage.py runserver

6. 刷新页面，OK

 

成功将网络echarts.js文件改成引用本地echarts.js文件

 

待续。。。