[Python] 장고 shell/템플릿으로 html 불러오기/템플릿에 정보 체우기/MVC 패턴/여론조사 모델

Language/Python

[Python] 장고 shell/템플릿으로 html 불러오기/템플릿에 정보 체우기/MVC 패턴/여론조사 모델

Dexter_- 2017. 8. 11. 12:23

728x90

장고 shell

📌 SHELL - 직접 DB에 요청을 하는 다른방법

운영체제에 따라 Shell 실행 방법

windows - powershell에서
unix/linux - 터미널에서

manage.py 가 있는 폴더로 이동 후
python manage.py shell

DB에 요청하기

기본 - 사용할 모델 클래스 import

>>> from elections.models import Candidate

모든 객체 불러오기 - all()

>>> Candidate.objects.all()

새 객체 생성하고 저장하기 - Model.save()

>>> new_candidate = Candidate(name = "루비오") # 생성만 한 상태이다. 아직 저장되지 않았음.

>>> new_candidate.save() # new_candidate가 DB에 저장됨

특정 조건을 만족하는 객체 불러오기 - filter()

>>> no1 = Candidate.objects.filter(party_number = 1) # party_number = 1인 객체를 리스트 형태로 return

>>> no1[0].party_number # 리스트 형태이기 때문에 index로 접근

>>> no1[0].name

Script 전체

템플릿으로 html 불러오기

서버 실행 - python manage.py runserver
브라우저에서 localhost:8000 으로 접속
HTML 소스보기
1. windows
  - internet Explore :
    - 마우스 우클릭 - 소스보기
    - Ctrl + U
  - Chrome :
    - 마우스 우클릭 - 페이지 소스보기
    - 상단 메뉴바에 보기 - 소스 또는
    - Ctrl + U
  - Firefox :
    - 마우스 우클릭 - 페이지 소스
    - Ctrl + U
2. OSX
  - Safari : [Safari - 환경설정 - 고급 - 하단의 메뉴 막대에서 개발자용 메뉴 보기 체크] 필수
    - 마우스 우클릭 - 페이지 소스보기
    - Command + Option + I
  - Chrome :
    - 마우스 우클릭 - 페이지 소스보기
    - 상단 메뉴바에 보기 - 개발자 정보 - 소스보기
    - Command + Option + U
  - Firefox :
    - 마우스 우클릭 - 페이지 소스보기
    - Command + U
템플릿 추가하기
1. 앱 (elecetions) 폴더 아래에 templates 폴더 생성 (C\Code\mysite\elections\templates)
2. templates 폴더 아래 elections 폴더 생성 (C\Code\mysite\elections\templates\elections\index.html)
3. elections 폴더 아래 index.html 파일 생성 (C\Code\mysite\elections\templates\elections\index.html)
4. index.html 과 views.py 수정

<!-- C\Code\mysite\elections\templates\elections\index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <title>선거 후보</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <table class="table table-striped">
        <thead>
        <tr>
            <td><B>이름</B></td>
            <td><B>소개</B></td>
            <td><B>출마지역</B></td>
            <td><B>기호</B></td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>가후보</td>
            <td>후보입니다.</td>
            <td>우리나라</td>
            <td>기호1번</td>
        </tr>
        <tr>
            <td>나후보</td>
            <td>후보입니다.</td>
            <td>우리나라</td>
            <td>기호2번</td>
        </tr>
        <tbody>
    </table>
</body>

# C\code\mysite\elections\views.py
from django.shortcuts import render
from django.http import HttpResponse

from .models import Candidate #models 에 정의된 Candidate를 import
# Create your views here.

def index(request):
    candidates = Candidate.objects.all() 
    return render(request, 'elections/index.html')

새로고침 결과

템플릿에 정보 채우기

위의 내용은후보에 대한 정보를 정적으로 보여줬다. 이번에는 DB에 있는 정보를 html html로 전달해 후보에 대한 정보를 동적으로 보이는 방법을 설명한다.

views.py 에서 DB에 있는 후보 정보를 html에 전달

# mysite\elections\views.py

from django.shortcuts import render
from django.http import HttpResponse

from .models import Candidate #models 에 정의된 Candidate를 import
# Create your views here.

