python开发电影查询系统（二）—Django展示

最新推荐文章于 2024-09-28 10:51:13 发布
置顶 最新推荐文章于 2024-09-28 10:51:13 发布
阅读量8.9k 收藏 38
点赞数 9
分类专栏： 爬虫实战 Python Web框架 文章标签： python django 前端 python爬虫 Django练习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MTbaby/article/details/77253344
版权

上篇博客讲了python爬取电影信息的后台数据处理，现在我们将Django前端显示。

这里写图片描述

如果对Django还不熟的朋友可以先找资料熟悉一下。
这里我们直接讲。
1.安装好Django后，找到你的工作目录，创建好一个项目find_film：

django-admin startproject find_film

2.在find_film目录下，即与manage.py文件同级目录下,创建一个app ,就叫FFilm吧

python manage.py startapp FFilm

3.将上篇博客创建的PaChong.db数据库复制到与manage.py同级目录下。
4.在FFilm目录下创建模板文件Templates

一、首先我们将本地数据库同步到FFilm/models.py文件中：
打开find_film目录下的cmd，输入命令

python manage.py inspectdb>FFilm/models.py

这里写图片描述

二、在settings.py中添加FFilm；

这里写图片描述

在settings.py中更改数据库；

这里写图片描述

三、在views.py中添加请求函数：

先看看我们的要求，其实就是要做三个入口页面，两个结果页面，所以这里需要五个请求函数；

我们分别定义

# -*- coding: utf-8 -*-
# Create your views here.
from __future__ import unicode_literals
from django.db.models import Q
from django.http import HttpResponse
from . import models
from django.shortcuts import render

#定义主函数，即首页展示
def home(request):
    return render(request,'home.html')

#定义ID查询入口函数，即ID入口页面
def ID_search(request):
    return render(request,'ID_home.html')

#定义ID查询结果函数
def ID_result(request,film_id):
    if str(film_id) == "0":
        return render(request, 'ID_home.html')
    try:
        film = models.Film.objects.get(pk = film_id)
        return render(request,'ID_result.html',{'film':film})
    except:
        s = "编号%s不在数据库中"%film_id
        return s

#定义根据电影名查询入口函数，即电影名查询入口页面
def NAME_search(request):
    name = models.Film.objects.all()
    return render(request,'NAME_home.html',{'name':name})

#根据电影名查询结果展示
def NAME_result(request):
    kw = request.GET['kw']
    films_name = models.Film.objects.filter(Q(name__icontains=kw) | Q(othername__icontains=kw))
    return render(request,'NAME_result.html',{'films_name':films_name, 'kw':kw})

四、配置urls.py文件：

from django.conf.urls import url,include
from FFilm import views
from django.conf.urls.static import static
from django.conf import settings
from django.conf.urls import url
from django.contrib import admin
urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^home/$',views.home),
    url(r'^home/IDsearch/$',views.ID_search),
    url(r'^home/NAMEsearch/$',views.NAME_search),
    url(r'^home/IDsearch/(?P<film_id>[0-9]+)/$',views.ID_result,name='ID_result'),
    url(r'^home/query',views.NAME_result),
]

五、接下来，我们要写每个页面对应的html文件
在Templates文件夹下，分别创建home.html，ID_home.html，ID_result.html，NAME_home.html，NAME_result.html五个文件。

这里写图片描述

