pythonのフォーム入力の際にエラーメッセージを表示させたい

Question

前提・実現したいこと

python3の初学者です。python3を用いて簡易的なスクレイピングのアプリを作成しています。現在は、ブラウザ上でビューファイルは問題なく表示され、urlを用いたスクレイピングも行えています。しかし、例外のurlで抽出すると、(IndexError: list index out of range)が発生するため、例外時に画面上にフォームエラーのメッセージを表示させたいのですが、表示されなくて困っております。

エラーメッセージの表示方法は以下のURLのサイトを参考にしました
参考URL

実際に実装を進めると、以下の様な(TemplateDoesNotExist at /path/to/form-alert.html)のエラーが発生している状況です。

発生している問題・エラーメッセージ

Traceback (most recent call last):
  File "/Users/hoge/.pyenv/versions/3.7.0/lib/python3.7/site-packages/django/core/handlers/exception.py", line 47, in inner
    response = get_response(request)
  File "/Users/hoge/.pyenv/versions/3.7.0/lib/python3.7/site-packages/django/core/handlers/base.py", line 202, in _get_response
    response = response.render()
  File "/Users/hoge/.pyenv/versions/3.7.0/lib/python3.7/site-packages/django/template/response.py", line 105, in render
    self.content = self.rendered_content
  File "/Users/hoge/.pyenv/versions/3.7.0/lib/python3.7/site-packages/django/template/response.py", line 83, in rendered_content
    return template.render(context, self._request)
  File "/Users/hoge/.pyenv/versions/3.7.0/lib/python3.7/site-packages/django/template/backends/django.py", line 63, in render
    reraise(exc, self.backend)
  File "/Users/hoge/.pyenv/versions/3.7.0/lib/python3.7/site-packages/django/template/backends/django.py", line 84, in reraise
    raise new from exc
django.template.exceptions.TemplateDoesNotExist: path/to/form-alert.html

該当のソースコード

以下にエラーメッセージに関連するコードを記述します
form-alart.html

{% if form.non_field_errors %}
<ul class="alert alert-danger list-unstyled">
  <li style="list-style-type: none;">
<ul class="alert alert-danger list-unstyled">{% for error in form.non_field_errors %}
  <li>{{ error }}</li>
</ul>
  </li>
</ul>
{% endfor %}

{% endif %}

home.html

{% extends 'base.html' %}

{% block header %}
<div class="jumbotron">
   <div class="container">
     <h1 class="display-4">News</h1>
     <p class="lead">NewsのURLを記述してください</p>
   </div>
 </div>
{% endblock header %}

{% block content %}
<div class="container">
{% include 'path/to/form-alert.html' %} 　　　#エラーを表示させたい箇所
<form action='' method='POST'>{% csrf_token %}
<p>URL： <input type="text" name='url'></p>
<input type="submit" value="取得する">
</form>
</div>
{% endblock content %}

settings.pyのテンプレートの部分のコード

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [BASE_DIR, 'templates'],
        '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',
            ],
        },
    },
]

view.pyのコード

from django.shortcuts import render
from .models import News
from django.views.generic import CreateView
from django.urls import reverse_lazy
import urllib.request
import requests
from bs4 import BeautifulSoup


class Create(CreateView):
   template_name = 'home.html'
   model = News
   fields = ('url',)
   success_url = reverse_lazy('list')


def listfunc(request):
   for post in News.objects.all():
      url = post.url
   list = []
   response = requests.get(url)
   bs = BeautifulSoup(response.text, "html.parser")
   ul_tag = bs.find_all(class_="yjnSubTopics_list")
   for tag in ul_tag[0]:
      title = tag.a.getText()
      url2 = tag.a.get("href")
      list.append([title, url2])
   context = {'list': list,}
   return render(request, 'list.html', context)

試したこと

①エラーメッセージを表示させる記述「{% include 'path/to/form-alert.html' %} 」の配置する場所がおかしいのでは？と考え、ファイルの先頭や別ファイルなどに移動させてみたが、特に変化なし。

