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

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文件

待续。。。

上一篇:微信小程序从零开始开发步骤(七)引入外部js 文件


下一篇:Module Zero学习目录