Django(静态文件or路由)

静态文件

在开发中同创会使用到 css，js，img等静态文件，这里带大家简单的介绍一下django如何处理静态页面，

配置 setting.py文件

STATIC_URL = '/static/' #这里相当于别名
STATICFILES_DIRS = [
    os.path.join(BASE_DIR,'myapp/static'), #静态文件的真是路径
]

说明：

配置url地址，当我们要访问静态文件时url地址，这里只是做其中一部分path，结合urlconf会详细说明；

STATIC_ROOT：
配置静态文件存放目录，如上代码所示即在工程的static目录下存放这些文件；
STATICFILES_DIRS：
可能我们工程下会有多个app，或者还会牵涉到其它的静态资源文件目录，STATICFILES_DIRS就是列出一些文件目录，如，在app core下static目录，此目录下存放的就是只与该app相关的资源文件；

html文件引入配置

<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="/static/myapp.css" type="text/css">
<head>
    <meta charset="UTF-8">
    <title>欢迎页面</title>
</head>
<body>
<h1 class="h1" id="h1">欢迎来到我的页面
{{time}}</h1>

</body>

css页面

h1{
    background-color: green;
}

最终页面效果

加载JS也是一样

html在 head后添加

<script type="text/javascript" src="/static/myapp.js"></script>

创建myapp.js

/**
 * Created by USER on 2018/9/12.
 */
$(document).ready(function () {
    $("h1").click(function () {
        $(this).css("background-color","red");
    })
})

最终显示效果

哈哈不足之处请批评指正哈

下面开始进行urls 路由配置

路由配置

URL配置(URLconf)就像Django 所支撑网站的目录。它的本质是URL与要为该URL调用的视图函数之间的映射表；你就是以这种方式告诉Django，对于客户端发来的某个URL调用哪一段逻辑代码对应执行。

先贴出咱们url.py 的配置

from django.contrib import admin
from django.urls import path
from  myapp import views
from  django.conf.urls.static import static
from  django.conf import settings
from  django.conf.urls import url #导入模块
urlpatterns = [
    path('admin/', admin.site.urls),
    path('hello/',views.hello),
    url(r'^hello/([0-9]{4})/$', views.year_archive),
    url(r'^hello/([0-9]{4})/([0-9]{2})/$', views.month_archive),
    url(r'^hello/([0-9]{4})/([0-9]{2})/([0-9]+)/$', views.article_detail),
]+ static(settings.STATIC_URL,document_root=settings.STATIC_ROOT)

注意：

若要从URL 中捕获一个值，只需要在它周围放置一对圆括号。
不需要添加一个前导的反斜杠，因为每个URL 都有。例如，应该是^articles 而不是 ^/articles。
每个正则表达式前面的'r' 是可选的但是建议加上。它告诉Python 这个字符串是“原始的” —— 字符串中任何字符都不应该转义

下面咱们可以请求一些试列

在请求试列之前，先要创建好相对应的返回页面

编辑views.py

from django.shortcuts import render
from django.http import HttpResponse
# Create your views here.
# request 是固定写法
def hello(request):
    import datetime
    now = datetime.datetime.now()
    time =now.strftime("%Y-%m-%d %X")
    return render(request,'hello.html',{"time":time})

def year_archive(request,year):
    return HttpResponse(year+"year_archive")
def month_archive(request,year,month):
    return HttpResponse(year+month+"month_archive")
def article_detail(request,year,month,num):
    return HttpResponse(year+month+num+'article_detail')

　　访问 http://127.0.0.1:8000/hello/

访问 http://127.0.0.1:8000/hello/2018/

访问 http://127.0.0.1:8000/hello/2018/09/

访问访问 http://127.0.0.1:8000/hello/2018/09/12/

根据不同的URL 来转发不同的网页

匹配规则是从上向下匹配，匹配到上面就回直接返回页面，所以要注意书写顺序。

有名分组

