本文将告诉您Django如何放回JS和与Django新秀教程相对应的相应的知识点。我希望这对您有帮助。不要忘记收集此网站。
本文目录清单:
1.如何使用JS和CSS 2,Django如何介绍JS,CSS文件3. Django的视图直接传输了html代码的一部分,调用了模板中的JS函数。4。如何在静态文件夹中的Django资源中使用Echarts的JS文件状态:static/css/djquery.cssssmples/hello..cssjs/jquery-1.7.min.min.min..minamples/hello.js,css andjs css andj s andjs''(这是样本)。如果有很多文件,您也可以将分子文件夹分开。Django通常使用模板显示HTML,并且我们通常使用继承模板,因此我们需要将共享元素(例如Global CSS)放置,例如jquery的介绍。js等。将其写入基本模板中,并将特定页面的元素放在特定页面的元素中,以列为特定模板的元素。这涉及嵌套的问题。查看以下示例:
参考如下
如果该项目的目录是:
我的网站:
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
有三种方法:
1.在模板中的HTML文件中,包含此功能的JS文件直接嵌入HTML中。
2.通过JS中的AJAX打开链接,例如/admin/url?key = value,然后keyvlaue = request.get.get.get.get('key',none)在admin.py中的url方法中获取此value,然后py进行一些处理后,返回html代码的一部分将此JS函数到JS,然后将其添加到JS中的页面中,而无需刷牙:$(“ #id”)。html(xmlhttp.responsetext);
3.基本上与上述相同,适用于Ajax进行实施,但是在PY处理后返回的不是实质性的HTML,而是MSG指令。接收JS后,JS函数与AJAX相关。例如,JS函数。例如,if(xmlhttp.responsetext =='ok')fun();
我希望你能够明白。
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文件
您可以谈论Django如何放回JS的介绍。感谢您花时间阅读本网站的内容。有关Django新秀教程和Django的更多信息。不要忘记在此网站上找到它。