1. 程式人生 > >Python+Django+js+echarts引入本地js文件的操作方法

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

div com log asc run 避免 repl mage script

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

待續。。。

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