1.home.html
首先home.html是所有查询的入口页面，我这里加了css的样式，看着好看点，代码如下：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<style type="text/css">
body{
background-color:#ccc;
margin:0;
padding:0;
text-align:center;
}
.button {
	display: inline-block;
	position: relative;
	margin: 10px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	font: bold 12px/25px Arial, sans-serif;

	text-shadow: 1px 1px 1px rgba(255,255,255, .22);

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

/* Green Color */

.green {
	color: #3e5706;

	background: #a5cd4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
}

/* Blue Color */

.blue {
	color: #19667d;

	background: #70c9e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #70c9e3 0%, #39a0be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* IE10+ */
	background: linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* W3C */
}

/* Big Button Style */

.big {
	padding: 0 60px;
	padding-top: 40px;
	height: 60px;
	text-transform: uppercase;
	font: bold 35px/22px Arial, sans-serif;
}

.big span {
	display: block;
	text-transform: none;
	font: italic normal 20px/28px Georgia, sans-serif;
	text-shadow: 1px 1px 1px rgba(255,255,255, .12);
}

a{
color:black;
text-decoration:none;
}
a:hover{
font-size:33px;
}
</style>
</head>
<body style="background-image:url('http://img1.imgtn.bdimg.com/it/u=1641239669,2780739600&fm=26&gp=0.jpg');background-size:cover;">
<div class="button big green" style="margin-top:230px;">
    <a href="http://127.0.0.1:8000/home/NAMEsearch/">电影名<span>Search</span></a>
</div>
<br/>
<br/>
<div class="button big blue">
    <a href="http://127.0.0.1:8000/home/IDsearch/">电影ID<span>Search</span></a>
</div>
</body>
</html>

展示效果：
这里写图片描述

2.ID_home.html

<!DOCTYPE html>
<html>
<head>
<script>
function copyText()
{
    var num=document.getElementById("search_text").value;
    var urlname = "http://127.0.0.1:8000/home/IDsearch/"+num;
    window.location.href=urlname;
}
 document.onkeydown = function(event_e){
        if(window.event) {
            event_e = window.event;
        }

        var int_keycode = event_e.charCode||event_e.keyCode;
        if( int_keycode == '13' ) {
            //your handler function,please.
            copyText();
            return false;
        }
    }
</script>


<meta http-equiv="Content-Type" charset='utf-8'>
<style type = "text/css">
body{
background-color:#ccc;
margin:0;
padding:0;
text-align:center;
}
.nav {
    background: #232323;
    height: 60px;
    display: inline-block;
}
.nav li {
    float: left;
    list-style-type: none;
    position: relative;
}
.nav li a {
    font-size: 16px;
    color: white;
    display: block;
    line-height: 60px;
    padding: 0 26px;
    text-decoration: none;
    border-left: 1px solid #2e2e2e;
    font-family: Montserrat, sans-serif;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.nav li a:hover {
    background-color: #2e2e2e;
}
#settings a {
    padding: 18px;
    height: 24px;
    font-size: 10px;
    line-height: 24px;
}
#search {
    width: 357px;
    margin: 4px;
}
#search_text{
    width: 297px;
    padding: 15px 0 15px 20px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    border: 0 none;
    height: 52px;
    margin-right: 0;
    color: white;
    outline: none;
    background: #1f7f5c;
    float: left;
    box-sizing: border-box;
    transition: all 0.15s;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: darkgray;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: white;
}
#search_text:focus {
    background: rgb(64, 151, 119);
}
#search_button {
    border: 0 none;
    background: #1f7f5c url(search.png) center no-repeat;
    width: 60px;
    float: left;
    padding: 0;
    text-align: center;
    height: 52px;
    cursor: pointer;
}
#options a{
    border-left: 0 none;
}
#options>a {
    background-image: url(triangle.png);
    background-position: 85% center;
    background-repeat: no-repeat;
    padding-right: 42px;
}
.subnav {
    visibility: hidden;
    position: absolute;
    top: 110%;
    right: 0;
    width: 200px;
    height: auto;
    opacity: 0;
    transition: all 0.1s;
    background: #232323;
}
.subnav li {
    float: none;
}
.subnav li a {
    border-bottom: 1px solid #2e2e2e;
}
#options:hover .subnav {
    visibility: visible;
    top: 100%;
    opacity: 1;
}
.txtCenter{
	text-align:center;
}

