简介:今天,首席CTO Note将与您分享如何在Django编写JS路径。如果您可以解决您现在面临的问题,请不要忘记注意此网站。让我们现在开始!
1.选择正确的echarts.js,然后在echarts.baidu.com上选择源代码版本以避免问题。
2.在项目的主要目录中创建一个新的静态文件夹,并设置JS,CSS和Images文件夹
3.在设置文件中添加以下代码配置:
复制代码
static_url ='/static/'
static_root = os.path.join(base_dir,'static')
staticfiles_dirs =(
('css',os.path.join(static_root,'css')。替换('\','/'),),
('js',os.path.join(static_root,'js')。替换('\','/'),),
('images',os.path.join(static_root,'images')。替换('\','/')),
治愈
复制代码
4.在HTML页面上介绍本地JS文件静态/js/echarts.js
脚本type =“ text/javascript” src =“ https://www.shouxicto.com/stative/js/echarts.js"/script
5.启动Python Django服务器
python3 manage.py runserver
6.刷新页面,好的
成功将网络echarts.js文件更改为引用的本地echarts.js文件
该方法是将JS和CSS放置在您需要的文件夹中!
链接类型=“ text/css” r =“ stylesheet” href =“ https://www.shouxicto.com/article/common/common/test.css"/link
脚本类型=“ text/javascript” src =“ https://www.shouxicto.com/article/common/test.js"/script
这样,在引入两者之后,您可以使用文件夹的路径。
我的示例是要在同一目录中引用的通用文件和您要引用的文件!
那你可以放
链接类型=“ text/css” r =“ stylesheet” href =“ https://www.shouxicto.com/article/common/common/test.css"/link
脚本类型=“ text/javascript” src =“ https://www.shouxicto.com/article/common/test.js"/script
参考文件放入文件include.php中,然后将其添加到需求中
包括(“ include.php”);可以在其中使用。如果您需要更改它,只需更改include.php!希望您想要它!
参考如下
如果该项目的目录是:
我的网站:
manage.py
我的网站:
__init__.py settings.py urls.py wsgi.py
博客(已建立的应用程序):
models.py views.py test.py __init__.py模板
开始配置:
1.在外部MySite目录中(即项目的根目录)
2.打开设置。py并添加:
导入操作系统
static_url ='/static/'
staticfiles_dirs =(
(((((
3.打开urls.py并添加(注意:如果在博客应用程序中新创建一个urls.py文件,则应将其添加到博客目录中的urls.py文件中。我曾经在此PIT中纠结许久):
导入设置
urlpatterns =模式(
url(r'^static/(?ppath。*)$','django.views.static.serve',
{'document_root':settings.static_root}),
治愈
使用:
假设在模板中导入外部/home/fudaoji/mysite/js/jequery.js文件(存储在模板文件中),那么您可以直接直接可以直接为
脚本类型=“ text/javascript” src ='https://www.shouxicto.com/stative/js/jqury.js'/javascript
在Django项目的开发中,就像普通的Web开发一样,不可能通过“ IMGS/BG.JPG”访问本地静态文件。有必要进行一些配置以实现静态文件访问。
首先,在项目根路径下创建一个新的静态文件夹,然后在静态文件夹下创建相应的CSS,IMGS,JS和其他文件夹,以存储静态文件,例如CSS,IMG,JS。
第二,项目配置
1.打开settings.py并将其添加到底部:
2.打开urls.py并将其添加到urlpatterns :(注意,如果您还将urls.py设置在博客目录中,则必须在blog/urls.py中进行修改。不要忘记导入设置):
(但是在测量之后,我可以完成静态文件的访问,而无需添加此文件)
3.在HTML模板的顶部添加:
然后以这种格式调用您需要的格式,例如:
最终重新运行该项目,Django可以找到本地静态文件,例如IMG。目前,可以使用IMG和其他文件显示与模板相对应的页面。
结论:以上是主要首席技术官的所有内容,请注意如何在Django中编写JS路径。感谢您的时间阅读内容,不要忘记在此网站上找到它。