Django 之基础续

1.路由系统之动态路由

前言：还记得之前的分页效果，这个如何实现呢？答案就是动态路由。

url(r'^detail/(d+)/$', views.detail),
url(r'^detail2/(d+)/(d+)/$', views.detail2),
url(r'^detail3/(?P<p1>d+)/(?P<x2>d+)/', views.detail3),#设定后端对应处理的函数分别为p1,x2

通过正则表达式，匹配包含数字的URL,交给views中的函数处理，对应的函数要传送匹配的参数,具体如下：

def detail(request, nid):
    print(nid)
    return HttpResponse('OK')
# detail2(1,2)
def detail2(request, xid, nnid):
    print(xid,nnid)
    return HttpResponse('OK')

# detail3(x2=234,p1=123)
def detail3(request, p1, x2):
    print(p1,x2)
    return HttpResponse('OK')

那么分页是怎么实现的呢，代码如下：

##url
url(r'^index/(d+)/', views.index),
##view
#生成一个包含字典的列表
USER_LIST = []
for item in range(94):
    temp = {"id": item, 'username':'jason'+str(item), 'email': 'email' + str(item)}
    USER_LIST.append(temp)
def index1(request, page):
    print(page)
    # 1,0-9
    # 2,10-19
    # 3,20-29
    page = int(page)
    start = (page - 1) * 10
    end = page * 10
    user_list = USER_LIST[start:end]#设定每页取值的范围
    # return HttpResponse('OK')
    return render(request, 'index1.html', {'user_list': user_list})

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table>
        <tr>
            <td>ID</td>
            <td>用户名</td>
            <td>详细</td>
        </tr>
        {% for item in user_list %}
            <tr>
                <td>{{ item.id }}</td>
                <td>{{ item.username }}</td>
                <td>
                    <a href="/cmdb/detail/{{ item.id }}">查看详细</a>
                </td>
            </tr>
        {% endfor %}
    </table>

</body>
</html>

index1.html

自定义标签目录名必须为templatetags, 否则django无法识别，分两步实现：

from django import template from django.utils.safestring import mark_safe from django.template.base import Node,TemplateSyntaxError register = template.Library() @register.filter def f1(value,arg): ##filter只能传一个参数,可以使用html中的if语句 return value + "666" + arg @register.simple_tag def f2(s1,s2,s3,s4): #simplet tag 不支持html中的if语句 return s1 + s2 + s3 + s4 @register.filter def f3(value): ##filter支持if语句 if value == 'VVV': return True return False

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> {% load mytag %} </head> <body> {{ k1 }} {{ k1.1 }} {{ k1.name }} {% for item in k2 %} <p>{{ item }},{{ forloop.counter }},{{ forloop.counter0 }},{{ forloop.revcounter }},{{ forloop.first }},{{ forloop.last }}</p> {% endfor %} {% if k1 == 'vvvv' %} <h1>V1</h1> {% elif k1 == 'v2' %} <h1>V2</h1> {% else %} <h1>7777</h1> {% endif %} {% if k1|f3 %} <h1>True</h1> {% else %} <h1>False</h1> {% endif %} {{ k1 }} {{ k1|lower }} {{ k1|f1:"jason"}} <br> {% f2 1 2 3 4 %} </body> </html>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="..." /> <style> .pg-header{ height: 48px; background-color: cadetblue; } .pg-body{ min-height: 500px; } .pg-body .body-menu{ 20%; float: left; } .pg-body .body-content{ 80%; float: left; } .pg-footer{ height: 100px; background-color: brown; } .active{ background-color: aquamarine; color: white; } </style> {% block css %}{% endblock %}#子模板替换的部分 </head> <body> <div class="pg-header"> 后台系统V1 </div> <div class="pg-body"> <div class="body-menu"> <ul> <li><a >用户管理</a></li> <li><a >资产管理</a></li> </ul> </div> <div class="body-content"> {% block body %}{% endblock %} #此处为子模板替换的部分 </div> </div> <div class="pg-footer"></div> <script src="xxx"></script> {% block js %}{% endblock %} </body> </html>

