【Django】【二】模板

1. Django-bootstrap3

guest>python -m pip install django-bootstrap3

 

【代碼】

settings.py

"""
Django settings for guest project.

Generated by 'django-admin startproject' using Django 1.11.7.

For more information on this file, see
https://docs.djangoproject.com/en/1.11/topics/settings/

For the full list of settings and their values, see
https://docs.djangoproject.com/en/1.11/ref/settings/
"""

import os

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))


# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/1.11/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'nvz+#19d=3x%-iqhyqpr@82^#1+bw_@j13k8m!id$oe%v-ecql'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []


# Application definition

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'sign',
    'bootstrap3',
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
   # 'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'guest.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'guest.wsgi.application'


# Database
# https://docs.djangoproject.com/en/1.11/ref/settings/#databases


DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'HOST':'127.0.0.1',
        'PORT':'3306',
        'NAME':'guest',
        'USER':'root',
        'PASSWORD':'',
        'OPTIONS':{
            'init_command': "SET sql_mode='STRICT_TRANS_TABLES'",
        },
    }
}
'''
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    }
}
'''

# Password validation
# https://docs.djangoproject.com/en/1.11/ref/settings/#auth-password-validators

AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]


# Internationalization
# https://docs.djangoproject.com/en/1.11/topics/i18n/

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/1.11/howto/static-files/

STATIC_URL = '/static/'

urls.py

"""guest URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/1.11/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  url(r'^$', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  url(r'^$', Home.as_view(), name='home')
Including another URLconf
    1. Import the include() function: from django.conf.urls import url, include
    2. Add a URL to urlpatterns:  url(r'^blog/', include('blog.urls'))
"""
from django.conf.urls import url
from django.contrib import admin
from sign import views

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^$',views.index),
    url(r'^index/$',views.index),
    url(r'^accounts/login/$',views.index),
    url(r'^login_action/$',views.login_action),
    url(r'^event_manage/$',views.event_manage),
    url(r'^search_name/$',views.search_name),
    url(r'^guest_manage/$',views.guest_manage),
    url(r'^sign_index/(?P<event_id>[0-9]+)/$',views.sign_index),
    url(r'^sign_index_action/(?P<event_id>[0-9])/$',views.sign_index_action),
    url(r'^logout/$',views.logout),

]


views.py

from django.shortcuts import render,get_object_or_404
from django.http import HttpResponse,HttpResponseRedirect
from sign.models import Event,Guest
from django.contrib.auth.decorators import login_required
from django.contrib import auth
from django.core.paginator import Paginator,EmptyPage,PageNotAnInteger

# Create your views here.
#首頁
def index(request):
    return render(request, 'index.html')
    #return HttpResponse('Hello Django!')

'''
#cookie
#登陸動做
def login_action(request):
    if request.method == 'POST':
        username = request.POST.get('username','')
        password = request.POST.get('password','')
        if username == 'admin' and password == 'admin123':
            response = HttpResponseRedirect('/event_manage/')
            response.set_cookie('user',username,3600)

            return response
        else:
            return render(request,'index.html',{'error':'username or password error!'})
    else:
        return render(request,'index.html',{'error':'username or password error!'})


#發佈會管理
def event_manage(request):
    username = request.COOKIES.get('user','')

    return render(request,'event_manage.html',{'user':username})
'''

'''
#認證登陸  使用 admin 管理後臺建立用戶帳戶來驗證登陸功能
def login_action(request):
    if request.method == 'POST':
        username = request.POST.get('username','')
        password = request.POST.get('password','')
        user = auth.authenticate(username=username,password=password)
        if user is not None:
            auth.login(request,user)
            request.session['user'] = username
            response = HttpResponseRedirect('/event_manage')
            return response
        else:
            return render(request,'index.html',{'error':'username or password error!'})
    else:
        return render(request,'index.html',{'error':'username or password error!'})


'''
#session
#登陸動做
def login_action(request):
    if request.method == 'POST':
        username = request.POST.get('username','')
        password = request.POST.get('password','')
        if username == 'admin' and password == 'admin123':
            response = HttpResponseRedirect('/event_manage')
            request.session['user'] = username
            return response

        else:
            return render(request,'index.html',{'error':'username or password error!'})
    else:
        return render(request,'index.html',{'error':'username or password error!'})




