python如何导入charts-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

5. 启动python Django服务器

python3 manage.py runserver

6. 刷新页面，OK

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

待续。。。

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

参考:http://www.tianshan277.com/563.html 效果: html:

引入其他服务器的JS文件，同时也引入本地JS文件 报错时：

控制台报错: Uncaught ReferenceError: define is not defined at core.js:5

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

@font-face { font-family: DeliciousRoman; src: url("…/Delicious-Roman.otf"); font-stretch: condensed ...

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

步骤: 1.首先将外部js放在你指定的文件夹里(这都是废话...) 2.接下来 将该js文件中你要使用的方法给暴露出来 3.在您要使用的js中引入该js 4.使用暴露出来的方法 例子:使用md5加密 ...

js中引入js

第一个js文件(被引入的js文件),文件名one.js,内容如下 function alertInOne(){    alert("in one");} 第二个js文件,文件名two.js,内容如下 ...

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

css 的引入方式 1.行内样式

HTML5 关于本地操作文件的方法

由于传统 b/s 开发出于安全性的考虑,浏览器对于本地文件的操作权限几乎没有,用户想要操作一个文件基本都是采用先上传到服务器, 再回显给浏览器供用户编辑,裁剪等的方法,这种方式虽然可行,但其对于服务器 ...

cPickle对python对象进行序列化，序列化到文件或内存

pickle模块使用的数据格式是python专用的,并且不同版本不向后兼容,同时也不能被其他语言说识别.要和其他语言交互,可以使用内置的json包 cPickle可以对任意一种类型的python对象进 ...

擦他丫的，今天在Django项目中引用静态文件jQuery.js 就是引入报错，终于找到原因了！

擦 ,今天在Django项目中引用静态文件jQuery.js 就是引入报错,终于找到原因了! 问题在于我使用的谷歌浏览器,默认使用了缓存,导致每次访问同一个url时,都返回的是缓存里面的东西.通过谷歌 ...

随机推荐

C# 在类中反射

using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace Wind ...

原生JS实现购物车功能

html

javascript中的 cookie对象

Cookie 对象 是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的数据信息(Cookie数据).Cookie文件夹中的用户数据信息(Cookie数据).Cookie文 ...

HTML相对路径 当前目录、上级目录、根目录、下级目录表示法

文件引用时经常需要用到相对目录.如(js,css,图片等) "./"  ---------       源代码所在的当前目录(可省略) "../"  ----- ...

css页面重构面试题

偶然间又看到博客园中这两道页面重构面试题.题一:分别用2个DIV,3个DIV,5个DIV实现水平垂直均居中显示一个宽50px,高200px的正十字架.思路:水平垂直均居中的实现,当然非absolute ...

Android源码编译过程之九鼎开发板

build_kernel() { # 进入源码顶层目录 cd ${BS_DIR_KERNEL} || # 编译配置文件 make ${BS_CONFIG_KERNEL} ARCH=arm CROSS_ ...

[转]JS中的prototype

JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我想要创建一个 ...

Git版本管理荟萃

用惯了svn,突然转到git难免有点不适,写个笔记好好备忘总结一番. 一.先看历史(imooc上的一个图): 二.git与svn GIT跟SVN一样有自己的集中式版本库或服务器.但,GIT更倾向于被使 ...

无阻塞加载和defer、async

无阻塞加载 把js放在head里,浏览器是怎么去执行它的呢,是按顺序加载还是并行加载呢?在旧的浏览器下,都是按照先后顺序来加载的,这就保证了加载的js依赖不会发生问题.但是少部分新的浏览器已经开始允许 ...

学习笔记-express路径问题

在页面渲染成功之后,报错出现静态文件css样式引用路径出错,于是我就根据express api文档,托管静态文件作出修改,最后全是徒劳.于是我又从引用开始找起,