②settings.pyにて誤表記があるのでは？と考えたが、自分が見た中では、誤表記は見つけられなかった。

補足情報（FW/ツールのバージョンなど）

コードエディター VSコード
Python 3.7.0
Django 3.1.4
requests 2.25.1
beautifulsoup4 4.9.3

ディレクトリとファイルの構成
https://gyazo.com/434a1275b9db6c0e147dd6c18fd1b1c1

Comments

[errormaker74]

`IndexError: list index out of range`はviews.pyで起きているのでしょうか？
もし差し支えなければviews.py内のソースコードを載せられますか？

`TemplateDoesNotExist`はDjangoがテンプレートのファイルを見つけることができなかった場合に表示されるエラーです。
十中八九、テンプレートファイルの置き場所を間違えているのでディレクトリ・ファイル構成を載せたほうがいいかもしれません。

[hisa_eng]

コメントありがとうございます！
views.pyのコードを追記いたしました。
また、ディレクトリとファイル構成をスクショしたGyazoのURLも追記しました。
ご確認よろしくお願いします。

[_whitecat_22]

テンプレが無い件は、パス指定の変更で解消したようですね！^^

次は、IndexErrorですか…

Answer 1

テンプレートのパスを確認してください

{% include 'path/to/form-alert.html' %}        # この記述どおりのパスにhtmlファイルが存在しますか？

---

【追記】

パス変更後のIndexErrorについて。

例外のURLをフォームに入力した際に、該当するclassが取得できないために、下記内のfor文で、"IndexError: list index out of range" となっていると思われます。

    ul_tag = bs.find_all(class_="yjnSubTopics_list")
    for tag in ul_tag[0]:        # ↑このclassが取得できないとき、ul_tagは空になるため、ココで "index out of range" になります。
        title = tag.a.getText()
        url2 = tag.a.get("href")
        list.append([title, url2])

　
例外となるURLを入力した際は、try/except エラー表示して逃げましょうか。

    ul_tag = bs.find_all(class_="yjnSubTopics_list")
    try:
        for tag in ul_tag[0]:
            title = tag.a.getText()
            url2 = tag.a.get("href")
            list.append([title, url2])
    except Exception as e:
        print("例外が発生しました")

Comments

[hisa_eng]

丁寧にありがとうございます。
try/exceptに関しては考えていませんでしたので、大変勉強になりました。
ご指摘いただいた通りに実施しました所、メッセージはブラウザ上ではなくターミナルのみで表示されています。しかし、例外のURLで抽出を試みた際に、エラーは全く発生しなくなりましたので、ベストアンサーとさせていただきます！
残りは私の方で、実装を進めていきたいと思います。

[_whitecat_22]

どういたしまして！^^
お役に立てて嬉しく思います。

たしかに、、exceptの場合にprint文にしたため、ターミナル上にエラーが表示されますね。。
print文ではなく、別の手法を使うことでWEBページ上にも表示できるはずです。
まずは、調べて実装してみてください。
お互いにpython/djangoの習得に向けてがんばりましょう！

Answer 2

{% include 'path/to/form-alert.html' %}

の箇所を

{% include 'form-alert.html' %}

に修正はしてみるとどうでしょうか？

Comments

[hisa_eng]

先ほど修正して確認しました。結果、TemplateDoesNotExistは解消されましたが、例外のurlをフォームに入力した際に、再び"IndexError: list index out of range"が表示されました。
ひとまず、１歩進むことができました。ありがとうございます。

[errormaker74]

あとは`listfunc`メソッド内でprintしてみてどこでIndexErrorが起きているか確認すればよいかと思います。

printの一例。

```
ul_tag = bs.find_all(class_="yjnSubTopics_list")
print(ul_tag)
```

値がとれていれば`python manage.py runserver`しているところで確認できます。

[_whitecat_22]

例外のURLをフォームに入力した際に、該当するclassが取得できないために、下記内のfor文で、"IndexError: list index out of range" となっていると思われます。

詳細は、回答として追記しました。