【Web开发二】Django框架中部署一套投票网站

Django原理，URLS路由接收到客户端访问的请求------>view视图函数进行请求的处理-------->models模型（数据库）进行数据的处理--------->view视图函数进行数据的处理--------->template模板（HTML）进行数据的展示，反馈给客户端

一、初始化数据库，生成管理后台的用户。登录管理后台

python manage.py migrate #初始化数据库

python manage.py createsuperuser #创建超级用户

二、创建模型，模型，也就是关联到数据库的类函数，例如投票系统，那么就有投票项，投票项创建时间，投票内容选项，投票内容选项创建时间，票数。遵从数据库的准则，我们把投票项，和投票内容选项分开在两个表。

打开models.py

from django.db import models

# Create your models here.
class Question(models.Model): #创建这样类，继承于父类
question_text = models.CharField(max_length=200) #创建实例，类型为字符，最大长度200
publish_date = models.DateTimeField('publish date') #创建实例，类型为时间，声明为xxxx

def __str__(self): 使用str方法，返回问题内容
return self.question_text

class Choice(models.Model): #创建这样类，继承于父类
choice_text = models.CharField(max_length=100) #创建实例，类型为字符，最大长度100
publish_date = models.DateTimeField('publish date') #创建实例，类型为时间，声明为xxxx
vote = models.IntegerField(default=0) #创建实例，类型为数字，默认为0
question = models.ForeignKey(Question, on_delete=models.CASCADE) #创建实例，类型为（Question）外键，删除关联

def __str__(self): 使用str方法，返回问题选项内容
return self.choice_text

三、把应用添加到项目里面，把模型注册到后台管理。并且优化管理后台。

1、打开settings.py

2、打开admin.py

from django.contrib import admin
from .models import Question, Choice #导入模块
class QuestionAdmin(admin.ModelAdmin): #新建模型，集成于父类
list_display = ('question_text', 'publish_date') #优化后台管理器显示
list_filter = ('publish_date',) #使用时间作为过滤器
search_fields = ('question_text',) #使用内容作为搜索器
ordering = ('-publish_date', 'question_text') #使用降序时间排序，使用问题排序
date_hierarchy = 'publish_date' #使用时间作为时间轴

class ChoiceAdmin(admin.ModelAdmin):
list_display = ('question', 'choice_text', 'vote', 'publish_date')
list_filter = ('publish_date',)
search_fields = ('choice_text',)
ordering = ('-publish_date', 'vote')
date_hierarchy = 'publish_date'
raw_id_fields = ('question',) #优化选项，效果是显示question详情

admin.site.register(Question, QuestionAdmin) #注册到管理后台
admin.site.register(Choice, ChoiceAdmin)

3、效果如图

4、我们都说了，模型就是关联到数据库的。现在模型有了。那么就应该把模型。应用到数据库上，让数据库生成模型里面的字段。

python manage.py makemigrations #生成数据库语句

python manage.py migrate #执行语句

三、在web页面创建问题和相关选项。

生成问题

生成对应问题的选项

四、查看数据库，可以得到，polls_question和polls_choice这2个表格，有了刚刚我们输入的内容了。并且，Django自动为他们加入了id主键。并且choice表格里面有外键约束。

五、制作主页，走一遍Django的工作原理

根据Django的工作原理，我们第一步要修改的，应该是应用的urls文件

1、打开urls.py

from django.conf.urls import url
from . import views

urlpatterns = [
url(r'^$', views.index, name='index'),
]

这里已经写好去index的路由了。交友view里面的index函数处理。

2、打开views.py

from django.shortcuts import render, HttpResponse
from .models import Question, Choice #导入模块

# Create your views here.
def index(request): #创建index函数
question = Question.objects.all() #定义实例question，值为Question的对象查询集合
return render(request, 'polls/index.html', {'question': question}) #发送数据到polls下的index.html，参数名为question，值为question

3、创建模板目录，创建模板文件

mkdir -p polls/templates/polls

4、编写index.html文件。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>polls主页</title>
</head>
<body>
<ul>
{% for q in question %}
<li>
<a href="此处填写的是超链接跳转的页面，暂时留空">
{{ q.question_text }}
</a>
        {{ q.publish_date }}
</li>
{% endfor%}
</ul>
</body>
</html>