#發佈會管理
#@login_required  #【備註】不註釋就老是跳到登陸頁，不知道爲啥
def event_manage(request):
    event_list = Event.objects.all()
    username = request.session.get('user','')
    return render(request,'event_manage.html',{'user':username,'events':event_list})


#發佈會名稱搜索
#@login_required
def search_name(request):
    username = request.session.get('user','')
    search_name = request.GET.get('name','')
    event_list = Event.objects.filter(name__contains=search_name)
    return render(request,'event_manage.html',{'user':username,'events':event_list})



#嘉賓管理
#@login_required
def guest_manage(request):
    username = request.session.get('user','')
    guest_list = Guest.objects.all()
    paginator = Paginator(guest_list,2)
    page = request.GET.get('page')
    try:
        contacts = paginator.page(page)
    except PageNotAnInteger:
        # If page is not an integer,deliver first page.
        contacts = paginator.page(1)
    except EmptyPage:
        # If page is out of range (e.g.9999),deliver last page os results.
        contacts = paginator.page(paginator.num_pages)
    return render(request,'guest_manage.html',{'user':username,'guests':contacts})

#簽到頁面
#@login_required
def sign_index(request,event_id):
    event = get_object_or_404(Event,id=event_id)
    return render(request,'sign_index.html',{'event':event})


#簽到功能
#@login_required
def sign_index_action(request,event_id):
    event = get_object_or_404(Event,id=event_id)
    phone = request.POST.get('phone','')
    result = Guest.objects.filter(phone=phone)
    if not result:
        return render(request,'sign_index.html',{'event':event,'hint':'phone error.'})
    result = Guest.objects.filter(phone=phone,event_id=event_id)
    if not result:
        return render(request,'sign_index.html',{'event':event,'hint':'event id or phone error.'})
    result = Guest.objects.get(phone=phone,event_id=event_id)
    if result.sign:
        return render(request,'sign_index.html',{'event':event,'hint':'user has sign in.'})
    else:
        Guest.objects.filter(phone=phone,event_id=event_id).update(sign = '1')
        return render(request,'sign_index.html',{'event':event,'hint':'sign in success','guest':result})


#退出登陸
#@login_required
def logout(request):
    auth.logout(request)
    response = HttpResponseRedirect('/index/')
    return response




templates/event_manage.html

<html lang="zh-CN">
<head>
{% load bootstrap3 %}
{% bootstrap_css %}
{% bootstrap_javascript %}
<title>Guest Manage</title>
</head>
<body role="document">
<!-- 導航欄 -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="/event_manage/">Guest Manage System</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">發佈會</a></li>
<li><a href="/guest_manage/">嘉賓</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">{{user}}</a></li>
<li><a href="/logout/">退出</a></li>
</ul>
</div>
</div>
</nav>

<!--發佈會搜索表單-->
<div class="page-header" style="padding-top:60px;">
    <div id="navbar1" class="navbar-collapse collapse">
        <form class="navbar-form" method="get" action="/search_name/">
            <div class="form-group">
                <input name="name" type="text" placeholder="名稱" class="form-control">
            </div>
        </form>
    </div>

</div>




 <!-- 發佈會列表 -->
<div class="row" style="padding-top: 80px;">
<div class="col-md-6">
<table class="table table-striped">
<thead>
<tr>
<th>id</th><th>名稱</th><th>狀態</th><th>地址</th><th>時間</th><th>簽到</th>
</tr>
</thead>
<tbody>
{% for event in events %}
<tr>
<td>{{ event.id }}</td>
<td>{{ event.name }}</td>
<td>{{ event.status }}</td>
<td>{{ event.address }}</td>
<td>{{ event.start_time }}</td>
    <td>
        <a href="/sign_index/{{event.id}}/" target="{{event.id}}_blank">sign</a>
    </td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</body>
