Form doesn't display in template - Django

Question

I try to create a form in Django's app but nothing display in browser.

Here my app.models.py :

from django.db import models

class Scrape(models.Model):
  query = models.CharField(max_length=100)
  author = models.CharField(max_length=100)
  date = models.DateTimeField('date scraped')
  h3 = models.TextField(max_length=500)
  links = models.TextField(max_length=10000)
  meta = models.TextField(max_length=10000)

Here my app.forms.py :

from django.forms import ModelForm
from app.models import Scrape
    
class ScrapeForm(ModelForm):   
    class Meta:
        model = Scrape
        fields = ['query',]

Here my app.views.py :

    from django.contrib.auth.decorators import login_required
from django.shortcuts import render, get_object_or_404, redirect
from django.template import loader
from django.http import HttpResponse
from django import forms, template
from .forms import ScrapeForm

@login_required(login_url="/login/")
def index(request):
    
    context = {}
    context['segment'] = 'index'

    html_template = loader.get_template( 'index.html' )
    return HttpResponse(html_template.render(context, request))

@login_required(login_url="/login/")
def pages(request):
    context = {}
    # All resource paths end in .html.
    # Pick out the html file name from the url. And load that template.
    try:
        
        load_template      = request.path.split('/')[-1]
        context['segment'] = load_template
        
        html_template = loader.get_template( load_template )
        return HttpResponse(html_template.render(context, request))
        
    except template.TemplateDoesNotExist:

        html_template = loader.get_template( 'page-404.html' )
        return HttpResponse(html_template.render(context, request))

    except:
    
        html_template = loader.get_template( 'page-500.html' )
        return HttpResponse(html_template.render(context, request))

def get_query(request):
    if request.method == 'POST':
        form = ScrapeForm(request.POST)
        if form.is_valid():
            print('coucou')
            return redirect('/scraping')
    else:
        form = ScrapeForm()
    
    return render(request, "scraping.html", {'form': form})

Here my scraping.html :

<form class="navbar-search form-inline mr-3 d-none d-md-flex ml-lg-auto post-form" action="" method="POST">{% csrf_token %}
     <div class="form-group mb-0">
        <div class="input-group input-group-alternative">
           <div class="input-group-prepend">
              <span class="input-group-text"><i class="fas fa-search"></i></span>
           </div>
         {{ form }}
                <input class="input-group-text" type="submit" value="OK" style="color:initial">
         </div>
      </div>
  </form>

When I inspect html page, form doesn't exist.

I tried {{form.as_p}} but nothing happens.

I have a result when I try with manage.py shell

Could you help me please ?

You have to use `{{ form.as_p }}` check this post for more information https://docs.djangoproject.com/en/3.2/topics/forms/#form-rendering-options — Ankit Tiwari, Jun 22 '21 at 16:45
Yes. I did it. class ScrapForm(ModelForm): class Meta: model = Scrap fields = ['query',] Bt it doesn't work for me. — shamgroup, Jun 22 '21 at 18:08
in shell, I try this : [In 1] from app.forms import ScrapForm [In 2] form = ScrapForm() [In 3 ] form.as_p() I've got in out : Out[3]: '
Query:
' For the entire views.py, I 've edited my original post for more visibility. — shamgroup, Jun 22 '21 at 22:03

Ankit Tiwari · Accepted Answer · 2021-06-23T08:02:33.070

0

You have to remove or comment this URL

re_path(r'^.*\.*', views.pages, name='pages'),

if you want to add custom 404 page than there are good examples are available and after commenting it out you have to define a URL for your get_query like this

path('get_query/', views.get_query, name='get_query'),

and than you have to got to http://127.0.0.1:8000/get_query/ this URL you will find your form

edited Jun 23 '21 at 08:02

answered Jun 23 '21 at 04:46

Ankit Tiwari

4,438
4
14
41

Thanks @Ankit Tiwari but it doesn't work. – shamgroup Jun 23 '21 at 05:15
Hello @shamgroup try like this https://stackoverflow.com/a/17429589/14457833 and let me know if there is an exception – Ankit Tiwari Jun 23 '21 at 06:25
in shell, I try this : [In 1] from app.forms import ScrapForm [In 2] form = ScrapForm() [In 3 ] form.as_p() I've got in out : Out[3]: '
Query:
' So, I think this form is created but it isn't displayed in template – shamgroup Jun 23 '21 at 06:31
as you can see your form have a field that you have defined in `forms.py` file so there may be a `css` or `javascript` is there which is hiding your form – Ankit Tiwari Jun 23 '21 at 06:33
or just try `{{form.query}}` – Ankit Tiwari Jun 23 '21 at 06:35
I've tried {{form.query}} without success and I don't find anything about CSS or JS – shamgroup Jun 23 '21 at 06:59
there maybe another issue you have your code on GitHub ? – Ankit Tiwari Jun 23 '21 at 07:00
https://github.com/ejulliard/SEO_project.git Thanks for all ! – shamgroup Jun 23 '21 at 07:13
Hello @shamgroup kindly add `.env` file in your `.gitignore` file or your all secret information is visible to all. – Ankit Tiwari Jun 23 '21 at 07:21
I've delete the key from .env Thanks ! – shamgroup Jun 23 '21 at 07:32
how you see you your `scrapping.html` which url – Ankit Tiwari Jun 23 '21 at 07:41
Hello @shamgroup check this https://imgur.com/o8OeMQY – Ankit Tiwari Jun 23 '21 at 07:53
I am able to show your form what I have done I will post in my answer – Ankit Tiwari Jun 23 '21 at 07:55
Hello @shamgroup check I have edited my answer – Ankit Tiwari Jun 23 '21 at 08:05
Hello @shamgroup did my answer solved your problem? – Ankit Tiwari Jun 23 '21 at 09:47

Form doesn't display in template - Django

1 Answers1