1분 안에 간단한 Python Django ToDo 앱 개발

21772 단어 todopythondjandobeginners

안녕하세요 장고



Completed App |
Django Official Website |
Getting Started

  • 프로젝트의 디렉토리를 만들고 탐색하십시오.

    mkdir hello-django && cd hello-django



  • Python 가상 환경 생성 및 활성화

    python3 -m venv venv
    source venv/bin/activate



  • 장고 프로젝트 만들기

    django-admin startproject todoapp



  • 방금 만든 django-project 폴더todoapp로 이동하고 서버를 실행합니다.

    cd todoapp
    python manage.py runserver



  • Ctrl + C를 사용하여 서버를 종료하고 프로젝트 내에 응용 프로그램 구성 요소를 만듭니다todolist.

    python manage.py startapp todolist


  • todoapp/settings.py INSTALLED_APPS의 앱 목록에 응용 프로그램 구성 요소를 추가합니다.

    • INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'todolist', /* added line */
]


  • 보기를 추가하려면 todolist/views.py로 이동하십시오.

    • # Create your views here.
def index(request):
    return render(request, "base.html", { "todo_list": todos })


  • 각 보기에 대해 보기와 동일한 todolist 디렉토리에 생성된 파일urls.py에 경로를 등록합니다.

    • from django.urls import path
from . import views

urlpatterns = [
    path("", views.index, name="index")
]


  • include 기능을 사용하여 기본 앱의 todoapp/urls.py에 todolist URL을 추가합니다.

    • from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('todolist.urls')),
]


  • todoapp 및 todolist 디렉터리와 동일한 수준에 있는 프로젝트 루트 디렉터리에 templates/base.html 파일을 만듭니다.
    Django에 필요한 약간의 수정

    •                 {% csrf_token %}


  • todoapp/settings.py로 이동하여 templates 배열의 DIR 배열 항목에 TEMPLATES 디렉토리를 추가합니다.

    • TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['templates'], /* modified */
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]


  • 내부에 todolist 모델 정의todolist/models.py 

    • from django.db import models

# Create your models here.
class Todo(models.Model):
    title=models.CharField(max_length=350)
    complete=models.BooleanField(default=False)

    def __str__(self):
        return self.title



  • 달리다 python manage.py makemigrations
  • 명령이 Todo 모델에 대한 마이그레이션을 생성합니다
    • .

  • 그런 다음 실행 python manage.py migrate
  • 관리자 패널에 대한 슈퍼 사용자 생성python manage.py createsuperuser그런 다음 지침에 따라 이름, 이메일 및 암호를 만듭니다
    • .
  • todolist/admin.py로 이동하여 모델 등록

    • from django.contrib import admin
from .models import Todo

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


  • todolist/views.py로 이동하지 않고 Todo 모델을 가져옵니다.

    • from django.shortcuts import render
from .models import Todo

# Create your views here.
def index(request):
    todos = Todo.objects.all()
    return render(request, "base.html", { "todo_list": todos })


  • 서버를 다시 실행하고 테스트합니다python manage.py runserver.

    • http://127.0.0.1:8000/에서 개발 서버 시작
    레코드를 추가하려고 하면 오류가 발생합니다.
    단, TodoApp은 관리자 패널을 통해 찾기 작동http://127.0.0.1:8000/admin
  • 누락된 보기를 구현하려면 todolist/views.py로 이동하십시오.

    • from django.shortcuts import render, redirect
from django.views.decorators.http import require_http_methods

from .models import Todo

# Create your views here.
def index(request):
    todos = Todo.objects.all()
    return render(request, "base.html", { "todo_list": todos })

@require_http_methods(["POST"])
def add(request):
    title = request.POST["title"]
    todo = Todo(title=title)
    todo.save()
    return redirect("index")

def update(request, todo_id):
    todo = Todo.objects.get(id=todo_id)
    todo.complete = not todo.complete
    todo.save()
    return redirect("index")

def delete(request, todo_id):
    todo = Todo.objects.get(id=todo_id)
    todo.delete()
    return redirect("index")


  • todolist/urls.py의 urlpatterns에 보기를 추가합니다.

    • from django.urls import path
from . import views

urlpatterns = [
    path('', views.index, name='index'),
    path('add', views.add, name='add'),
    path('delete/<int:todo_id>/', views.delete, name='delete'),
    path('update/<int:todo_id>/', views.update, name='update'),
]


    템플릿/base.html




    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Todo App - Django</title>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.css">
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.js"></script>
    </head>
    <body>
        <div style="margin-top: 50px;" class="ui container">
            <h1 class="ui center aligned header">Django ToDo App</h1>

            <form class="ui form" action="/add" method="post">
                <div class="field">
                    <label>Todo Title</label>
                    <input type="text" name="title" placeholder="Enter ToDo task...">
                    <br>
                </div>
                <button class="ui blue button" type="submit">Add</button>
            </form>

            <hr>

            {% for todo in todo_list %} 
            <div class="ui segment">
                <p class="ui big header">{{ todo.id }} | {{ todo.title }}</p>

                {% if todo.complete == False %}
                <span class="ui gray label">Not Complete</span>
                {% else %}
                <span class="ui green label">Complete</span>
                {% endif %}

                <a class="ui blue button" href="/update/{{ todo.id }}">Update</a>
                <a class="ui red button" href="/delete/{{ todo.id }}">Delete</a>

            </div>
            {% endfor %}

        </div>


    </body>

</html>


    마지막으로 앱python manage.py runserver을 다시 시작하거나 새로 고칩니다.
    http://127.0.0.1:8000/ 및 기본 제공Admin Panel에서 앱 검토
    코드를 커밋하고 github.com에 푸시하고 가상 환경을 비활성화합니다.

    $ deactivate
    
$ conda deactivate

    📚 Sam의 다른 블로그



  • | Hashnode.dev | Medium.com
  • Github
    • 정규식 확인이 폭속이 되는 regex101.com
    플로이드의 거북이와 토끼 알고리즘: 연결 목록에서 주기 찾기

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage