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

目录结构如图所示：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <script src="/statics/js.js">

     </script>

 </head>

 <body>

 <h4>

     登录页面

 </h4>>

 <form action="" method="post">

     用户名<input type="text" name="user">

     密码<input type="password" name="pwd">

     <input type="submit">

 </form>

 </body>

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

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <script src="/static/js.js">

     </script>

 </head>

 <body>

 <h4>

     登录页面

 </h4>>

 <form action="" method="post">

     用户名<input type="text" name="user">

     密码<input type="password" name="pwd">

     <input type="submit">

 </form>

 </body>

 </html>

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

接下来讲一下路由配置，首先讲一下路由控制之简单配置

项目目录为：

在公共配置中的urls中添加路由配置

from django.contrib import admin

from django.urls import path, re_path

from website import views

urlpatterns = [# 路由配置 路径--------》视图函数

    re_path(r'^articles/2003/', views.special_case_2003),

    re_path(r'^articles/([0-9]{4})/$', views.year_archive),

    re_path(r'^articles/([0-9]{4})/([[0-9]{2})/$', views.month),

]

在单独项目对应的views（视图）文件中添加对应的视图函数

 from django.shortcuts import render, HttpResponse

 import time

 # Create your views here.

 def special_case_2003(request):

     return HttpResponse('special_case')

 def year_archive(request, year):

     return HttpResponse(year)

 def month(request, year, months):

     return HttpResponse(year, months)

situation 1:

输入url为：http://127.0.0.1:8000/articles/2003/

输出结果为：

situation 2:

输入url为：http://127.0.0.1:8000/articles/2004/

输出结果为：

situation 3:

输入url为：http://127.0.0.1:8000/articles/2005/20/

输出结果为：

这里有个注意点需要强调一下！！！

当你的路由中有元组时，在对应的视图函数中就要加上一个对应的位置参数，这点很重要，否则就会报错。

rom django.contrib import admin

from django.urls import path, re_path

from website import views

urlpatterns = [

    path('admin/', admin.site.urls),

    # 路由配置 路径--------》视图函数

    re_path(r'^articles/2003/', views.special_case_2003),

    re_path(r'^articles/([0-9]{4})/$', views.year_archive),  # 比如这个路径有一个元祖，在对应的year_archive中就需要对应的传一个位置参数

    re_path(r'^articles/([0-9]{4})/([[0-9]{2})/$', views.month),  # 这条也是

]

def year_archive(request, year): # 位置参数year

    return HttpResponse(year)

def month(request, year, months): # 位置参数year和months

    return HttpResponse(months)

接下来讲下路由控制之有名分组

背景：当视图函数中的参数很多时，参数顺序很容易报错，这时就可以用到有名分组了。

路由控制：

re_path(r'^articles/(?P<y>[0-9]{4})/(?P<m>[[0-9]{2})/$', views.month)

对应的视图函数：

def month(request, m, y):  # 这里必须要传y和m，否则会报错

    return HttpResponse(y+'+'+m)

此时不管交换m和y的位置，对应的值都不会改变。

路由控制之分发

背景：之前写的路由都是写在全局中的，如果我有十几个应用我该怎么办？难道都写在全局中吗？显然不太现实，此时就要用到分发，把路由结偶。

1.先在自己的应用中创建一个urls文件，把对应的路由都写好。

from django.urls import path, re_path

from website import views

urlpatterns = [

    # 路由配置 路径--------》视图函数

    re_path(r'^articles/2003/', views.special_case_2003),

    re_path(r'^articles/([0-9]{4})/$', views.year_archive),

    re_path(r'^articles/(?P<y>[0-9]{4})/(?P<m>[[0-9]{2})/$', views.month),

]

2.在全局的urls文件中导入include

from django.contrib import admin

from django.urls import path, re_path, include

from website import views

