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

待续。。。

时间： 2024-10-18 14:02:54

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

外引js — 先引入cdn，cdn失效时引入本地js

参考:http://www.tianshan277.com/563.html 效果: html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js加载</title> <script> function errorload(elem) { //cdn错误 if (elem.getAttri

vue.js之使用Vue CLI3开发多页面应用-vue文件引入本地js

新手学vue的时候,一般把静态资源放在和页面一个文件夹下,即public下面但是在html页面引入js的时候,在vue文件里没办法调用,这时候需要在vue文件引入改js,如果用import则不好使,可以使用 <script src="/js/libs/layer/layer.js"></script> 的方式,比如我引入layer.js,如下图这个时候,layer.msg正常使用原文地址:https://www.cnblogs.com/mafy/p/121

@ font-face 引入本地字体文件

@font-face { font-family: DeliciousRoman; src: url('-/Delicious-Roman.otf'); font-stretch: condensed; //拉伸 font-style: oblique; //斜体 font-weight: bold; //粗体 } url里写字体文件的路径,在线或者本地的都行.如果引入了重置样式,要在重置里把font-family的值改成你定义的名字.

引入vue.js 文件

引入vue.js 文件:https://blog.csdn.net/weixin_41796631/article/details/82790970 一.引入vue.js 文件 1. 用脚本标签<script> 引入外部vue.js 文件<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 2. 下面在一个新的 <script><script>

【微信小程序】引入外部js 方法

微信小程序引入外部js 方法步骤: 1.首先将外部js放在你指定的文件夹里如:utils/fecth.js 2.接下来将该js文件中你要使用的方法给暴露出来 3.在您要使用的js中引入该js ,并使用暴露出来的方法步骤1:使用utils文件夹下的 fetch.js 方法步骤2:将我要使用的方法用 module.exports 给暴露出来下面是一个网络请求的js方法: module.exports = (url, data) => { return new Promise((reso

js中引入js

第一个js文件(被引入的js文件),文件名one.js,内容如下 function alertInOne(){ alert('in one');} 第二个js文件,文件名two.js,内容如下 //注意这个地方document.write("<script language='javascript' src='one.js'></script>");function alertInTwo(){ alert("in Two");}

css js 的引入方式和书写位置

css 的引入方式 1.行内样式 <div id="div1" style="width:100px; height:100px; background:red"></div> 2.内嵌(写在head标签内) <head> <style> #div1{ width:100px; height:100px; background:red; } </style> </head> 3.外联

iOS之在webView中引入本地html,image,js,css文件的方法 - sky//////////////////////////////////////ZZZZZZZZZZZZZZZ

iOS之在webView中引入本地html,image,js,css文件的方法 2014-12-08 20:00:16CSDN-sky_2016-点击数:10292 项目需求最近开发的项目,需要一个webView,同时这个webView会需要引入一些项目中的资源: 一个本地的html文件,作为webView的模板两张loading图片,在图片未加载的时候进行占位 jquery.js,scrollLoading.js 也是本地的,实现滚动加载图片功能然后就开始了漫长的Google历程. 在w

xcode,在webView中引入本地html,image,js,css文件的方法

http://www.shuizhongyueming.com/2014/01/load-local-image-js-css-file-to-webview-in-xcode/ xcode,在webView中引入本地html,image,js,css文件的方法