𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.04.08.금

Today I Learn 220408

---

오늘은 Django CRUD를 활용한 프로젝트를 했다. 이전에 했던것에서 develop된 프로젝트였다. 그 중 가장 큰 차이점은 이전에는 html을 이용해 구현해냈다면, 이번에는 Django ModelForm을 활용하여 더 깔끔한 형태를 출력해냈다. 또한 bootstrap5를 활용해 더 완성도 있는 페이지를 구현해 냈다.

이번 프로젝트에서 어려웠던 점

명세서에 있는대로 forms.py의 class안에 필드를 설정하는게 살짝 까다로웠다. 이전에 실습했던 것과 다른 widget을 사용하니 약간 어려움이 컸었다.

from django import forms
from .models import Article

class ArticleForm(forms.ModelForm):

    class Meta:
        model = Article
        fields = '__all__'

기본적으로 이러한 형태로 forms.py는 구성되는데 여기에 widget을 추가할 수 있다.

<Django의 위젯 사용 방법 2가지>

1. 권장하는 방법

from django import forms
from .models import Article

#application/forms.py를 추천함!

#Django의 위젯 사용 권장 사항
class ArticleForm(forms.ModelForm):
    title = forms.CharField(
        label="제목",
        widget=forms.TextInput(
            attrs={
                'class':'my-title form-control',
                'placeholder':'입력하세요',
            }
        )
    )

    content = forms.CharField(
        label="내용",
        widget=forms.Textarea(
            attrs={
                'class':'my-content form-control',
            }
        ),
        error_messages={
            'required':'Please enter your content!!!!'
        }
    )
    class Meta:
        model = Article
        fields = '__all__'

2. 모델에 mapping하는 방법

from django import forms
from .models import Article

#application/forms.py를 추천함!

#Django의 위젯 사용 권장 사항
class ArticleForm(forms.ModelForm):
    class Meta: #모델에 mapping
        model = Article
        fields = '__all__'
        #exclude=('title',) #fields와 exclude는 같이 사용 금지!
        widgets = {
             'title' : forms.TextInput(attrs={'placeholder': '입력하세요'})}

내가 가장 헷갈렸던 select요소 넣기는 다음과 같이 가능하다.

from django import forms
from .models import Article

class ArticleForm(forms.Form):
     REGION_A = 'sl'
     REGION_B = 'dj'
     REGION_C = 'gj'
     REGION_D = 'gm'
     REGION_E = 'bu'
     REGIONS_CHOICE = [
         (REGION_A,'서울'),
         (REGION_B,'대전'),
         (REGION_C,'광주'),
         (REGION_D,'구미'),
         (REGION_E,'부울경'),
     ]
     title = forms.CharField(max_length=10)
     content = forms.CharField(widget=forms.Textarea)
     region = forms.ChoiceField(widget=forms.Select,choices=REGIONS_CHOICE)

따라서 이번 프로젝트에서는 다음과 같은 코드를 적어 해결할 수 있었다.

from django import forms
from .models import Movie

class MovieForm(forms.ModelForm):

    GENRES_CHOICES = [
    ("코미디", "코미디"),
    ("공포", "공포"),
    ("로맨스", "로맨스")]
    genre = forms.ChoiceField(choices=GENRES_CHOICES, widget=forms.Select())
    score = forms.FloatField( widget=forms.NumberInput(attrs={'type':'number', 'step':0.5, 'min':0, 'max':5,}))

    release_date = forms.DateField(widget=forms.DateInput(attrs={'type':'date'}))

    class Meta:

        model = Movie
        fields = '__all__'

이번 프로젝트로 배운 점

이전 관통에서는 new와 edit을 따로 만들어 주었는데 이를 하나로 합쳐서 이용할 수 있다는 점에서 코드가 간결해져서 좋았다. 코드가 간결해지는데에는 ModelForm의 역할도 컸다.

이전에html파일에 하나씩 다 쓸때마다 너무 힘들었는데, ModelForm에 bootstrap까지 이용하니 코드도 간결하고 출력물도 깔끔하여 지난번 관통의 결과보다 홈페이지 다운 모습으로 발전되었다.

추가적으로 기억할 점!

• bootstrap5를 이용시 settings.py에 앱 등록을 해주어야하고, html파일에서 load를 통해 bootstrap5를 불러와야한다!

앞으로도 기억하기 위해 적는 views.py

from django.shortcuts import render,redirect
from .models import Movie
from .forms import MovieForm

# Create your views here.

def index(request):
    movies = Movie.objects.order_by('-pk')
    context = {
        'movies':movies,
    }
    return render(request,'movies/index.html',context)


def create(request):
    if request.method == 'POST':
        form = MovieForm(request.POST)
        #create
        if form.is_valid():
            movie=form.save()
            return redirect('movies:detail',movie.pk)
    
    #new
    else:
        form = MovieForm()
    context = {
        'form' : form,
    }
    return render(request,'movies/create.html',context)

def detail(request,pk):
    movie = Movie.objects.get(pk=pk)
    context = {
        'movie' : movie,
    }
    return render(request,'movies/detail.html',context)

def delete(request,pk):
    movie = Movie.objects.get(pk=pk)
    if request.method == 'POST':
        movie.delete()
        return redirect('movies:index')
    else:
        return redirect('movies:detail',movie.pk)


def update(request,pk):
    movie = Movie.objects.get(pk=pk)
    #update
    if request.method == 'POST':
        form = MovieForm(request.POST,instance=movie)
        if form.is_valid():
            movie=form.save()
            return redirect('movies:detail', movie.pk)
    #edit
    else:
        form = MovieForm(instance=movie)
    context = {
        'movie': movie,
        'form': form,
    }
    return render(request, 'movies/update.html', context)