.button {
	display: inline-block;
	position: relative;
	margin: 10px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	font: bold 12px/25px Arial, sans-serif;

	text-shadow: 1px 1px 1px rgba(255,255,255, .22);

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

.blue {
	color: #19667d;

	background: #70c9e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #70c9e3 0%, #39a0be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* IE10+ */
	background: linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* W3C */
}

</style>

<body style="background-image:url('http://img1.imgtn.bdimg.com/it/u=1641239669,2780739600&fm=26&gp=0.jpg');background-size: cover;">
<div align= center>
<h1>Welcome to MTbaby's Website!</h1>
<h2>在这里开启你的电影之旅吧~~</h2>
<ul class="nav">
	<li id="search">
		<form class = "txtCenter"  method="post">
			<div id="some">
			<input  type="text" name="search_text" id="search_text"  maxlength="100" placeholder="请输入电影编号" autocomplete="off"/>
			<input type="button" name="search_button" id="search_button" >
			</div>
		</form>

	</li>
	<li id="options">

        <a onclick="copyText()">MT搜</a>
	</li>

</ul>
</div>
<div class="button blue" style="margin-top:23px;">
    <a href="http://127.0.0.1:8000/home/">返回首页</a>
</div>
<script src="prefixfree-1.0.7.js" type="text/javascript"></script>
</body>
</head>
</html>

效果展示

这里写图片描述
3.ID_result.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电影信息</title>
</head>
<style type="text/css">
body{
background-color:#ccc;
margin:0;
padding:0;
text-align:center;
}
.button {
	display: inline-block;
	position: relative;
	margin: 10px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	font: bold 12px/25px Arial, sans-serif;

	text-shadow: 1px 1px 1px rgba(255,255,255, .22);

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

.blue {
	color: #19667d;

	background: #70c9e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #70c9e3 0%, #39a0be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* IE10+ */
	background: linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* W3C */
}
.green {
	color: #3e5706;

	background: #a5cd4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
}
    /* Big Button Style */

.big {
	padding: 0 40px;
	padding-top: 20px;
	height: 40px;
	text-transform: uppercase;
	font: bold 30px/25px Arial, sans-serif;
}
</style>
<body style="background-image:url('http://127.0.0.1:8000/media/upload/0.jpg');background-size: cover;">
<form action="" method="post">

    {% csrf_token %}
    {% if film %}
        <h3 style="color: red;margin-left: -1200px"">【{{ film.id }}】的搜索结果:</h3>
        <table width='80%' align="center" border="1px" cellspacing="1px" bordercolor="#6699ff">
        <caption><h3>电影信息</h3></caption>
                <tr>
                    <td rowspan="17"><img src="{{ film.postlink }}" border="0" title="海报详情"></td>
                </tr>
                <tr>
                    <td></td>
                    <th>电影名</th>
                    <td>{{ film.name }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th>下载链接</th>
                    <td><a href="{{ film.url }}" title = "点击进行下载"/>下载地址</td>
                </tr>
                <tr>
                    <td></td>
                    <th>导演</th>
                    <td>{{ film.director }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th width="50px">编剧</th>
                    <td>{{ film.edit }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th width="110px">主演</th>
                    <td>{{ film.star }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th width="50px">类型</th>
                    <td>{{ film.type }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th width="50px">地区</th>
                    <td>{{ film.region }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th width="50px">语言</th>
                    <td>{{ film.language }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th width="10dpx">上映日期</th>
                    <td>{{ film.date }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th width="50px">片长</th>
                    <td>{{ film.length }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th>又名</th>
                    <td>{{ film.othername }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th>IMDB链接</th>
                    <td>{{ film.IMDblink }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th nowrap>简介</th>
                    <td>{{ film.brief }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th>豆瓣评分</th>
                    <td>{{ film.douban }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th>IMDB评分</th>
                    <td>{{ film.IMDB }}</td>
                </tr>
                <tr>
                    <td></td>
                    <th nowrap>摘要</th>
                    <td>{{ film.summery }}</td>
                </tr>



    </table>

    {% endif %}

</form>
<div class="button big blue" style="margin-right:23px;">
    <a href="http://127.0.0.1:8000/home/IDsearch/">返回查询页面</a>
</div>
<div class="button big green" style="margin-top:23px;">
    <a href="http://127.0.0.1:8000/home/">返回首页</a>
</div>
</body>
</html>

效果展示

这里写图片描述

4.NAME_home.html

<!DOCTYPE html>
<html>
<head>
<script>
function copyText()
{
    var kw=document.getElementById("search_text").value;
    var urlname = 'http://127.0.0.1:8000/home/query.html?kw='+kw;
    window.location.href=urlname
}
 document.onkeydown = function(event_e){
        if(window.event) {
            event_e = window.event;
        }

        var int_keycode = event_e.charCode||event_e.keyCode;
        if( int_keycode == '13' ) {
            //your handler function,please.
            copyText();
            return false;
        }
    }
</script>


<meta http-equiv="Content-Type" charset='utf-8'>
<style type = "text/css">
body{
background-color:#ccc;
margin:0;
padding:0;
text-align:center;
}
.nav {
    background: #232323;
    height: 60px;
    display: inline-block;
}
.nav li {
    float: left;
    list-style-type: none;
    position: relative;
}
.nav li a {
    font-size: 16px;
    color: white;
    display: block;
    line-height: 60px;
    padding: 0 26px;
    text-decoration: none;
    border-left: 1px solid #2e2e2e;
    font-family: Montserrat, sans-serif;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.nav li a:hover {
    background-color: #2e2e2e;
}
#settings a {
    padding: 18px;
    height: 24px;
    font-size: 10px;
    line-height: 24px;
}
#search {
    width: 357px;
    margin: 4px;
}
#search_text{
    width: 297px;
    padding: 15px 0 15px 20px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    border: 0 none;
    height: 52px;
    margin-right: 0;
    color: white;
    outline: none;
    background: #1f7f5c;
    float: left;
    box-sizing: border-box;
    transition: all 0.15s;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: darkgray;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: white;
}
#search_text:focus {
    background: rgb(64, 151, 119);
}
#search_button {
    border: 0 none;
    background: #1f7f5c url(search.png) center no-repeat;
    width: 60px;
    float: left;
    padding: 0;
    text-align: center;
    height: 52px;
    cursor: pointer;
}
#options a{
    border-left: 0 none;
}
#options>a {
    background-image: url(triangle.png);
    background-position: 85% center;
    background-repeat: no-repeat;
    padding-right: 42px;
}
.subnav {
    visibility: hidden;
    position: absolute;
    top: 110%;
    right: 0;
    width: 200px;
    height: auto;
    opacity: 0;
    transition: all 0.1s;
    background: #232323;
}
.subnav li {
    float: none;
}
.subnav li a {
    border-bottom: 1px solid #2e2e2e;
}
#options:hover .subnav {
    visibility: visible;
    top: 100%;
    opacity: 1;
}
.txtCenter{
	text-align:center;
}

.button {
	display: inline-block;
	position: relative;
	margin: 10px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	font: bold 12px/25px Arial, sans-serif;

	text-shadow: 1px 1px 1px rgba(255,255,255, .22);

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

.blue {
	color: #19667d;

	background: #70c9e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #70c9e3 0%, #39a0be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* IE10+ */
	background: linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* W3C */
}

</style>

<body style="background-image:url('http://img1.imgtn.bdimg.com/it/u=1641239669,2780739600&fm=26&gp=0.jpg');background-size: cover;">
<div align= center>
<h1>Welcome to MTbaby's Website!</h1>
<h2>在这里开启你的电影之旅吧~~</h2>
<ul class="nav">
	<li id="search">
		<form class = "txtCenter"  method="post">
			<div id="some">
			<input  type="text" name="search_text" id="search_text"  maxlength="100" placeholder="请输入关键字" autocomplete="off"/>
			<input type="button" name="search_button" id="search_button" >
			</div>
		</form>

	</li>
	<li id="options">
        <a onclick="copyText()">MT搜</a>
	</li>

</ul>
</div>
<div class="button blue" style="margin-top:23px;">
    <a href="http://127.0.0.1:8000/home/">返回首页</a>
</div>
<script src="prefixfree-1.0.7.js" type="text/javascript"></script>
<div  align= center>
    {% for line in name %}
        <h4>{{ line.name }}</h4>
        <h3><a href="{{ line.url }}" title="点击下载"/></h3>
    {% endfor %}
</div>
</body>
</head>
</html>

效果展示

这里写图片描述

5.NAME_result.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style type="text/css">
body{
background-color:#ccc;
margin:0;
padding:0;
text-align:center;
}
.button {
	display: inline-block;
	position: relative;
	margin: 10px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	font: bold 12px/25px Arial, sans-serif;

	text-shadow: 1px 1px 1px rgba(255,255,255, .22);

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

.blue {
	color: #19667d;

	background: #70c9e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #70c9e3 0%, #39a0be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* IE10+ */
	background: linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* W3C */
}
    /* Green Color */

.green {
	color: #3e5706;

	background: #a5cd4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
}
    /* Big Button Style */

.big {
	padding: 0 40px;
	padding-top: 20px;
	height: 40px;
	text-transform: uppercase;
	font: bold 30px/25px Arial, sans-serif;
}

</style>
<h3 style="color: red;margin-left: -1000px">【{{ kw }}】的搜索结果:</h3>
<body style="background-image: url('http://127.0.0.1:8000/media/upload/0.jpg');background-size: cover;">
<table width='80%' align="center" border="1px" cellspacing="1px" bordercolor="#6699ff">
        <tr>
            <th>电影ID</th>
            <th>电影名</th>
            <th>别名</th>
            <th>详情</th>
        </tr>
    {% for film in films_name %}
        <tr>
            <td width="8%">{{ film.fid }}</td>
            <td width="40%">{{ film.name }}</td>
            <td width="40%">{{ film.othername }}</td>
            <td width="12%"><a href="http://127.0.0.1:8000/home/IDsearch/{{film.id }}">查看详情</a></td>
        </tr>
    {% endfor %}

</table>
<div class="button big blue" style="margin-top:23px;">
    <a href="http://127.0.0.1:8000/home/NAMEsearch/">返回查询页面</a>
</div>
<div class="button big green" style="margin-top:23px;">
    <a href="http://127.0.0.1:8000/home/">返回首页</a>
</div>
</body>
</html>

效果展示

这里写图片描述

这里，点击“查看详情”，会跳转到对应ID的电影信息，与ID查询结果相关联。
最终效果图：

这里写图片描述

话不多说，赶快去试试吧~~~

创作不易，喜欢的话给喵喵赏点吧~（可怜眼神）
在这里插入图片描述

MTbaby
关注
专栏目录
python开发系统-Python
weixin_37988176的博客
11-01 1223
您所在的位置：首页>厂商培训Python Web架构开发工程师Python架构开发课程介绍对python进行全面系统的学习，了解Python各个分支的发展及应用，面向脚本开发和脚本工具开发，提高软件开发的整合能力，同时为后续python web开发，给予python的数据库分析，大数据分析，自动化测试及运维夯实基础，学会模块的整合使用及快速开发流程，熟练使用python胶水语言的特性，在多语言环境...
项目实战 Python Django 个人网站 电影推荐网站 完整代码
05-31
完整版Python-Django项目，调试通过，直接下载即可运行包括：登陆、注册、浏览、搜索、发布资源、评论等多个功能。可作为新手练习，课程设计，毕业设计，代码注释详细，便于理解。
Django框架实现简单电影小网站
10-08
用Django框架编写一个简单的电影小网站,可以实现登录注册,连接数据库,退出登录收藏等
NoSQL发展史及Redis快速入门
Hi_alan的博客
01-17 333
redis是c语言开发的一款高性能的NOSQL系列的非关系型数据库 什么是NOSQL NoSQL(NoSQL = Not Only SQL)，意即“不仅仅是SQL”，是一项全新的数据库理念，泛指非关系型的数据库。 随着互联网web2.0网站的兴起，传统的关系数据库在应付web2.0网站，特别是超大规模和高并发的SNS类型的web2.0纯动态网站已经显得力不从心，暴露了很多难以克服的问题，而非关系型...
基于python的办公自动化系统设计-计算机毕业设计源码38505
最新发布
vx1_Biye_Design的博客
09-28 1364
随着信息技术的不断发展，办公自动化系统在企业管理中扮演着越来越重要的角色。本论文基于Python语言设计了一套办公自动化系统，该系统主要包含两类用户：员工用户和管理员。员工用户可以通过系统进行办公用品的申领、个人工作任务的管理以及个人信息的查看和修改；管理员用户则具有更多的权限，包括用户管理、办公用品管理、工作任务管理等。本系统旨在提高办公效率，简化管理流程，帮助企业实现数字化办公的目标。 在系统设计方面，本文采用了面向对象的设计思想，将不同功能模块进行模块化设计，使系统更具可扩展性和灵活性.....
Python游戏开发平台、脚本系统架构设计
ancientear的博客
06-07 7499
2.1 开发平台 2.1.1 系统开发环境介绍 当前程序是以python为编程语言，主要功能实现依赖于pygame模块，主要用到surface对象之间的位置变化，再利用事件监听让程序运行起来。运行中Surface对象的位置发生变化后，界面刷新，用户对鼠标与键盘进行操作时，监听操作完成相应事件。 软件开发方式：①系统总体设计②系统详细设计③编码④测试 系统运行环境：Windows7及更高版本； 2....
基于Django框架和Python的电影推荐系统设计源码
04-05
本资源提供了一套基于Django框架和Python的电影推荐系统设计源码，包含725个文件，...这些文件详细展示了如何利用Python、Django和MySQL来开发一个协同过滤的电影推荐系统，非常适合用于学习和参考Python项目的开发。
计算机毕业设计：Python实现的电影推荐系统(Django+Docker，源码+详细说明)，保证可靠运行，附赠计算机答辩PPT
03-09
《计算机毕业设计：Python实现的电影推荐系统（Django+Docker，源码+详细说明）》是一项兼具创新性和实用性的计算机学习资源，特别适用于本科课程设计、毕业设计以及Python学习。此资源结合了Django框架和Docker容器...
Python基于Django的电影推荐系统和论坛源码.zip
07-09
描述中的“Python基于Django的电影推荐系统和论坛源码”进一步确认了这是一个开源的项目，提供了完整的源代码，开发者可以下载并研究其内部工作原理，或者在现有基础上进行二次开发。 标签“python django”明确了...
Python基于Django的电影系统源码.zip
05-19
Python基于Django的电影系统源码是一个典型的Web应用开发项目，它展示了如何使用Python的Django框架构建一个功能完备的在线电影信息系统。Django是一个高级的、免费的开源Web框架，它遵循模型-模板-视图（Model-...
电影推荐系统（推荐系统基于协同推荐用户，物品推荐都有）开发框架+ python + django + mysql
07-19
开发框架：vs2019 + python + django + mysql 数据库：mysql 电影信息数据来源从csv获取(也可以自行爬取数据，或者自己添加管理员后台自行上传，系统主要核心是推荐算法实现所以建议从网络爬取数据比自己输入快) ...
项目实战 Python Django 电影推荐网站 完整代码
05-20
完整版Python-Django项目，调试通过，直接下载即可运行包括：登陆、注册、浏览、搜索、发布资源、评论等多个功能。可作为新手练习，课程设计，毕业设计，代码注释详细，便于理解。
利用Python采集电影详细信息（上）
大数据-攻城狮
01-14 1863
前段时间猫哥给大家讲解了12306换乘抢票。今天猫哥带着大家一起对豆瓣电影（音乐、图书也一样）的详细信息进行一次抓取，我们先打开豆瓣电影的链接https://movie.douban.com/,然后点击选电影，如下图 我们对华语电影进行抓取，其他类别的电影以此类推。 分析数据来源，判断是否是动态加载。猫哥的判断方法就是看源码，源码中没有数据，就说明是动态加载。方法：右键--->查看网...
利用python采集电影详情信息（下）
大数据-攻城狮
01-15 1242
上次猫哥讲到了利用Python抓取豆瓣电影详细信息的下半部分，这次猫哥将继续向下讲解，进行更深入的信息抓取。 我们上次已经获取到了所有电影的URL链接。 得到了每个电影的URL之后，我们就可以逐个的进行请求并获取详细电影数据。 从获取的信息我们可以看到，虽然有内容，但是看起来却很乱，接下来我们对提取的内容进行处理。 如果你认为这样就已经结束了的话，那可就想多了。我...
【Python】Django查询数据
lyz19921004的博客
04-03 490
本文章顺序参照Django官方文档的Making queries章节[https://docs.djangoproject.com/en/2.1/topics/db/queries/]，举例model使用如下model： class Book(models.Model): name = models.CharField(max_length=256) author = models...
python django的查询语句
TionSu的博客
02-19 315
原文地址：https://www.cnblogs.com/rinka/p/django_make_queries_anout_built-in_lookups.html   django-查询语句 1.model 假设我们的model如下： 某个JobType下有很多Job。 class JobType(models.Model): name = models.CharFie...
使用python语言开发一个系统，包含五个字段
weixin_35751412的博客
12-19 200
好的，为了开发一个包含五个字段的系统，你可以这样做： 首先，确定你需要哪五个字段。例如，你可能需要存储用户的姓名、年龄、性别、电话号码和地址。 然后，使用 Python 建立一个类来表示这五个字段。这个类应该包含五个属性，分别对应这五个字段。例如： class User: def __init__(self, name, age, gender, phone, address): ...
python开发操作系统_Python开发——13.操作系统、进程和线程
weixin_30533301的博客
02-04 875
一、操作系统1.定义操作系统是用来协调、管理和控制计算机硬件和软件资源的系统程序，它位于硬件和应用程序之间。操作系统运行在内核态，拥有对所有硬件的完全访问权，可以执行机器能够运行的任何指令。软件的其余部分运行在用户态。在用户态下，只使用了机器指令中的一个子集，且影响机器的控制或可进行IO(输入/输出)操作的指令是禁止的。2.发展历史(1)真空管与穿孔卡片操作流程：程序员将对应于程序和数据的已穿孔的...
Python项目开发：Django基于Python的班级管理系统的设计与实现
QQ1694456187的博客
09-21 1267
随着互联网技术的高速发展，人们生活的各方面都受到互联网技术的影响。现在人们可以通过互联网技术就能实现不出家门就可以通过网络进行系统管理，交易等，而且过程简单、快捷。同样的，在人们的工作生活中，也就需要互联网技术来方便人们的日常工作生活，实现工作办公的自动化处理，实现信息化，无纸化办公。
【Python Django MySQL】电影推荐系统源码
资源摘要信息: "本资源是一份完整的电影推荐系统项目，使用Python语言结合Django框架和MySQL数据库进行开发。项目源码包含详细的代码注释，便于新手理解，同时也获得了导师的高度认可，是毕业设计、期末大作业和课程...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值