{% extends 'layout.html' %} {% block css %} <style></style> {% endblock %} {% block body %} <ul> {% for item in user_list %} <li>{{ item.username }},{{ item.salary }}</li> {% endfor %} </ul> {% endblock %} {% block js %} <script> document.getElementById('userinfo').className = 'active'; </script> {% endblock %}

{% extends 'master/layout.html' %} {% block body %} <table> {% for item in assets_list %} <tr> <td>{{ item.hostname }}</td> <td>{{ item.port }}</td> </tr> {% endfor %} </table> {% include 'include/son.html' %} {% include 'include/son.html' %} {% include 'include/son.html' %} {% include 'include/son.html' %} {% include 'include/son.html' %} {% include 'include/son.html' %} <h3></h3> {% endblock %} {% block js %} <script> document.getElementById('assets').className = 'active'; </script> {% endblock %}

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="/ff/style/style.css"> {# 然后在模板里,我们也会写一个block,如果子版里有需要使用自己的css样式可以自己定义#} {% block css %} {% endblock %} </head> <body> <div class="header"><h1>LOGO</h1></div> <div class="body"> <div class="menu">左侧菜单</div> <div class="content"> {#可变的子版内容,这个content和class content无关#} {% block content %} {% endblock %} </div> </div> {# 公共的js写到母版中,如果某一个模板里使用自己的js,在写一个block即可#} {% block js %} {% endblock %} </body> </html>

from django.conf.urls import url from django.contrib import admin from cmdb import views urlpatterns = [ url(r'^register/', views.register), url(r'^login/',views.login), ]

def login(request): #如果是GET请求 #如果是POST,检查用户输入 #print request.method 来查看用户是通过什么方式请求的 #还有个问题:当你POST的时候,会出现问题,现在临时解决方法是:在seetings里注释掉 ''' MIDDLEWARE_CLASSES = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', #'django.middleware.csrf.CsrfViewMiddleware', 注释掉这一行 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.auth.middleware.SessionAuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', ] ''' if request.method == 'POST': input_email = request.POST['email'] input_pwd = request.POST['pwd'] if input_email == 'jason' and input_pwd == '123': #当登录成功后给它跳转,这里需要一个模块from django.shortcuts import redirect #成功后跳转到指定网址 return redirect('http://www.baidu.com') else: #如果没有成功,需要在页面告诉用户用户名和密码错误. return render(request,'login.html',{'status':'用户名或密码错误'}) #通过模板语言,来在login.html中添加一个status的替换告诉用户<span>{{ status }}</span> return render(request,'login.html')

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录</title>  <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.4-dist/css/bootstrap.min.css"> </head> <body> <div style=" 200px;"> <form class="form-horizontal" action="/login/" method="post"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" name="email" placeholder="Email"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">Password</label> <div class="col-sm-10"> <input type="password" class="form-control" name="pwd" placeholder="Password"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default">Sign in</button> <span style="color: red;">{{ status }}</span> </div> </div> </form> </div>  <script src="/static/js/jquery-2.2.1.min.js"></script>  <script src="/static/plugins/bootstrap-3.3.4-dist/js/bootstrap.min.js"></script> </body> </html>

$.ajax({ url: '/index/', type: 'POST', data: {'username': 'alex','password': '123'}, success: function(data){ // 当后台return之后，该函数自动执行 // data就是后台返回的数据 } })

1.路由系统之动态路由

2.自定义标签方法

3.模板的继承

1.母版：layout.html

2.子模板

3.导入标签

4.Django静态文件配置

登录注册实例

Django 之基础续

1.路由系统之动态路由

2.自定义标签方法

3.模板的继承

1.母版：layout.html

2.子模板

3.导入标签

4.Django静态文件配置

登录注册实例

相关推荐