📕Week5 day2(Django 동적 웹페이지 만들기)

박준희·2023년 9월 19일

django python 프로그래머스

프로그래머스

목록 보기

21/28

Django 웹사이트

django에서 어떤 정보의 요청에 대해 DB를 관리하는 곳이 Model이다. Template과 View에 요청된 정보를 제공한다.

django는 SQL을 사용할 수 있지만 내장되어 있는ORM object을 사용해서 DB를 다룰 수 있다.

Model생성

models.py를 작성해서 Model을 생성한다.

class Coffee(models.Model):
    name = models.CharField(default = "", null = False)
    price = models.IntergerField()
    is_ice = models.BooleanField()
    필드명 = 필드형태
    """
    문자열 : CharField
    숫자 : IntergerField, SmallIntegerField
    논리형 : BooleanField
    시간/날짜 : DateTimeField
    등등
    """

모델 관리
관리자 모드에서 모델 파일을 관리할 수 있다.
admin.py

from django.contrib import admin
from .models import Coffee

# Register your models here.
admin.site.register(Coffee)

이렇게 파일을 작성한 후 저장한 뒤 서버를 구동하면
이런 식으로 나온다.

migration
데이터베이스에서는 스키마를 비롯해 테이블, 필드 등의 변경이 발생했을 때 지정된 데이터베이스에 적용하는 과정을 의미함.

파이썬 장고프로젝트를 실행할 때 admin이 자동으로 생성됨
위의 명령어를 실행해야 저 생성된 admin페이지에서 Coffee를 수정하면 반영된다.

python manage.py makemigrations homepage
python manage.py migrate
#이 명령어를 실행하면 정상적으로 구동됨

Template에서 Model 확인(views.py)
view를 기준으로 model과 template이 소통한다.

from .models import Coffee
def coffee_view(request):
    coffee_all = Coffee.objects.all()#모든 행을 전부 가져오라는 뜻
    return render(request, 'coffee.html', {"coffee_list":coffee_all})

template에 coffee.html파일 생성한다.

<!DOCTYPE html>
<html>
    <head>
        <title>Coffee List</title>

    </head>

    <body>
        <h1>My Coffee List</h1>
        {% for coffee in coffee_list %}
            <p>{{ coffee.name}}, {{ coffee.price }} </p>
        {% endfor %}
    </body>
</html>

urls.py

from homepage.views import introduce, coffee_view

urlpatterns = [
    path('',index),#127.0.0.1/ 이 경로가 들어오면 index실행하라는 뜻
    path('introduce/', introduce), # 127.0.0.1/introduce/
    path('coffee/',coffee_view),
    path('admin/', admin.site.urls),#127.0.0.1/admin/
]

이렇게 각 파일을 수정한 뒤 서버를 실행시키면 coffee리스트가 서버에 출력된다.

Form으로 Template에서 Model 수정
homepage에 forms.py를 만들어준다.

from django import forms
from .models import Coffee#Model 호출

class CoffeeForm(forms.ModelForm): #ModelForm을 상속받는 CoffeeForm 생성
    class Meta:
        model = Coffee
        fields = ('name', 'price', 'is_ice')

이후 views.py와 coffee.html파일을 모두 수정해준다.

# 추가
from .forms import CoffeeForm
# 수정
def coffee_view(request):
    coffee_all = Coffee.objects.all()
    form = CoffeeForm() # Form의 객체를 만들어 준다.
    return render(request, 'coffee.html',{"coffee_list":coffee_all})

<!DOCTYPE html>
<html>
    <head>
        <title>Coffee List</title>

    </head>

    <body>
        <h1>My Coffee List</h1>
        {% for coffee in coffee_list %}
            <p>{{ coffee.name}}, {{ coffee.price }} </p>
        {% endfor %}

        <form method="POST">{% csrf_token%}#보안처리
            {{ coffee_form.as_p }}
            <button type="'submit">Save</button>#Save버튼
        </form>
    </body>
</html>

하지만 이후 홈페이지에서 save를 해도 출력은 되지 않는다.
코드 환경에서 save를 한 객체를 출력할 명령을 적어야된다.

views.py

def coffee_view(request):
    coffee_all = Coffee.objects.all()#모든 행을 전부 가져오라는 뜻
    # 만약 request가 POST라면:
        #POST를 바탕으로 Form을 완성하고
        #Form이 유효하면 -> 저장
    if request.method == "POST":
        form = CoffeeForm(request.POST)#완성된 Form
        if form.is_valid():#이 채워진 Form이 유효하다면:
            form.save()# 이 Form내용을 Model에 저장
    form = CoffeeForm()
    return render(request, 'coffee.html', {"coffee_list":coffee_all, "coffee_form":form})

이렇게 coffee목록을 출력하고 POST기능까지 추가한 서버를 만들어보았다.
끝~!

박준희

게을렀던 프로그래밍 공부

이전 포스트

📕Week5 day1(Django)

다음 포스트

📕Week5 day2(Django 동적 웹페이지 만들기)

프로그래머스

Django 웹사이트

Model생성

📕Week5 day1(Django)

9월 인공지능 데브코스 회고

0개의 댓글