def index(request):
    candidates = Candidate.objects.all() 
    context = {'candidates':candidates}    #context에 모든 후보에 대한 정보를 저장 
    return render(request, 'elections/index.html', context)    # context로 html 에 모든 후보에 대한 정보를 전달

index.html에서는 반복문을 돌며 전달받은 후보 정보를 보여준다.

<!-- mysite\elections\templates\elections\index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <title>선거 후보</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <table class="table table-striped">
        <thead>
        <tr>
            <td><B>이름</B></td>
            <td><B>소개</B></td>
            <td><B>출마지역</B></td>
            <td><B>기호</B></td>
        </tr>
        </thead>
        <!-- 이 부분이 수정됨 -->
        <tbody>
        {% for candidate in candidates %}
        <tr>
            <td>{{candidate.name}}</td>
            <td>{{candidate.introduction}}</td>
            <td>{{candidate.area}}</td>
            <td>기호{{candidate.party_number}}번</td>
        </tr>
        {% endfor %}
        <!-- 여기까지 -->
        <tbody>
    </table>
</body>

MVC 패턴 (Model View Controller Pattern)

📌 조율, 데이터, 화면으로 프로그램을 구성하는 방식

Model(데이터) - models.py
- candidate 클래스의 형식대로 데이터를 DB에 저장, 불러옴
View(화면) - templates
- 화면에 어떤 장면을 보여줄지를 결정
Controller(조율) - views.py
- Candidate 모델에서 데이터를 읽어, index.html에 전달

여론조사 모델

📌 models.py 에는 모델 클래스를 여러 개 정의할 수 있고, 모델 간의 관계를 나타낼 수 있다.

새로운 모델을 models.py에 정의 한다.

#C:\mysite\elections\models.py
from django.db import models

# Create your models here.
class Candidate(models.Model):
    name = models.CharField(max_length=10)
    introduction = models.TextField()
    area = models.CharField(max_length=15)
    party_number = models.IntegerField(default=0)

    def __str__(self):
        return self.name

class Poll(models.Model):
    start_date = models.DateTimeField()
    end_date = models.DateTimeField()
    area = models.CharField(max_length=15)

class Choice(models.Model):
    poll = models.ForeignKey(Poll)
    candidate = models.ForeignKey(Candidate)
    votes = models.IntegerField(default=0)

admin 에서 Poll 모델을 사용하기 위해, admin.py에 Poll을 등록(regist)한다.

from django.contrib import admin
from .models import Candidate, Poll

# Register your models here.
admin.site.register(Candidate)
admin.site.register(Poll)

모델 등록

migration 파일을 만든 후 - migration 파일을 DB에 반영 - runserver 과정을 밟는다.

powershell 등에서 manage.py 가 있는 디렉토리로 이동 후 아래 과정을 진행한다.

python manage.py makemigrations

다음과 같이 migrations 에 파일이 만들어 졌는지 확인한다.

위 Poll 필드에 id 필드가 자동으로 생성되었음을 알 수 있다.

python manage.py migrate

python manage.py runserver

브라우저에서 localhost:8000/admin 으로 접속하면 Poll을 등록할 수 있다.

💡 위에서 사용된 필드 클래스를 간략히 설명하면 다음과 같다.

DateTimeField
date(날짜)와 time(시간)을 나타내며, ptyhon의 datetime.datetime 인스턴스로 표현된다.

CharField
String을 나타내며, 필수 인자 max_length가 있다.
길이가 긴 문자열을 저장하려면 TextField 등을 쓰면 된다.
-CharField.max_lengt: 해당 필드의 최대길이를 설정한다. 예를 들어 5로 설정하면 5글자 이하로만 저장할 수 있다.

IntegerField
정수를 나타낸다. 이 필드는 Django가 지원하는 모든 데이터 베이스에서 -2147483648에서 2147483647 까지의 정수를 안전하게 저장한다. 더 큰 정수는 BigIntegerField 등을 이용한다.

ForeignKey
한 모델에서 다른 모델을 이용할 때에 쓰인다.(보통 many-to-one 관계 모델에서 이용한다.)영상에서도 여론조사(Poll) id 하나에 여러 개의 [후보-득표수] 를 저장한다.

새로고침 결과

Poll object Add 후 완료

728x90

저작자표시 비영리 변경금지 (새창열림)