1.准备工作
M层：生成虚假数据
from django.db import models from faker import Factory # Create your models here. class Video(models.Model): """视频字段列表""" title = models.CharField(null=True, blank=True, max_length=300) # 视频标题 content = models.TextField(null=True) # 视频内容 url_image = models.URLField(null=True, blank=True) # 视频url地址 new_choice = models.BooleanField(default=False) # 视频分类用的 editors_choice = models.BooleanField(default=False) def __str__(self): return self.title # f = open('/Users/Administrator/Desktop/111.txt', 'r') # fake = Factory.create() # # for url in f.readlines(): # v = Video( # title=fake.text(max_nb_chars=90), # content=fake.text(max_nb_chars=3000), # url_image=url, # new_choice=fake.pybool(), # editors_choice=fake.pybool(), # ) # v.save()
https://pixabay.com/static/uploads/photo/2016/08/25/19/10/mill-1620440__340.jpg https://pixabay.com/static/uploads/photo/2016/09/10/17/47/eggplant-1659784__340.jpg https://pixabay.com/static/uploads/photo/2016/08/16/17/20/elevator-1598431__340.jpg https://pixabay.com/static/uploads/photo/2016/09/08/13/58/algodones-dunes-1654439__340.jpg https://pixabay.com/static/uploads/photo/2016/09/08/20/52/milky-way-1655504__340.jpg https://pixabay.com/static/uploads/photo/2016/09/10/19/56/lions-1660044__340.jpg https://pixabay.com/static/uploads/photo/2016/09/10/23/48/bridge-1660417__340.jpg https://pixabay.com/static/uploads/photo/2016/09/08/18/38/dovetail-1655098__340.jpg https://pixabay.com/static/uploads/photo/2016/08/17/18/15/tabletop-photography-1601184__340.jpg https://pixabay.com/static/uploads/photo/2016/09/04/20/14/sunset-1645103__340.jpg https://pixabay.com/static/uploads/photo/2016/08/19/18/50/fruit-1605921__340.jpg https://pixabay.com/static/uploads/photo/2016/08/15/20/29/olive-oil-1596417__340.jpg https://pixabay.com/static/uploads/photo/2016/09/01/13/35/doll-1636128__340.jpg https://pixabay.com/static/uploads/photo/2016/09/08/12/00/starry-sky-1654074__340.jpg https://pixabay.com/static/uploads/photo/2016/09/01/19/43/sunrise-1637376__340.jpg https://pixabay.com/static/uploads/photo/2016/09/01/19/53/pocket-watch-1637396__340.jpg https://pixabay.com/static/uploads/photo/2016/08/25/11/01/landscape-1619283__340.jpg https://pixabay.com/static/uploads/photo/2016/08/29/21/29/lotus-flower-1629225__340.jpg https://pixabay.com/static/uploads/photo/2016/09/07/16/19/bremen-town-musicians-1651945__340.jpg https://pixabay.com/static/uploads/photo/2016/08/25/19/10/mill-1620440__340.jpg https://pixabay.com/static/uploads/photo/2016/08/27/22/55/sunset-1625073__340.jpg https://pixabay.com/static/uploads/photo/2016/08/30/11/59/cobweb-1630493__340.jpg https://pixabay.com/static/uploads/photo/2016/09/01/18/24/rk5161-1636868__340.jpg https://pixabay.com/static/uploads/photo/2016/07/27/20/03/berries-1546125__340.jpg https://pixabay.com/static/uploads/photo/2016/08/26/20/44/elan-1623088__340.jpg https://pixabay.com/static/uploads/photo/2016/08/09/21/54/yellowstone-national-park-1581879__340.jpg https://pixabay.com/static/uploads/photo/2016/07/15/15/55/dachshund-1519374__340.jpg https://pixabay.com/static/uploads/photo/2016/05/28/07/04/women-1421096__340.jpg https://pixabay.com/static/uploads/photo/2016/08/28/17/54/sunset-1626515__340.jpg https://pixabay.com/static/uploads/photo/2016/08/13/15/28/lake-tahoe-1590923__340.jpg https://pixabay.com/static/uploads/photo/2016/08/11/09/40/water-lily-1585178__340.jpg https://pixabay.com/static/uploads/photo/2016/07/31/19/26/fischer-1559753__340.jpg https://pixabay.com/static/uploads/photo/2016/08/11/22/35/tomatoes-1587130__340.jpg https://pixabay.com/static/uploads/photo/2016/04/22/16/42/mt-fuji-1346096__340.jpg https://pixabay.com/static/uploads/photo/2016/08/12/23/47/yosemite-1590013__340.jpg https://pixabay.com/static/uploads/photo/2016/08/01/20/13/girl-1561989__340.jpg https://pixabay.com/static/uploads/photo/2016/08/26/17/14/geese-1622692__340.jpg https://pixabay.com/static/uploads/photo/2016/03/09/03/49/tarantula-nebula-1245253__340.jpg https://pixabay.com/static/uploads/photo/2016/08/11/23/55/redwood-national-park-1587301__340.jpg https://pixabay.com/static/uploads/photo/2016/08/26/17/33/landscape-1622739__340.jpg https://pixabay.com/static/uploads/photo/2016/09/03/21/40/eurasian-eagle-owl-1642795__340.jpg https://pixabay.com/static/uploads/photo/2016/08/28/22/59/dahlia-1627138__340.jpg https://pixabay.com/static/uploads/photo/2016/09/03/14/19/motion-1641793__340.jpg https://pixabay.com/static/uploads/photo/2016/09/04/08/46/butterfly-1643510__340.jpg https://pixabay.com/static/uploads/photo/2015/12/17/02/22/milky-way-1096815__340.jpg https://pixabay.com/static/uploads/photo/2016/09/04/12/05/sun-flower-1643794__340.jpg https://pixabay.com/static/uploads/photo/2015/08/20/02/46/arch-896900__340.jpg https://pixabay.com/static/uploads/photo/2016/09/03/23/17/flowers-1642964__340.jpg https://pixabay.com/static/uploads/photo/2016/09/03/18/44/dahlia-1642464__340.jpg https://pixabay.com/static/uploads/photo/2016/09/03/14/15/motion-1641781__340.jpg
V层：
from django.shortcuts import render from website.models import Video # Create your views here. def listing(request): """listing主页视图""" context = {} video_list = Video.objects.all() # 获取所有的视频信息 context['video_list'] = video_list return render(request, 'listing.html', context)
from django.conf.urls import url from django.contrib import admin from website.views import listing urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^listing/', listing, name='listing'), ]
T层
<img src="{{ video.url_image }}" alt="" style="height:200px;object-fit: cover;">
<!DOCTYPE html> {% load staticfiles %} <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="{% static 'css/semantic.css' %}" media="screen" title="no title" charset="utf-8"> <link rel="stylesheet" href="{% static 'css/list_custom.css' %}" media="screen" title="no title" charset="utf-8"> <link href="https://fonts.googleapis.com/css?family=Oswald|Raleway" rel="stylesheet"> </head> <body> <div class="ui inverted top fixed menu borderless red menu"> <div class="header item"> <div class="ui image"> <img src="{% static 'images/tenlogo.png' %}" alt=""> </div> </div> <div class="right menu"> <div class="item"> <h5 class="ui inverted header"> <div class="ui mini circular image"> <img src="{% static 'images/hou30.jpg' %}" alt=""> </div> <span>admin</span> </h5> </div> <div class="item"> <a href="#logout/" class="ui inverted circular button">Logout</a> </div> </div> </div> <div class="ui inverted segment container nav"> <div class="ui three borderless item menu"> <a class="item"> All </a> <a class="item"> New </a> <a class="active item" href="#list/editors"> Editor's </a> </div> </div> <div class="ui basic segment container content"> <div class="ui three column grid"> {% for video in video_list %} <div class="column"> <a class="ui fluid card" href="#detail/215"> <div class="image"> <img src="{{ video.url_image }}" alt="" style="height:200px;object-fit: cover;"> </div> </a> <div class="title header" href="/detail/215">{{ video.title }}</div> <i class="icon grey unhide"></i> <span style="color:#bbbbbb">10K</span> <span class="" style="color:rgb(226, 226, 226)">|</span> <i class="icon grey checkmark"></i> <span style="color:#bbbbbb"> 10 people got it</span> </div> {% endfor %} </div> </div> <div class="ui center aligned very padded vertical segment container"> <div class="ui pagination menu"> <a href="#" class="item"> <i class="icon red left arrow"></i> </a> <a href="#" class="item"> <i class="icon red right arrow"></i> </a> </div> </div> </body> </html>
INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'website', ] TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR, 'templates').replace('\','/')], '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', ], }, }, ]
2.V层实现分页功能
1 V层：djang自带的分页器
from django.shortcuts import render, Http404 from website.models import Video from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger # Create your views here. def listing(request): """listing主页视图""" context = {} video_list = Video.objects.all() # 获取所有的视频信息 page_data = Paginator(video_list, 9) # 每页9个数据 try: video_list = page_data.page(request.GET.get('page')) # get方法取哪一页 except EmptyPage: video_list = page_data.page(page_data.num_pages) # ?page=999加载最后一页 # raise Http404('Not found this page') 第二种方法 except PageNotAnInteger: video_list = page_data.page(1) # ?page=23daf 加载第一页 context['video_list'] = video_list return render(request, 'listing.html', context)
2.T层分页
<div class="ui center aligned very padded vertical segment container"> <div class="ui pagination menu"> {% if video_list.has_previous %} <a href="?page={{ video_list.previous_page_number }}" class="item"> <i class="icon red left arrow"></i> </a> {% else %} <a href="?page={{ video_list.start_index }}" class="disabled item"> <i class="icon left arrow"></i> </a> {% endif %} {% if video_list.has_next %} <a href="?page={{ video_list.next_page_number }}" class="item"> <i class="icon red right arrow"></i> </a> {% else %} <a href="?page={{ video_list.end_index }}" class="disabled item"> <i class="icon right arrow"></i> </a> {% endif %} </div> </div>
3.文章分类
1.错误： 注意 ^listing/$
url(r'^listing/$', listing, name='listing'), url(r'^listing/(?P<cate>[A-Za-z]+)$', listing, name='listing'), # cate变量
2 M层 不变
3 url
from django.conf.urls import url from django.contrib import admin from website.views import listing urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^listing/$', listing, name='listing'), url(r'^listing/(?P<cate>[A-Za-z]+)$', listing, name='listing'), # cate变量 ]
4 V层
from django.shortcuts import render, Http404 from website.models import Video from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger # Create your views here. def listing(request, cate=None): """listing主页视图""" context = {} if cate is None: video_list = Video.objects.all() else: if cate == 'new': video_list = Video.objects.filter(new_choice=True) elif cate == 'editors': video_list = Video.objects.filter(editors_choice=True) else: video_list = Video.objects.all() # 获取所有的视频信息 page_data = Paginator(video_list, 9) # 每页9个数据 page_num = request.GET.get('page') try: video_list = page_data.page(page_num) # get方法取哪一页 except EmptyPage: video_list = page_data.page(page_data.num_pages) # ?page=999加载最后一页 # raise Http404('Not found this page') 第二种方法 except PageNotAnInteger: video_list = page_data.page(1) # ?page=23daf 加载第一页 context['video_list'] = video_list return render(request, 'listing.html', context)
5 M层
<div class="ui three borderless item menu"> <a class="active item" href="{% url 'listing' %}">All</a> {% if 'new' in request.path %} <a class="active item" href="{% url 'listing' %}new">New</a> {% else %} <a class="item" href="{% url 'listing' %}new">New</a> {% endif %} {% if 'editors' in request.path %} <a class="active item" href="{% url 'listing' %}editors">Editor's</a> {% else %} <a class="item" href="{% url 'listing' %}editors">Editor's</a> {% endif %} </div>
4.上传本地图片
1 M层
from django.db import models from faker import Factory # Create your models here. class Video(models.Model): """视频字段列表""" title = models.CharField(null=True, blank=True, max_length=300) # 视频标题 content = models.TextField(null=True) # 视频内容 url_image = models.URLField(null=True, blank=True) # 视频url地址 cover = models.FileField(upload_to='cover_image', null=True) # 上传图片字段 new_choice = models.BooleanField(default=False) # 视频分类用的 editors_choice = models.BooleanField(default=False) def __str__(self): return self.title
2 V层不变
3 url Debug模式
from django.conf.urls import url from django.contrib import admin from website.views import listing from django.conf import settings from django.conf.urls.static import static urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^listing/$', listing, name='listing'), url(r'^listing/(?P<cate>[A-Za-z]+)$', listing, name='listing'), # cate变量 ] if settings.DEBUG: urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
setting
STATIC_URL = '/static/' MEDIA_URL = '/upload/' MEDIA_ROOT = os.path.join(BASE_DIR, 'upload').replace("//", "/")
4.T层
<a class="ui fluid card" href="#"> <div class="image"> {% if video.cover %} <img src="/upload/{{ video.cover }}" alt="" style="height:200px;object-fit: cover;"> {% else %} <img src="{{ video.url_image }}" alt="" style="height:200px;object-fit: cover;"> {% endif %} </div> </a>
5.登录页面
from django.contrib.auth.forms import AuthenticationForm
from django.contrib.auth import authenticate,login
1 form.py文件
from django import forms class LoginForm(forms.Form): """login登录表单""" username = forms.CharField() password = forms.CharField()
2 V层
方法1：authenticate验证form表单
from django.shortcuts import render, Http404, redirect, HttpResponse from website.models import Video from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger from django.contrib.auth import authenticate,login from website.form import LoginForm # Create your views here. def detail_login(request): """登录view""" context = {} if request.method == "GET": form = LoginForm if request.method == "POST": form = LoginForm(request.POST) print(form) if form.is_valid(): username = form.cleaned_data['username'] password = form.cleaned_data['password'] user = authenticate(username=username, password=password) if user: login(request, user) return redirect(to='listing') else: return HttpResponse("<h1>Not found this user</h1>") context['form'] = form return render(request, 'login_regist.html', context)
方法2：AuthenticationForm验证
from django.shortcuts import render, Http404, redirect, HttpResponse from website.models import Video from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger from django.contrib.auth import authenticate,login from website.form import LoginForm from django.contrib.auth.forms import UserCreationForm, AuthenticationForm # Create your views here. # Django自带的"AuthenticationForm 登录验证 def detail_login(request): """登录验证""" context = {} if request.method == "GET": form = AuthenticationForm if request.method == "POST": form = AuthenticationForm(data=request.POST) if form.is_valid(): login(request, form.get_user()) return redirect(to='listing') context['form'] = form return render(request, 'login_regist.html', context)
3. url
from website.views import listing,detail_login from django.conf import settings from django.conf.urls.static import static urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^listing/$', listing, name='listing'), url(r'^listing/(?P<cate>[A-Za-z]+)$', listing, name='listing'), # cate变量 url(r'^login/$', detail_login, name='detail_login'), ]
4.T层
<form class="ui form" method="post"> {{ form.as_p }} {% csrf_token %} <button class="ui inverted red circular right floated button" type="submit">Done</button> </form>
6.注册
from django.contrib.auth.forms import UserCreationForm,
1. V层：UserCreationForm注册
from django.shortcuts import render, Http404, redirect, HttpResponse from website.models import Video from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger from django.contrib.auth import authenticate,login from website.form import LoginForm from django.contrib.auth.forms import UserCreationForm, AuthenticationForm # Create your views here. # 注册 def detail_register(request): """注册功能""" context = {} if request.method == "GET": form = UserCreationForm if request.method == "POST": form = UserCreationForm(request.POST) if form.is_valid(): form.save() return redirect(to="detail_login") context['form'] = form return render(request, 'login_regist.html', context)
2. url
from django.conf.urls import url from django.contrib import admin from website.views import listing,detail_login, detail_register from django.conf import settings from django.conf.urls.static import static urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^listing/$', listing, name='listing'), url(r'^listing/(?P<cate>[A-Za-z]+)$', listing, name='listing'), # cate变量 url(r'^login/$', detail_login, name='detail_login'), url(r'^register/$', detail_register, name='detail_register'), ]
3.T层
<form class="ui form" method="post"> {{ form.as_p }} {% csrf_token %} <button class="ui inverted red circular right floated button" type="submit">Done</button> </form>
7.自定义form表单
<form class="ui form error" method="post"> {% if form.errors %} <div class="ui error message"> {{ form.errors }} </div> {% for field in form %} <div class="{{ field.errors|yesno:'error, ' }} field"> {{ field.label }} {{ field }} </div> {% endfor %} {% else %} {% for field in form %} <div class="field"> {{ field.label }} {{ field }} </div> {% endfor %} {% endif %} {% csrf_token %} <button class="ui inverted red circular right floated button" type="submit">Done</button> </form>
<!DOCTYPE html> {% load staticfiles %} <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="{% static 'css/semantic.css' %}" media="screen" title="no title" charset="utf-8"> <link rel="stylesheet" href="{% static 'css/list_custom.css' %}" media="screen" title="no title" charset="utf-8"> <link href="https://fonts.googleapis.com/css?family=Play" rel="stylesheet"> <style type="text/css"> body { background: url({% static 'images/super_blur_back2.jpg' %}); background-size: cover; } .ui.grid.divided.segment.container{ min-height: 400px; 600px !important; border:rgba(255, 0, 0, 0); position: absolute; left: 50%; top:40%; transform: translate(-50%,-50%); } .five.wide.column { background: url({% static 'images/red_regi.jpg' %}); background-size: cover; background-position: 60% 0%; } form { margin-top: 60px; } h1,h3,h4{ font-family: 'Play', sans-serif !important; } </style> </head> <body> <div class="ui grid divided segment container"> <div class="five wide column"> <h4 class="ui inverted header"> <i class="angle left icon"></i> </h4> <h1 class="ui inverted center aligned header" style="font-size: 40px;margin-top:55px"> <p class="sub header"> Welcome to </p> 10MINs </h1> </div> <div class="eleven wide column"> {% if 'register' in request.path %} <h4 class="ui inverted right aligned header"> <a href="{% url 'detail_login' %}" style="color:#ff695e;">or LOGIN</a> </h4> {% elif 'login' in request.path %} <h4 class="ui inverted right aligned header"> <a href="{% url 'detail_register' %}" style="color:#ff695e;">or REGISTER</a> </h4> {% endif %} <form class="ui form error" method="post"> {% if form.errors %} <div class="ui error message"> {{ form.errors }} </div> {% for field in form %} <div class="{{ field.errors|yesno:'error, ' }} field"> {{ field.label }} {{ field }} </div> {% endfor %} {% else %} {% for field in form %} <div class="field"> {{ field.label }} {{ field }} </div> {% endfor %} {% endif %} {% csrf_token %} <button class="ui inverted red circular right floated button" type="submit">Done</button> </form> </div> </div> </body> </html>
8 .登出
from django.contrib.auth.views import logout
1 M层
2 V层
3 url
from website.views import listing,detail_login, detail_register from django.contrib.auth.views import logout urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^listing/$', listing, name='listing'), url(r'^listing/(?P<cate>[A-Za-z]+)$', listing, name='listing'), # cate变量 url(r'^login/$', detail_login, name='detail_login'), url(r'^register/$', detail_register, name='detail_register'), url(r'^logout/$', logout, {'next_page':'/listing'}, name='logout'), ]
4 T层
<div class="right menu"> {% if request.user.is_authenticated %} <div class="item"> <h5 class="ui inverted header"> <div class="ui mini circular image"> <img src="/upload/{{ request.user.profile.profile_image }}" alt=""> </div> <span>{{ request.user.username }}</span> </h5> </div> <div class="item"> <a href="{% url 'logout' %}" class="ui inverted circular button">Logout</a> </div> {% else %} <div class="item"> <h5 class="ui inverted header"> <div class="ui mini circular image"> <img src="{% static 'images/hou30.jpg' %}" alt=""> </div> <span>{{ request.user.username }}</span> </h5> </div> <div class="item"> <a href="{% url 'detail_login' %}" class="ui inverted circular button">Signip/Login</a> </div> {% endif %} </div>
9.扩展用户资料
1 M层
from django.contrib.auth.models import User
from django.db import models from faker import Factory from django.contrib.auth.models import User # Create your models here. class UserProfile(models.Model): """扩展用户资料""" belong_to = models.OneToOneField(to=User, related_name='profile') profile_image = models.FileField(upload_to='profile_image')
T层
<div class="ui mini circular image"> <img src="/upload/{{ request.user.profile.profile_image }}" alt=""> </div>
<div class="right menu"> {% if request.user.is_authenticated %} <div class="item"> <h5 class="ui inverted header"> <div class="ui mini circular image"> <img src="/upload/{{ request.user.profile.profile_image }}" alt=""> </div> <span>{{ request.user.username }}</span> </h5> </div> <div class="item"> <a href="{% url 'logout' %}" class="ui inverted circular button">Logout</a> </div> {% else %} <div class="item"> <h5 class="ui inverted header"> <div class="ui mini circular image"> <img src="{% static 'images/hou30.jpg' %}" alt=""> </div> <span>{{ request.user.username }}</span> </h5> </div> <div class="item"> <a href="{% url 'detail_login' %}" class="ui inverted circular button">Signip/Login</a> </div> {% endif %} </div>
9 详情页面
V层
def detail(request,page_num): """详情页""" context = {} video = Video.objects.get(id=page_num) context['video'] = video return render(request,'detail.html',context)
url
from website.views import listing,detail_login, detail_register, detail from django.contrib.auth.views import logout urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^listing/$', listing, name='listing'), url(r'^listing/(?P<cate>[A-Za-z]+)$', listing, name='listing'), # cate变量 url(r'^login/$', detail_login, name='detail_login'), url(r'^register/$', detail_register, name='detail_register'), url(r'^logout/$', logout, {'next_page':'/listing'}, name='logout'), url(r'^detail/(?P<page_num>d+)$', detail, name='detail'), ]
T层
<h1 class="ui header">{{ video.title }}</h1> <i class="icon grey unhide"></i> <span style="color:#bbbbbb">10K</span> <span class="" style="color:#e2e2e2">|</span> <i class="icon grey checkmark"></i> <span style="color:#bbbbbb">5673 people got it</span> <p> {{ video.content }} </p>
<!DOCTYPE html> {% load staticfiles %} <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="{% static 'css/semantic.css' %}" media="screen" title="no title" charset="utf-8"> <link rel="stylesheet" href="{% static 'css/detail.css' %}" media="screen" title="no title" charset="utf-8"> <link href="https://fonts.googleapis.com/css?family=Oswald|Raleway" rel="stylesheet"> </head> <body> <div class="ui inverted fixed menu borderless red menu"> <div class="item"> <div class="ui image" > <a href="{% url 'listing' %}"> <img src="{% static 'images/tenlogo.png' %}" alt=""> </a> </div> </div> <div class="right menu"> {% if request.user.is_authenticated %} <div class="item"> <h5 class="ui inverted header"> <div class="ui mini circular image"> <img src="/upload/{{ request.user.profile.profile_image }}" alt=""> </div> <span>{{ request.user.username }}</span> </h5> </div> <div class="item"> <a href="{% url 'logout' %}" class="ui inverted circular button">Logout</a> </div> {% else %} <div class="item"> <h5 class="ui inverted header"> <div class="ui mini circular image"> <img src="{% static 'images/hou30.jpg' %}" alt=""> </div> <span>{{ request.user.username }}</span> </h5> </div> <div class="item"> <a href="{% url 'detail_login' %}" class="ui inverted circular button">Signip/Login</a> </div> {% endif %} </div> </div> <div class="ui vertical inverted detail segment"></div> <div class="ui basic segment container"> <h1 class="ui header">{{ video.title }}</h1> <i class="icon grey unhide"></i> <span style="color:#bbbbbb">10K</span> <span class="" style="color:#e2e2e2">|</span> <i class="icon grey checkmark"></i> <span style="color:#bbbbbb">5673 people got it</span> <p> {{ video.content }} </p> <div class="ui divider"></div> <form class="ui form" action="" method="post"> <button class="ui tiny button" type="submit" name="vote" value="like"> <i class="icon checkmark"></i> Get it! </button> <button class="ui red tiny button" type="submit" name="vote" value="normal"> <i class="icon bomb"></i> Hmmm... </button> <button class="ui secondary circular tiny right floated button"> <i class="pin icon"></i> Saved </button> </form> </div> </body> </html>
10 投票功能
M层
class Ticket(models.Model): """投票字段""" voter = models.ForeignKey(to=UserProfile, related_name="voter_tickets") video = models.ForeignKey(to=Video, related_name='tickets') VOTE_CHOICES = ( ('like','like'), ('dislike', 'dislike'), ('normal', 'normal'), ) choice = models.CharField(choices=VOTE_CHOICES, max_length=10) def __str__(self): return str(self.id)
注册
from django.contrib import admin from website.models import Video, UserProfile, Ticket # Register your models here. admin.site.register(Video) admin.site.register(UserProfile) admin.site.register(Ticket)
V层：获取投票和内容
def detail(request,page_num): """详情页""" context = {} video = Video.objects.get(id=page_num) # 投票的是哪个视频 voter_id = request.user.profile.id # 投票的是哪个用户 print(voter_id) try: user_ticker_for_this_video = Ticket.objects.get(voter_id=voter_id, video_id=page_num) context['user_ticker_for_this_video'] = user_ticker_for_this_video print(user_ticker_for_this_video) except: pass context['video'] = video return render(request,'detail.html',context)
T层
<form class="ui form" action="" method="post"> {% csrf_token %} {% if user_ticker_for_this_video.choice == 'like' %} <button class="ui red tiny button" type="submit" name="vote" value="normal"> <i class="icon checkmark"></i>Get it! </button> <button class="ui tiny button" type="submit" name="vote" value="dislike"> <i class="icon bomb"></i>Hmmm... </button> {% elif user_ticker_for_this_video.choice == 'dislike'%} <button class="ui tiny button" type="submit" name="vote" value="like"> <i class="icon checkmark"></i>Get it! </button> <button class="ui red tiny button" type="submit" name="vote" value="normal"> <i class="icon bomb"></i>Hmmm... </button> {% else %} <button class="ui tiny button" type="submit" name="vote" value="like"> <i class="icon checkmark"></i>Get it! </button> <button class="ui tiny button" type="submit" name="vote" value="dislike"> <i class="icon bomb"></i>Hmmm... </button> {% endif %} <button class="ui secondary circular tiny right floated button"> <i class="pin icon"></i>Saved </button> </form>
11 投票post
M层
from django.db import models from faker import Factory from django.contrib.auth.models import User # Create your models here. class UserProfile(models.Model): """扩展用户资料""" belong_to = models.OneToOneField(to=User, related_name='profile') profile_image = models.FileField(upload_to='profile_image') class Video(models.Model): """视频字段列表""" title = models.CharField(null=True, blank=True, max_length=300) # 视频标题 content = models.TextField(null=True) # 视频内容 url_image = models.URLField(null=True, blank=True) # 视频url地址 cover = models.FileField(upload_to='cover_image', null=True) # 上传图片字段 new_choice = models.BooleanField(default=False) # 视频分类用的 editors_choice = models.BooleanField(default=False) def __str__(self): return self.title # f = open('/Users/Administrator/Desktop/111.txt', 'r') # fake = Factory.create() # # for url in f.readlines(): # v = Video( # title=fake.text(max_nb_chars=90), # content=fake.text(max_nb_chars=3000), # url_image=url, # new_choice=fake.pybool(), # editors_choice=fake.pybool(), # ) # v.save() class Ticket(models.Model): """投票字段""" voter = models.ForeignKey(to=UserProfile, related_name="voter_tickets") video = models.ForeignKey(to=Video, related_name='tickets') VOTE_CHOICES = ( ('like','like'), ('dislike', 'dislike'), ('normal', 'normal'), ) choice = models.CharField(choices=VOTE_CHOICES, max_length=10) def __str__(self): return str(self.id)
V层
def detail_voter_post(request,page_num): """post提交投票""" voter_id = request.user.profile.id # 投票的是哪个用户 try: user_ticker_for_this_video = Ticket.objects.get(voter_id=voter_id, video_id=page_num) user_ticker_for_this_video.choice = request.POST['vote'] user_ticker_for_this_video.save() except ObjectDoesNotExist: new_ticket = Ticket(voter_id=voter_id, video_id=page_num, choice=request.POST['vote']) print(new_ticket) new_ticket.save() return redirect(to='detail',page_num=page_num)
from django.shortcuts import render, Http404, redirect, HttpResponse from website.models import Video,Ticket, UserProfile from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger from django.contrib.auth import authenticate,login from website.form import LoginForm from django.contrib.auth.forms import UserCreationForm, AuthenticationForm from django.core.exceptions import ObjectDoesNotExist # Create your views here. # Django自带的"AuthenticationForm 登录验证 def detail_login(request): """登录验证""" context = {} if request.method == "GET": form = AuthenticationForm if request.method == "POST": form = AuthenticationForm(data=request.POST) if form.is_valid(): login(request, form.get_user()) return redirect(to='listing') context['form'] = form return render(request, 'login_regist.html', context) # 方法2：form表单验证 # def detail_login(request): # """登录view""" # context = {} # if request.method == "GET": # form = LoginForm # if request.method == "POST": # form = LoginForm(request.POST) # print(form) # if form.is_valid(): # username = form.cleaned_data['username'] # password = form.cleaned_data['password'] # user = authenticate(username=username, password=password) # # if user: # login(request, user) # return redirect(to='listing') # else: # return HttpResponse("<h1>Not found this user</h1>") # # context['form'] = form # return render(request, 'login_regist.html', context) # 注册 def detail_register(request): """注册功能""" context = {} if request.method == "GET": form = UserCreationForm if request.method == "POST": form = UserCreationForm(request.POST) if form.is_valid(): form.save() return redirect(to="detail_login") context['form'] = form return render(request, 'login_regist.html', context) def listing(request, cate=None): """listing主页视图""" context = {} if cate is None: video_list = Video.objects.all() else: if cate == 'new': video_list = Video.objects.filter(new_choice=True) elif cate == 'editors': video_list = Video.objects.filter(editors_choice=True) else: video_list = Video.objects.all() # 获取所有的视频信息 page_data = Paginator(video_list, 9) # 每页9个数据 page_num = request.GET.get('page') try: video_list = page_data.page(page_num) # get方法取哪一页 except EmptyPage: video_list = page_data.page(page_data.num_pages) # ?page=999加载最后一页 # raise Http404('Not found this page') 第二种方法 except PageNotAnInteger: video_list = page_data.page(1) # ?page=23daf 加载第一页 context['video_list'] = video_list return render(request, 'listing.html', context) def detail(request,page_num): """详情页""" context = {} video = Video.objects.get(id=page_num) # 投票的是哪个视频 voter_id = request.user.profile.id # 投票的是哪个用户 #print(voter_id) try: user_ticker_for_this_video = Ticket.objects.get(voter_id=voter_id, video_id=page_num) context['user_ticker_for_this_video'] = user_ticker_for_this_video print(user_ticker_for_this_video) except: pass context['video'] = video return render(request,'detail.html',context) def detail_voter_post(request,page_num): """post提交投票""" voter_id = request.user.profile.id # 投票的是哪个用户 try: user_ticker_for_this_video = Ticket.objects.get(voter_id=voter_id, video_id=page_num) user_ticker_for_this_video.choice = request.POST['vote'] user_ticker_for_this_video.save() except ObjectDoesNotExist: new_ticket = Ticket(voter_id=voter_id, video_id=page_num, choice=request.POST['vote']) print(new_ticket) new_ticket.save() return redirect(to='detail',page_num=page_num)
url
from website.views import listing,detail_login, detail_register, detail,detail_voter_post from django.contrib.auth.views import logout urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^listing/$', listing, name='listing'), url(r'^listing/(?P<cate>[A-Za-z]+)$', listing, name='listing'), # cate变量 url(r'^login/$', detail_login, name='detail_login'), url(r'^register/$', detail_register, name='detail_register'), url(r'^logout/$', logout, {'next_page':'/listing'}, name='logout'), url(r'^detail/(?P<page_num>d+)$', detail, name='detail'), url(r'^detail/vote/(?P<page_num>d+)$', detail_voter_post, name='detail_voter_post'),
"""tenmins URL Configuration The `urlpatterns` list routes URLs to views. For more information please see: https://docs.djangoproject.com/en/1.9/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 django.conf import settings from django.conf.urls.static import static from website.views import listing,detail_login, detail_register, detail,detail_voter_post from django.contrib.auth.views import logout urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^listing/$', listing, name='listing'), url(r'^listing/(?P<cate>[A-Za-z]+)$', listing, name='listing'), # cate变量 url(r'^login/$', detail_login, name='detail_login'), url(r'^register/$', detail_register, name='detail_register'), url(r'^logout/$', logout, {'next_page':'/listing'}, name='logout'), url(r'^detail/(?P<page_num>d+)$', detail, name='detail'), url(r'^detail/vote/(?P<page_num>d+)$', detail_voter_post, name='detail_voter_post'), ] if settings.DEBUG: urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
T层
<form class="ui form" action="{% url 'detail_voter_post' video.id %}" method="post">
<!DOCTYPE html> {% load staticfiles %} <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="{% static 'css/semantic.css' %}" media="screen" title="no title" charset="utf-8"> <link rel="stylesheet" href="{% static 'css/detail.css' %}" media="screen" title="no title" charset="utf-8"> <link href="https://fonts.googleapis.com/css?family=Oswald|Raleway" rel="stylesheet"> </head> <body> <div class="ui inverted fixed menu borderless red menu"> <div class="item"> <div class="ui image" > <a href="{% url 'listing' %}"> <img src="{% static 'images/tenlogo.png' %}" alt=""> </a> </div> </div> <div class="right menu"> {% if request.user.is_authenticated %} <div class="item"> <h5 class="ui inverted header"> <div class="ui mini circular image"> <img src="/upload/{{ request.user.profile.profile_image }}" alt=""> </div> <span>{{ request.user.username }}</span> </h5> </div> <div class="item"> <a href="{% url 'logout' %}" class="ui inverted circular button">Logout</a> </div> {% else %} <div class="item"> <h5 class="ui inverted header"> <div class="ui mini circular image"> <img src="{% static 'images/hou30.jpg' %}" alt=""> </div> <span>{{ request.user.username }}</span> </h5> </div> <div class="item"> <a href="{% url 'detail_login' %}" class="ui inverted circular button">Signip/Login</a> </div> {% endif %} </div> </div> <div class="ui vertical inverted detail segment"></div> <div class="ui basic segment container"> <h1 class="ui header">{{ video.title }}</h1> <i class="icon grey unhide"></i> <span style="color:#bbbbbb">10K</span> <span class="" style="color:#e2e2e2">|</span> <i class="icon grey checkmark"></i> <span style="color:#bbbbbb">5673 people got it</span> <p> {{ video.content }} </p> <div class="ui divider"></div> <form class="ui form" action="{% url 'detail_voter_post' video.id %}" method="post"> {% csrf_token %} {% if user_ticker_for_this_video.choice == 'like' %} <button class="ui red tiny button" type="submit" name="vote" value="normal"> <i class="icon checkmark"></i>Get it! </button> <button class="ui tiny button" type="submit" name="vote" value="dislike"> <i class="icon bomb"></i>Hmmm... </button> {% elif user_ticker_for_this_video.choice == 'dislike'%} <button class="ui tiny button" type="submit" name="vote" value="like"> <i class="icon checkmark"></i>Get it! </button> <button class="ui red tiny button" type="submit" name="vote" value="normal"> <i class="icon bomb"></i>Hmmm... </button> {% else %} <button class="ui tiny button" type="submit" name="vote" value="like"> <i class="icon checkmark"></i>Get it! </button> <button class="ui tiny button" type="submit" name="vote" value="dislike"> <i class="icon bomb"></i>Hmmm... </button> {% endif %} <button class="ui secondary circular tiny right floated button"> <i class="pin icon"></i>Saved </button> </form> </div> </body> </html>
like 计数
like_counts = Ticket.objects.filter(choice='like', video_id=page_num).count() #视频有多少like context['like_counts'] = like_counts
<span style="color:#bbbbbb">{{ like_counts }} people got it</span>
12 debug
- 只能adminuser完成投票功能
- 匿名或者其他用户不能查看，投票
