python - 如何在 HTML 中向搜索查询显示所有可用结果
问题描述
我在 django 中有这个搜索引擎,当你查找“发布日期”时,它只显示一个带有该日期的结果,而不是所有可用的结果。我想知道如何管理它,以便如果我寻找具有多个结果的东西,它将显示所有结果,而不是随机的唯一结果。
这是我认为的搜索功能:
def films(request):
movies = []
if request.method == 'POST':
film_url = 'https://ghibliapi.herokuapp.com/films/'
search_params = {
'films' : 'title',
'films' : 'description',
'films' : 'director',
'films' : 'release_date',
'q' : request.POST['search']
}
r = requests.get(film_url, params=search_params)
results = r.json()
if len(results):
for result in results:
movie_data = {
'Title' : result['title'],
'Release_date': result['release_date'],
'Director' : result['director'],
'Producer' : result['producer'],
'Description' : result['description']
}
movies.append(movie_data)
else:
message = print('No results found')
context = {
'movies' : movies
}
return render(request,'core/films.html', context)
这是我的html:
{% load static %}
<!DOCTYPE html>
<html>
<head>
<title>Ghibli Studio | Movies</title>
<link rel="stylesheet" href="{% static 'core/films.css' %}">
</head>
<body>
<div class="layer">
<div class=" header">
</div>
<div class="wrap">
<form action='/films' method="POST">
{% csrf_token %}
<div class="search">
<input type="text" name="search" class="searchTerm" placeholder=" Type movie name">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<button type="submit" class="searchButton">
<i class="fa fa-search" style="font-size:24px"></i>
</button>
</div>
</form>
</div>
{% if movies %}
{% for movie in movies %}
<div>
<ul class="result">
<style>
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300&display=swap');
</style>
<h4>{{movie.Title}}</h4>
<h5 style="color:lightslategray;">
Release date: {{movie.Release_date}} <br>
Director: {{movie.Director}}
<br>Producer: {{movie.Producer}}
<br>
<br>{{movie.Description}}
</h5>
</ul>
{% endfor %}
{% endif %}
</div>
</div>
</body>
</html>
解决方案
推荐阅读
- timer - 串行监视器上的计时器值
- microsoft-graph-api - 找不到列出电子邮件回复的方法
- random - 如何在 AMPL 中生成随机参数
- angularjs - 对于搜索框,如果“在 ENTER 上搜索”,哪种实现方法正确?以 ng-submit 或 n-keypress 的形式使用它?
- c# - 根据角色和某些条件在 mvc 视图中渲染特定部分
- sql - 写入查询以迭代就业数据表并执行服务持续时间的总和
- r - 使用 Caret 训练不同的 ML 模型
- python - 为什么我在 Python 中使用 ctypes 从 C 函数中得到错误的地址
- docker - 谷歌云运行容器网络
- reporting-services - 具有多列的 SSRS 分组