效果如图

六、制作每个问题的详情页，实现访问主页，并且会进行跳转。

1、惯例修改urls文件。

打开urls.py

from django.conf.urls import url
from . import views

urlpatterns = [
url(r'^$', views.index, name='index'),
url(r'(?P<question_id>\d+)/$', views.detail, name='detail') ###规划url，我们用数字来做一个变量。然后根据数字来匹配polls_question的id，实现准确的定位到question_text。
]

2、修改views.py文件。新增detail视图函数，获取数据，然后发送给模板文件。

def detail(request, question_id): #question_id是从url这里获取的
question = Question.objects.get(id=question_id) #通过get的方法，获得对应的question实例
return render(request, 'polls/detail.html', {'question': question})

3、创建detail.html文件，然后根据实际需求，编写对应的视图界面

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>投票详情页</title>
</head>
<body>
<p>{{ question }}</p>
<form action="此处留空，作用是提交数据到vote的">
{% for c in question.choice_set.all %}
<input type="radio" name="c_id" value="{{c.id}}">{{ c.choice_text }} ##name和value处，后面会说明
{% endfor %}
<input type="submit" value="提交">
</form>
</body>
</html>

4、修改主页index.html，为超链接匹配detail.tml的模板

打开index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>polls主页</title>
</head>
<body>
<ul>
{% for q in question %}
<li>
<a href="{% url 'detail' question_id=q.id %}"> #调用url模块，匹配detail视图函数，作为参数的question。值为q.id
{{ q.question_text }}
</a>
        {{ q.publish_date }}
</li>
{% endfor%}
</ul>
</body>
</html>

到此，我们实现了。超链接跳转的问题了。

七、制作投票结果的工作

1、urls.py文件新增记录

from django.conf.urls import url
from . import views

urlpatterns = [
url(r'^$', views.index, name='index'),
url(r'(?P<question_id>\d+)/$', views.detail, name='detail'),
url(r'(?P<question_id>\d+)/result/$', views.result, name='result'), #新增
]

2、新增views.py文件中的函数

def result(request, question_id):
question = Question.objects.get(id=question_id)
return render(request, 'polls/result.html', {'question': question})

3、新增模板中的result.html文件，根据实际需求规划好数据

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>投票结果页</title>
</head>
<body>
<table border="1px">
<tr>
<td colspan="2">{{ question }}</td>
</tr>
{% for c in question.choice_set.all %}
<tr>
<td>
{{ c.choice_text }}
</td>
<td>
票数：{{ c.vote }}
</td>
</tr>
{% endfor %}
</table>
</body>
</html>

效果如图

八、创建投票的程序，思路应该是这样的，在主页中，选择哪个问题，就相当于用question_id,打开对应的详情页，然后在详情页里面，选择哪个选项，选项的id会从表单中post到vote的程序。vote程序对数据进行+1，进行投票。然后投票结束后反馈结果页面给客户端。我们先做detail主页的代码，然后再完善投票程序。

1、

1、新增urls.py文件的代码

from django.conf.urls import url
from . import views

urlpatterns = [
url(r'^$', views.index, name='index'),
url(r'(?P<question_id>\d+)/$', views.detail, name='detail'),
url(r'(?P<question_id>\d+)/result/$', views.result, name='result'),
url(r'(?P<question_id>\d+)/vote/$', views.vote, name='vote'),
]

2、新增views.py文件记录。

def vote(request, question_id): #创建vote程序，参数question_id是从detail中获取
choice_id = request.POST.get('c_id') #利用request的方法，获取参数c_id
c = Choice.objects.get(id=choice_id) #获取到Choice的实例
c.vote += 1 #票数+1
c.save()
return redirect('result', question_id=question_id) #重定向到result页面。

3、修改detail.py文件

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>投票详情页</title>
</head>
<body>
<p>{{ question }}</p>
<form action="{% url 'vote' question_id=question.id %}" method="post"> #方式为post，然后提交数据到vote，参数为XXXXX
{% for c in question.choice_set.all %}
<input type="radio" name="c_id" value="{{ c.id }}">{{ c.choice_text }}
{% endfor %}
<input type="submit" value="提交">
</form>
</body>
</html>

------------------------------------------------------------------------------------------------------------------------------------------------------------------------

基本完成

效果如下