上面的示例使用简单的、没有命名的正则表达式组（通过圆括号）来捕获URL 中的值并以位置参数传递给视图。在更高级的用法中，可以使用命名的正则表达式组来捕获URL 中的值并以关键字参数传递给视图。

在Python 正则表达式中，命名正则表达式组的语法是(?P<name>pattern)，其中name 是组的名称，pattern 是要匹配的模式。

下面是以上URLconf 使用命名组的重写：

from django.conf.urls import url

from . import views

urlpatterns = [
    url(r'^articles/2003/$', views.special_case_2003),
    url(r'^articles/(?P<year>[0-9]{4})/$', views.year_archive),
    url(r'^articles/(?P<year>[0-9]{4})/(?P<month>[0-9]{2})/$', views.month_archive),
    url(r'^articles/(?P<year>[0-9]{4})/(?P<month>[0-9]{2})/(?P<day>[0-9]{2})/$', views.article_detail),
]

这个实现与前面的示例完全相同，只有一个细微的差别：捕获的值作为关键字参数而不是位置参数传递给视图函数。例如：

'''
    /articles/2005/03/ 请求将调用views.month_archive(request, year='2005', month='03')函数，而不是views.month_archive(request, '2005', '03')。
    /articles/2003/03/03/ 请求将调用函数views.article_detail(request, year='2003', month='03', day='03')。

    '''

在实际应用中，这意味你的URLconf 会更加明晰且不容易产生参数顺序问题的错误 —— 你可以在你的视图函数定义中重新安排参数的顺序。当然，这些好处是以简洁为代价；

简单的登录验证

首先写一下login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>
<form action="{% url 'Log' %}"method="post">
    用户名<input type="text" name="user">
    密码  <input type="password" name="password">
    <input type="submit">
</form>
</body>
</html>

在写一下逻辑views.py

def login(request):
    if request.method=="GET": #如果浏览器发起的是GET请求则返回登录页面
        return render(request,'login.html')
    else:#当用户点击submit 按钮，发送的自然是POST的请求
        print(request.POST)
        user=request.POST.get('user')#在这里将获取的POST值存储到变量，进行判断
        pwd=request.POST.get('password')
        if user=='liu' and pwd =='123':#返回给用户相对应的结果
            return HttpResponse('登录成功')
        else:
            return HttpResponse('登录失败')

最终效果

下面咱们来说一下反向解析。

反向解析

随着功能的增加会出现更多的视图，可能之前配置的正则表达式不够准确，于是就要修改正则表达式，但是正则表达式一旦修改了，之前所有对应的超链接都要修改，真是一件麻烦的事情，而且可能还会漏掉一些超链接忘记修改，有办法让链接根据正则表达式动态生成吗？就是用反向解析的办法。

使用方法

定义url时，需要为include定义namespace属性，为url定义name属性
使用时，在模板中使用url标签，在视图中使用reverse函数，根据正则表达式动态生成地址，减轻后期维护成本。

html中的反向解析
    1.1 原理：给url起名字，根据url的名字找到对应的视图
        {% url 'register' %}
        # 如果url匹配时携带参数：
        url(r'^index/(d+)/$', views.index, name='index'),
        # 那么，在匹配到视图时就需要传入一个参数：
        def index(request,param):
            return render(request, 'index.html', {'param':param})
        # 在页面中的url反向解析，也要传入对应参数
        <a href="{% url 'index' 10 %}">跳转</a>
            
    1.2 {% url 'users:register' %}与{% url 'register' %}的区别？
        # 当项目中有多个应用的时候，给url起的名字就会相同，
        # 所以为了区分，才有的{% url 'users:register' %}；
        # 在使用{% url 'register' %}时不要在项目urlconf中添加namespace；

.视图中的反向解析
    1.1 导入模块
        from django.core.urlresolvers import reverse
        def index(request):
            redirect_url = reverse('index', args=(1,))
            return HttpReponse('ok')
            
3.视图中的重定向跳转：
    from django.shortcuts import redirect
    from django.core.urlresolvers import reverse
    ...
    return redirect(reverse('users:register'))

接黄大佬的图一用