django的静态文件配置和路由控制

上一遍写到刚建完django项目,此时我登录页面中调用了js文件,执行后发现报错了找不到js这个文件

目录结构如图所示:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script src="/statics/js.js">
 7
 8     </script>
 9 </head>
10 <body>
11
12 <h4>
13     登录页面
14 </h4>>
15
16 <form action="" method="post">
17     用户名<input type="text" name="user">
18     密码<input type="password" name="pwd">
19     <input type="submit">
20 </form>
21 </body>
22 </html>

显示找不到这个js文件

那么问题来了,我们应该怎么获取这个静态js文件呢?别急和我来一步一步配置

在django的公共项目目录中有一个settings.py的文件

在这个文件中配置一个STATICFILES_DIRS变量,配置好这个STATICFILES_DIRS后,django中就会把statics目录下的文件路径改成static

LANGUAGE_CODE = ‘en-us‘

TIME_ZONE = ‘UTC‘

USE_I18N = True

USE_L10N = True

USE_TZ = True

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.2/howto/static-files/

STATIC_URL = ‘/static/‘  # django自带的

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, ‘statics‘),
] 

配置完参数后,html中引用的js路径改为/static/js/js

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script src="/static/js.js">
 7
 8     </script>
 9 </head>
10 <body>
11
12 <h4>
13     登录页面
14 </h4>>
15
16 <form action="" method="post">
17     用户名<input type="text" name="user">
18     密码<input type="password" name="pwd">
19     <input type="submit">
20 </form>
21 </body>
22 </html>

再次执行接口,就找到这个js文件了

请尊重作者劳动成果,有需要请转载,标明出处!!!

原文地址:https://www.cnblogs.com/huizaia/p/11958918.html

时间: 2024-08-02 07:14:27

django的静态文件配置和路由控制的相关文章

Django框架静态文件配置和URL解析

静态文件配置 1:#在django项目下创建一个static静态文件文件夹,在static文件夹下创建对应的css,img,js文件夹,用来存放css样式文件,图片和js代码,用于HTML引入 2:#在django项目的settings配置文件中,配置静态文件相关配置(setting文件的最下面) STATIC_URL = '/static/' #静态文件的文件路径别名,别名可以改,一般不改 STATICFILES_DIRS = [ #静态文件的文件路径,就是创建的static的静态文件夹路径,

Django之静态文件配置

在项目目录中打开settings.py,在最下面配置静态文件(css文件,js文件以及其他静态配置文件),比如说html使用到了jQuery框架,我们要在项目根目录下创建statics(可自定义),将jQuery文件放在该目录下,打开settings.py,最下面有一个变量STATIC_URL,新建一个列表为:STATICFILES_DIRS,将静态文件目录放在该列表中: # settings.py # 下面两个变量是配合使用的 STATIC_URL = '/static/' #别名,Djang

Django 应用 静态文件配置

Django 应用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> #引入静态文件夹下的bootstrap css样式 <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7/

Django——静态文件配置

本文目的 最近用django开发项目,发现django的静态文件(js,css和img等)配置比较麻烦,开发环境和生产环境的配置还不一样,这里记录一下,作为备忘.我当前使用的版本是django v1.4.3. 吐槽:django的版本不兼容是个大问题,网上搜索相关问题时,解决方案到是一大推,但是均没有标注版本,导致均不能适用当前版本,走了不少弯路. 开发环境配置 需要下面几个步骤 1. 在app目录下创建static目录,将静态文件和相关文件夹放到此目录下,如your_app/static/im

apache静态文件配置

开发环境配置 需要下面几个步骤 1. 在app目录下创建static目录,将静态文件和相关文件夹放到此目录下,如your_app/static/img等 2. 确保settings.py中的INSTALLED_APPS中包含django.contrib.staticfiles 3. 设置settings.py中的STATIC_URL的值为“/static/” 4. 在模版中使用{{ STATIC_URL }}作为静态文件路径前缀.比如纯在图片文件your_app/static/img/logo.

第三百八十三节,Django+Xadmin打造上线标准的在线教育平台—路由映射与静态文件配置

第三百八十四节,Django+Xadmin打造上线标准的在线教育平台-路由映射与静态文件配置以及会员注册 基于类的路由映射 from django.conf.urls import url, include # 导入django自在的include逻辑 from django.contrib import admin from django.views.generic import TemplateView # 导入django自带的TemplateView逻辑 import xadmin #

django中静态文件路径配置

#环境:ubuntu12.04+python27+django1.4.2+[ngix]+fastcgi; #如果经过ngix服务器的话无疑可以在任意位置放置,只要在ngix中配置相关的路径文件,但很多时候在调试时我们不想经过ngix服务器,那就需要对django进行静态文件的路径配置. #首先我想把我的静态文件放在项目的根目录下,创建一个static的文件夹,为了便于显示效果,我在static下放置了一个sa.txt文件,里面随意写一些内容! #文件目录如图所示: #打开settings.py文

Django框架之模板基础,静态文件配置

一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% endblock %} 具体步骤: 1.创建一个base.html文件,2.把要显示的页面的内容写在这里面,也就是html要在浏览器显示的内容3.在right里面写个盒子 {% block classinfo %} {% endblock %} 在这里面写个空盒子,以后谁来扩展就在这个盒子里面添加相应的内容就行了 4.然后再创建一个.html文件,让这个继承base.html文件, {% extend

55 Django静态文件配置

一.Django静态文件配置 1.项目文件夹,新建一个文件夹statics 文件夹 2.在配置文件settings.py中,配置: 文件中有第句: STATIC_URL = '/static/'#静态文件物理地址的别名 在上一句文件中下加一句: 在上一句文件中下加一句: STATICFILES_DIRS=[ os.path.join(BASE_DIR,"statics")] #静态文件的物理地址 3.把静态文件放在statics 文件夹中 4.html文件在引用静态文件时: <s