</html>


templates/guest_manage.html

<!DOCTYPE html>
<html lang="en">
<head>
{% load bootstrap3 %}
{% bootstrap_css %}
{% bootstrap_javascript %}
<title>Guest Manage</title>
</head>
<body  role="document">
  <!- 導航欄 -->
  <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
          <div class="navbar-header">
              <a class="navbar-brand" href="/event_manage/">Guest Manage System</a>
          </div>
          <div id="navbar" class="collapse navbar-collapse">
              <ul class="nav navbar-nav">
                  <li><a href="/event_manage/">發佈會</a></li>
                  <li class="active"><a href="#">嘉賓</a></li>
              </ul>
              <ul class="nav navbar-nav navbar-right">
                  <li><a href="#">{{user}}</a></li>
                  <li><a href="/logout/">退出</a></li>
              </ul>
          </div>

      </div>
  </nav>

<!-- 嘉賓列表 -->
 <div class="row" style="padding-top: 80px;">
     <div class="col-md-6">
         <table class="table table-striped">
             <thead>
               <tr>
                   <th>id</th>
                   <th>名稱</th>
                   <th>手機</th>
                   <th>Email</th>
                   <th>簽到</th>
                   <th>發佈會</th>
               </tr>

             </thead>
             <tbody>
               {% for guest in guests %}
               <tr>
                   <td>{{guest.id}}</td>
                   <td>{{guest.realname}}</td>
                   <td>{{guest.phone}}</td>
                   <td>{{guest.email}}</td>
                   <td>{{guest.sign}}</td>
                   <td>{{guest.event}}</td>

               </tr>
                {% endfor %}
             </tbody>
         </table>
     </div>
 </div>

 <!-- 列表分頁器 -->
 <div class="pagination">
     <span class="step-links">
         {% if guests.has_previous %}
          <a href="?page={{ guests.prevous_page_number}}">previous</a>
         {% endif %}
          <span class="current">
              Page {{guests.number}} of {{guests.paginator.num_pages}}.
          </span>
         {% if guests.has_next %}
         <a href="?page={{ guests.next_page_number }}">next</a>
         {% endif %}
     </span>
 </div>
</body>
</html>


index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Django Page</title>
</head>
<body>
 <h1>發佈會管理</h1>
 <form method="post" action="/login_action/">
     <input name="username" type="text" placeholder="username"><br>
     <input name="password" type="password" placeholder="password"><br>
     {{ error }}<br>
     <button id="bth" type="submit">登陸</button>

 </form>
</body>
</html>

templates/sign_index.html

<!DOCTYPE html><html lang="en"><head>{% load bootstrap3 %}{% bootstrap_css %}{% bootstrap_javascript %}<title>簽到</title></head><body> <!-- 導航欄 --> <nav class="navbar navbar-inverse navbar-fixed-top">     <div class="container">         <div class="navbar-header">             <a class="navbar-brand" href="#">{{ event.name }}</a>         </div>         <div id="navbar" class="collapse navbar-collapse">             <ul class="nav navbar-nav">                 <li><a href="/event_manage/">發佈會</a></li>                 <li><a href="/guest_manage/">嘉賓</a></li>             </ul>         </div>     </div> </nav> <!-- 簽到功能 --> <div class="page-header" style="padding-top: 80px;">     <div id="navbar1" class="navbar-collapse collapse">         <form class="navbar-form" method="post" action="/sign_index_action/{{event.id}}/">             <div class="form-group">                 <input name="phone" type="text" placeholder="輸入手機號" class="form-control">             </div>             <button type="submit" class="btn btn-success">簽到</button>             <font color="red">                 <br>{{ hint}}                 <br>{{ guest.realname }}                 <br>{{ guest.phone }}             </font>         </form>     </div> </div></body></html>