urlpatterns = [

    path('admin/', admin.site.urls),

    # 分发

    re_path(r'website/', include('website.urls'))  # 第一个参数为应用根目录，第二个参数为应用的urls文件

3.此时输入http://127.0.0.1:8000/website/articles/2005/20/

输出结果为：

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

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

  1. [Django框架 - 静态文件配置、request对象方法初识、 pycharm链接数据库、ORM实操增删改查、django请求生命周期]

    [Django框架 - 静态文件配置.request对象方法初识. pycharm链接数据库.ORM实操增删改查.django请求生命周期] 我们将html文件默认都放在templates文件夹下 将 ...

  2. Django学习——静态文件配置、request对象方法、pycharm如何链接数据库、Django如何指定数据库、Django orm操作

    静态文件配置 # 1.静态文件 网站所使用的已经提前写好的文件 css文件 js文件 img文件 第三方文件 我们在存储静态文件资源的时候一般默认都是放在static文件夹下 # 2.Django静态 ...

  3. Django 应用 静态文件配置

    Django 应用 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...

  4. Django之静态文件配置

    在项目目录中打开settings.py,在最下面配置静态文件(css文件,js文件以及其他静态配置文件),比如说html使用到了jQuery框架,我们要在项目根目录下创建statics(可自定义),将 ...

  5. django静态文件配置

    开发环境配置 需要下面几个步骤 1. 在app目录下创建static目录,将静态文件和相关文件夹放到此目录下,如your_app/static/img等 2. 确保settings.py中的INSTA ...

  6. Django——静态文件配置

    本文目的 最近用django开发项目,发现django的静态文件(js,css和img等)配置比较麻烦,开发环境和生产环境的配置还不一样,这里记录一下,作为备忘.我当前使用的版本是django v1. ...

  7. apache静态文件配置

    开发环境配置 需要下面几个步骤 1. 在app目录下创建static目录,将静态文件和相关文件夹放到此目录下,如your_app/static/img等 2. 确保settings.py中的INSTA ...

  8. 第三百八十四节，Django+Xadmin打造上线标准的在线教育平台—路由映射与静态文件配置以及会员注册

    第三百八十四节,Django+Xadmin打造上线标准的在线教育平台—路由映射与静态文件配置以及会员注册 基于类的路由映射 from django.conf.urls import url, incl ...

  9. django静态文件配置和使用

    一.首先需要了解的知识点是: 1.出于对效率和安全的考虑,django管理静态文件的功能仅限于在开发阶段的debug模式下使用,且需要在配置文件的INSTALLED_APPS中加入django.con ...

随机推荐

  1. Ubuntu卸载软件Firefox

    查找火狐详细内容: dpkg --get-selections |grep firefox  删除 sudo apt-get purge firefox* 

  2. mybatis中jdbcType与oracle/mysql数据类型对应关系

    Mybatis JdbcType Oracle MySql JdbcType ARRAY     JdbcType BIGINT   BIGINT JdbcType BINARY     JdbcTy ...

  3. 解决“(1146, "Table 'mydb.django_session' doesn't exist")”报错的方法

    执行 ./manage.py makemigrations sessions ./manage.py migrate sessions

  4. Call to undefined function Illuminate\Encryption\openssl_cipher_iv_length()

    今天遇到一个错误,没有定义一个openssl_cipher_iv_length()方法,可是我明明开启OpenSSL了啊 如果开启了还报错 只需要把php的目录加入环境变量 -重启电脑  就解决了 但 ...

  5. js加密（三）企名片

    1. url: https://www.qimingpian.cn/finosda/project/pinvestment 2. target: 3. 简单分析 3.1 打开调试窗口,刷新页面,看看都 ...

  6. Flask 教程 第二十一章：用户通知

    本文翻译自The Flask Mega-Tutorial Part XXI: User Notifications 这是Flask Mega-Tutorial系列的第二十一章,我将添加一个私有消息功能 ...

  7. 设置背景图片的方式（优秀）--把图片放在一个div里面

    优点: 此种情况可以保证图片充满整个windows,即使有扩展显示器也可以 <div id="formbackground" style="position:abs ...

  8. Java+Selenium自动化测试学习（一）

    自动化测试基本流程 1.设置chromedriver的地址System.setProperty(); 2.创建一个默认浏览器ChromeDriver driver = new ChromeDriver ...

  9. itest(爱测试) 4.3.1 发布，开源BUG 跟踪管理 & 敏捷测试管理软件

    4.3.0 发布后有三个用户强烈要求的更新,所以一周后4.3.1出炉,有点版本帝的味道哈,用户的反馈是我们持续升级的动力...... itest 简介:查看简介 test 开源敏捷测试管理,testO ...

  10. 6_11 四分树（UVa297）<四分树>

    一幅图有1024个点, 可以对图平均分成4块, 并且子图也可以再往下分, 直到一个子图表示一个点. f表示这块子图填满, p表示它还有4个子图, e表示没有子图(当然啦, 它也没有填满). 给定两个字 ...