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

如何进口JS(Django Cainiao教程)

时间:2023-03-08 19:28:27 网络应用技术

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

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

  转到官方文件。理解不,官方的Django文件已非常详细。

  学习Django,主要是官方文件,您想知道,大多数可以找到其中的大多数文件。

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

  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"///

  结论:以上是Django如何引入与JS相关的内容答案的首席CTO注释。希望它对您有所帮助!如果您解决了问题,请与更多关心此问题的朋友分享?