Python+Django+js+echarts引入本地js檔案的操作方法

標籤：ima   html   ace   logs   root   服務   伺服器   server   static   

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檔案的操作方法