프로젝트01. base.html설정 & modelform 생성

웹사이트의 중복되는 부분을 base.html로 만들어 상속해겠습니다.

또 저번에 생성했던 form을 modelform으로 변경하고, post로 처리해

memolist에 리스트 형태로 저장해 출력해보겠습니다.

+) admin사이트에 class Entries등록하기

순서

<base.html 설정>
<modelform 생성>
<form에서 입력받은 값 리스트로 출력하기>
<admin사이트에 class Entries 등록하기>

<base.html 설정>

1. base.html 작성

<!DOCTYPE html>
<html lang="ko">
<head>
    {% load static %}
    <link rel="stylesheet" href="{% static "admin/css/base.css" %}" />
    <title>{% block title %}simple web{% endblock %}</title>
</head>

<body>
  <h1><strong>간단한 메모 웹사이트</strong></h1>
  <a href="/simp_web/page"><h2>Home</h2></a>
  <div id="content", name="content">
        {% block content %}
        {% endblock %}
        <br>
    </div>
</body>
</html>

2. base.html 상속받는 html파일 작성

ex) base.html을 상속받는 page.html

{% extends 'simp_web/base.html' %}

{% block content %}
  <li><a href="page/memo">글</a></li>
  <li><a href="page/account">계정관리</a></li>
{% endblock %}

<modelform 생성>

Form class를 상속한다.
지정된 model로부터 fields정보를 읽어들여, form fields를 세팅한다.
내부적으로 model instance를 유지한다.
유효성 검증에 통과한 값들로 지정 model instance에 저장(save)를 지원한다
validator설정은 models.py에 정의해야한다.

1. models.py/ forms.py/ views.py 파일 작성

1-1) models.py 작성

from django.db import models

# Create your models here.
class Entries(models.Model):
    title = models.CharField(max_length=80, null=False)
    content = models.TextField(null=False)
    created = models.DateTimeField(auto_now_add=True)
    updated = models.DateTimeField(auto_now=True)

1-2) forms.py 작성

from django.forms import ModelForm
from .models import Entries

class CreatememoForm(ModelForm):
    class Meta:
        model = Entries  #어떤 모델?
        fields = ['title','content']   #무슨 입력을 받을건지

1-3) views.py 작성

from django.shortcuts import render, redirect
from django.http import HttpResponse
from .models import Entries
from .forms import CreatememoForm  

#중략

def create(request):
    if request.method == "POST":  #post방식이면
        form = CreatememoForm(request.POST)
        if form.is_valid():   #유효성 검사
            form.save()   # 입력받은 값 저장
        return redirect('memolist')
    else:    #get방식이면
        form = CreatememoForm()

    return render(request, 'simp_web/create.html', {"form":form})

2. post방식 vs get방식

2-1) GET

URL에 정보가 담겨서 전송된다.
전송할 수 있는 정보의 길이가 제한.
퍼머링크(정보를 식별하는 고유한 식별자) 사용O.

2-2) POST

header의 body에 담겨서 전송된다.
URL 상에 전달한 정보가 표시되지 않는다.(GET에 비해서 보안상 약간의 우위에 있다.)
전송할 수 있는 데이터의 길이 제한X.
퍼머링크 사용X.
서버 쪽에 어떤 작업을 명령(CRD 등)할 때 사용한다.

3. 결과

<form에서 입력받은 값 리스트로 출력하기>

1. views.py에 memolist추가

def memolist(request):
    memos = Entries.objects.all()
    return render(request, 'simp_web/memolist.html', {'memos':memos})

2. memolist.html 템플릿 작성

{% extends 'simp_web/base.html' %}

{% block title %}memolist{% endblock %}
{% block content %}
    <table class="table">
      {% for item in memos %}
          <tr>
                <td>{{ item.title }}</td>
                <td>{{ item.content }}</td>
            </tr>
      {% endfor %}
    </table>
{% endblock %}

3. urls.py에 url매핑

path('simp_web/page/memo/memolist', views.memolist, name='memolist'), #추가

4. 결과

: memolist 템플릿

<admin사이트에 class Entries 등록하기>

models.py에 있는 Entries를 admin.py에 저장

from django.contrib import admin
from .models import Entries

admin.site.register(Entries)

'💡웹 프로젝트 > (백엔드)Django - 프로젝트01' 카테고리의 다른 글

프로젝트01. bootstrap 적용하기 (0)	2019.12.11
프로젝트01. 함수형 뷰에서 클래스형 뷰로 변경 & detail, update, delete구현 (0)	2019.12.09
클래스형 view (0)	2019.12.09
프로젝트01. admin 사이트에 model class 등록하기 (0)	2019.12.09
프로젝트01. 메모 웹 기획하기 & 글 생성 폼 만들기 (0)	2019.12.04

winnih_B

LINKS

CATEGORY

프로젝트01. base.html설정 & modelform 생성

<base.html 설정>

<modelform 생성>

<form에서 입력받은 값 리스트로 출력하기>

<admin사이트에 class Entries 등록하기>

'💡웹 프로젝트 > (백엔드)Django - 프로젝트01' 카테고리의 다른 글

티스토리툴바

프로젝트01. base.html설정 & modelform 생성

<base.html 설정>

<modelform 생성>

<form에서 입력받은 값 리스트로 출력하기>

<admin사이트에 class Entries 등록하기>

'💡웹 프로젝트 > (백엔드)Django - 프로젝트01' 카테고리의 다른 글

'💡웹 프로젝트/(백엔드)Django - 프로젝트01' Related Articles

티스토리툴바