当前位置: 首页 > 网络应用技术

如何介绍JS(Django如何介绍JSON文件)

时间:2023-03-08 14:16:22 网络应用技术

  指南:本文的首席执行官注释将介绍有关Django如何介绍JS的相关内容。我希望这对每个人都会有所帮助。让我们来看看。

  1.首先在应用程序文件中创建一个新的文件夹静态,然后创建三个子文件夹JS,样式,图像。

  2.在设置中。

  static_url ='/static/'

  staticfiles_dirs =(

  os.path.join(base_dir,“ static”),

  治愈

  3.添加HTML页面的头部:

  {%加载staticfiles%}

  html

  头

  标题Maizi Academy/Title

  /头

  身体

  4,,

  在HTML模板页面上,您可以通过以下两种方式调用它:

  img src =“ https://www.shouxicto.com/article/ {%静态'images/logo.gif'%}” alt =“” /////

  img src =“ https://www.shouxicto.com/stative/images/acers/acers/acers/acer.gif” alt =“” /////

  建议使用第二种类型,因为如果图片名称是动态的,则可以通过视图绑定:

  img src =“ https://www.shouxicto.com/stative/images/ {name}} .gif“ alt =”“” /////

  CSS参考也是如此:

  链接rel =“ stylesheet” href =“ https://www.shouxicto.com/article/ {%static'state'state/base.css'%}“ type =“ text/css”

  链接rel =“ stylesheet” href =“ https://www.shouxicto.com/stative/style/base.css” type =“ text/css”

  JS也是如此:

  脚本类型=“ text/javascript” src =“ https://www.shouxicto.com/article/ {%static'js/jquery-1.8.3.3.3.min.js'%}”//

  脚本类型=“ text/javascript” src =“ https://www.shouxicto.com/stative/js/jqury-1.8.min.js"///

  状态资源通常放置在静态文件夹中:static/css/djquery.cssssmples/hello.cssjs/jquery-1.7.1.7.1.min.jsssamples/hello.js,CSS和JS在此处除以应用程序名称(在此处划分样品(样品)。jQuery.js等的内容,将其写入基本模板中,并将特定页面的元素放在特定页面的元素中,以符合特定模板的元素。这涉及嵌套的问题。请查看下面的示例:

  在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和其他文件显示与模板相对应的页面。

  JS文件

  ProjectRoot/app/static/js/mile

  设置

  static_url ='/static/'

  static_root = os.path.join(base_dir,'static')。代替 ('\', '/')

  引用.html文件

  {%加载staticfiles%}

  脚本src =“ https://www.shouxicto.com/article/ {%static'/js/target.js'%}”/script

  参考如下

  如果该项目的目录是:

  我的网站:

  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

  该方法是将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!希望您想要它!

  结论:以上是首席CTO注释给所有人提出的Django的所有内容。我希望这对每个人都会有所帮助。如果您想了解有关此信息的更多信息,请记住收集并关注此网站。