프로그래머가 되는 꿈

사물함((소스코드)) 본문

백엔드 (Back-end)

사물함((소스코드))

AI박사 2023. 12. 26. 00:54

<api.py>

from fastapi import FastAPI

from locker import locker_router
from login import login_router

app = FastAPI()


@app.get("/")
async def welcome() -> dict:
      return {
          "message": "Hello World"
     }


app.include_router(locker_router)
app.include_router(login_router)

 

 

 

 

 

<locker.py>

from fastapi import APIRouter, Path, HTTPException, status, Request, Depends
from fastapi.templating import Jinja2Templates

from model import Locker, LockerItem, LockerItems

locker_router = APIRouter()

locker_list = []

templates = Jinja2Templates(directory="templates/")


@locker_router.post("/locker")
async def add_locker(request: Request, locker: Locker = Depends(Locker.as_form)):
    locker_list.append((len(locker_list) + 1, locker))
    return templates.TemplateResponse("locker.html",
    {
        "request": request,
        "lockers": locker_list
    })


@locker_router.get("/locker", response_model=LockerItems)
async def retrieve_locker(request: Request):
    return templates.TemplateResponse("locker.html", {
        "request": request,
        "lockers": locker_list
    })



@locker_router.get("/locker/{locker_id}")
async def get_single_locker(request: Request, locker_id: int = Path(..., title="The ID of the locker to retrieve.")):
    for locker in locker_list:
        if locker.id == locker_id:
            return templates.TemplateResponse(
                "locker.html", {
                "request": request,
                "locker": locker
            })
    raise HTTPException(
        status_code=status.HTTP_404_NOT_FOUND,
        detail="Locker with supplied ID doesn't exist",
    )



@locker_router.put("/locker/{locker_id}")
async def update_locker(request: Request, locker_data: LockerItem,
                      locker_id: int = Path(..., title="The ID of the locker to be updated.")) -> dict:
    for locker in locker_list:
        if locker.id == locker_id:
            locker.item = locker_data.item
            return {
                "message": "Locker updated successfully."
            }

    raise HTTPException(
        status_code=status.HTTP_404_NOT_FOUND,
        detail="Locker with supplied ID doesn't exist",
    )


@locker_router.delete("/locker/{locker_id}")
async def delete_single_locker(request: Request, locker_id: int) -> dict:
    for index in range(len(locker_list)):
        locker = locker_list[index]
        if locker.id == locker_id:
            locker_list.pop(index)
            return {
                "message": "Locker deleted successfully."
            }
    raise HTTPException(
        status_code=status.HTTP_404_NOT_FOUND,
        detail="Locker with supplied ID doesn't exist",
    )


@locker_router.delete("/locker")
async def delete_all_locker() -> dict:
    locker_list.clear()
    return {
        "message": "Lockers deleted successfully."
    }

 

 

 

 

 

<model.py>

from typing import List, Optional

from fastapi import Form
from pydantic import BaseModel


class Locker(BaseModel):
    id: Optional[int]
    locker_number: str
    student_name: str

    @classmethod
    def as_form(
        cls,
        locker_number: str = Form(...),
        student_name: str = Form(...)
    ):
        return locker_number, student_name


    class Config:
        schema_extra = {
            "example": {
                "id": 1,
                "locker_number": "101",
                "student_name": "김유나!"
            }
        }


class LockerItem(BaseModel):
    item: str

    class Config:
        schema_extra = {
            "example": {
                "item": "Read the next chapter of the book"
            }
        }


class LockerItems(BaseModel):
    lockers: List[LockerItem]

    class Config:
        schema_extra = {
            "example": {
                "lockers": [
                    {
                        "item": "Example schema 1!"
                    },
                    {
                        "item": "Example schema 2!"
                    }
                ]
            }
        }

 

 

 

 

 

<login.py>

from fastapi import APIRouter, Path, HTTPException, status, Request, Depends
from fastapi.templating import Jinja2Templates

from models.modellogin import Login, LoginItem, LoginItems

login_router = APIRouter()

login_list = []

templates = Jinja2Templates(directory="templates/")

locker_list = []

@login_router.post("/signin")
async def add_login(request: Request, login: Login = Depends(Login.as_form)):
    #login.id = len(login_list) + 1
    if login[0] == "youna@naver.com" and  login[1] == "1004" :
        return templates.TemplateResponse("locker.html",
    {
        "request": request,
        "locker": locker_list
     })
    else:
        return templates.TemplateResponse("login.html",
      {
          "request": request,
          "logins": "false"
      })

@login_router.get("/login", response_model=LoginItems)
async def retrieve_login(request: Request):
    return templates.TemplateResponse("login.html", {
        "request": request,
        "logins": login_list
    })



@login_router.get("/login/{login_id}")
async def get_single_login(request: Request, login_id: int = Path(..., title="The ID of the login to retrieve.")):
    for locker in login_list:
        if login_id == login_id:
            return templates.TemplateResponse(
                "login.html", {
                "request": request,
                "login": login_id
            })
    raise HTTPException(
        status_code=status.HTTP_404_NOT_FOUND,
        detail="login with supplied ID doesn't exist",
    )

 

 

 

 

<modellogin.py>

from typing import List, Optional

from fastapi import Form
from pydantic import BaseModel


class Login(BaseModel):
    id: Optional[int]
    loginid: str
    password: str

    @classmethod
    def as_form(
        cls,
        loginid: str = Form(...),
        password: str = Form(...)
    ):
        #return cls(locker_number=locker_number)
        return loginid, password


    class Config:
        schema_extra = {
            "example": {
                "id": 1,
                "loginid": "youna@naver.com",
                "password": "1004",

            }
        }


class LoginItem(BaseModel):
    def __init__(self, *args, **kwargs):
        super().__init__(args, kwargs)
        self.item = None

    loginid: str

    class Config:
        schema_extra = {
            "example": {
              "loginid" : "youna@naver.com"
            }
        }


class LoginItems(BaseModel):
    login: List[LoginItem]

    class Config:
        schema_extra = {
            "example": {
                "Logins": [
                    {
                        "loginid": "youna@naver.com!"
                    },
                    {
                        "loginid": "hongkildong@naver.com"
                    }
                ]
            }
        }

 

 

 

[home.html]

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Packt locker Application</title>
    <link
      crossorigin="anonymous"
      integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4"
      rel="stylesheet"
    />
    <link
      crossorigin="anonymous"
      integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg"
      rel="stylesheet"
    />
  </head>
  <body>
    <header>
      <nav class="navar">
        <br />
        <div class="container">
          <center>
            <h1 class="alert alert-primary" role="alert">
              School locker System
            </h1>
          </center>
        </div>
      </nav>
    </header>
    <div class="container-fluid">
      {% block locker_container %}{% endblock %}
    </div>
  </body>
</html>

 

 

 

 

[locker.html]

{% extends "home.html" %} {% block locker_container %}
<main class="container">
  <hr />
  <section class="container-fluid">
    <form method="post" action="http://127.0.0.1:8000/locker">
      <div class="col-auto">
        <div class="input-group mb-3">
          <input
            aria-describedby="button-addon2"
            aria-label="Add a Locker"
            class="form-control"
            name="locker_number"
            placeholder="락카 번호"
            type="text"
            value="{{ locker_number }}"
          />

          <input
            aria-describedby="button-addon2"
            aria-label="Add a Student"
            class="form-control"
            name="student_name"
            placeholder="학생 이름 : 예) 김유나"
            type="text"
            value="{{ student_name }}"
          />

          <button
            class="btn btn-outline-primary"
            data-mdb-ripple-color="dark"
            id="button-addon2"
            type="submit"
          >
            Add Locker
          </button>
        </div>
      </div>
      <div class="text-center border-bottom">
          <h1  class="blockquote">락카 번호와 사용할 학생 이름을 입력하세요</h1>
      </div>
    </form>
  </section>
  <br />
  <br />
  <br />
  {% if not lockers %}
  <article class="card container-fluid">
    <h2 align="center">locker list</h2>
    <div class="table-responsive small">
      <table class="table table-striped table-sm">
        <thead>
          <tr >
            <th >index</th>
            <th >locker Number</th>
            <th >student name</th>
            <th >locker change</th>
            <th >locker delete</th>
          </tr>
        </thead>
        <tbody>

          <tr >
            <td >락커가 비어 있습니다.</td>
            <td ></td>
            <td ></td>
            <td ></td>
            <td ></td>
          </tr>
        </tbody>
      </table>
  </article>
  {% else %}
  <section class="container">
    <h2 align="center">locker list</h2>
    <br />
    <div class="table-responsive small">
    <table class="table table-striped table-sm">
      <thead>
        <tr >
          <th >index</th>
          <th >locker Number</th>
          <th >student name</th>
          <th >locker change</th>
          <th >locker delete</th>
        </tr>
      </thead>
      <tbody>
        {% for locker in lockers %}
        <tr style="vertical-align: baseline; " >
          <td style="vertical-align: baseline; align-content: center;">{{ locker[0] }}</td>
          <td style="vertical-align: baseline; align-content: center;">{{ locker[1][0] }}</td>
          <td style="vertical-align: baseline; align-content: center;">{{ locker[1][1] }}</td>
          <td style="vertical-align: baseline; align-content: center; "><button
            class="btn btn-outline-primary"
            data-mdb-ripple-color="dark"
            id="button-addon3"
            type="submit"
          >
            Edit Change
          </button></td>      
        <td style="vertical-align: baseline; align-content: center; ">
          <button
          class="btn btn-outline-primary"
          data-mdb-ripple-color="dark"
          id="button-addon3"
          type="submit"
        >
          DELETE
        </button>
      </td>
      </tr>
        {% endfor %}
      </tbody>      
    {% endif %}
  </section>
</main>
{% endblock %}

 

 

 

[login.html]

{% extends "loginhome.html" %} {% block login_container %}

 
    <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
      <symbol id="check2" viewBox="0 0 16 16">
        <path
          d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"
        />
      </symbol>
      <symbol id="circle-half" viewBox="0 0 16 16">
        <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" />
      </symbol>
      <symbol id="moon-stars-fill" viewBox="0 0 16 16">
        <path
          d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"
        />
        <path
          d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"
        />
      </symbol>
      <symbol id="sun-fill" viewBox="0 0 16 16">
        <path
          d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"
        />
      </symbol>
    </svg>

    <main class="form-signin w-100 m-auto">
      <form  method="post" action="/signin">
        <h1 class="h3 mb-3 fw-normal">로그인</h1>
       
        <div class="form-floating">
          <input
            type="email"
            class="form-control"
            name="loginid"
            placeholder="name@example.com"
            value="{{ loginid }}"
          />
          <label for="floatingInput">Email address</label>
        </div>
        <div class="form-floating">
          <input
            type="password"
            class="form-control"
            name="password"
            placeholder="Password"
            value="{{ password }}"
          />
          <label for="floatingPassword">Password</label>
        </div>

        <div class="form-check text-start my-3">
          {% if logins %}
          <div >
            <label class="form-check-label" for="flexCheckDefault">
              로그인이 실패 했습니다.
            </label>
          </div>
          {% else %}
          <div >
            <label class="form-check-label" for="flexCheckDefault">
              id는 Email address를 입력하세요
            </label>
          </div>
          {% endif %}
          </section>
       
        </div>
        <button class="btn btn-primary w-100 py-2" type="submit">
          Login
        </button>
        <p class="mt-5 mb-3 text-body-secondary">&copyrights; 안양대학교 김유나 FASTAPI</p>
      </form>
    </main>
   

{% endblock %}

 

 

 

[loginhome.html]

<!DOCTYPE html>
<html lang="en" data-bs-theme="auto">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>로그인 </title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
  </head>
    <meta name="theme-color" content="#712cf9" />

    <!-- Custom styles for this template -->
    <link
      rel="stylesheet"
    />
    <style>
      .btn {
        --bs-btn-padding-x: 0.75rem;
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-font-family: ;
        --bs-btn-font-size: 1rem;
        --bs-btn-font-weight: 400;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: var(--bs-body-color);
        --bs-btn-bg: transparent;
        --bs-btn-border-width: var(--bs-border-width);
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: var(--bs-border-radius);
        --bs-btn-hover-border-color: transparent;
        --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
          0 1px 1px rgba(0, 0, 0, 0.075);
        --bs-btn-disabled-opacity: 0.65;
        --bs-btn-focus-box-shadow: 0 0 0 0.25rem
          rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
        display: inline-block;
        padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-family: var(--bs-btn-font-family);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        color: var(--bs-btn-color);
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius: var(--bs-btn-border-radius);
        background-color: var(--bs-btn-bg);
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      }
      .bg-body-tertiary {
        --bs-bg-opacity: 1;
        background-color: rgba(
          var(--bs-tertiary-bg-rgb),
          var(--bs-bg-opacity)
        ) !important;
      }
      .py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }
      .align-items-center {
        align-items: center !important;
      }
      .d-flex {
        display: flex !important;
      }

      html,
      body {
        height: 100%;
      }
      body {
        margin: 0;
        font-family: var(--bs-body-font-family);
        font-size: var(--bs-body-font-size);
        font-weight: var(--bs-body-font-weight);
        line-height: var(--bs-body-line-height);
        color: var(--bs-body-color);
        text-align: var(--bs-body-text-align);
        background-color: var(--bs-body-bg);
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent;
      }
      .form-signin {
        max-width: 330px;
        padding: 1rem;
      }
      .form-floating > .form-control:not(:placeholder-shown) ~ label,
      .form-floating > .form-select ~ label {
        color: rgba(var(--bs-body-color-rgb), 0.65);
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
      }
      .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        height: 100%;
        padding: 1rem 0.75rem;
        overflow: hidden;
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: var(--bs-border-width) solid transparent;
        transform-origin: 0 0;
        transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
      }
      label {
        display: inline-block;
      }

      .fw-normal {
        font-weight: 400 !important;
      }
      .mb-3 {
        margin-bottom: 1rem !important;
      }
      .h3,
      h3 {
        font-size: calc(1.3rem + 0.6vw);
      }
      .align-items-center {
        align-items: center !important;
      }
      .d-flex {
        display: flex !important;
      }
      .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #0d6efd;
        --bs-btn-border-color: #0d6efd;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #0b5ed7;
        --bs-btn-hover-border-color: #0a58ca;
        --bs-btn-focus-shadow-rgb: 49, 132, 253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0a58ca;
        --bs-btn-active-border-color: #0a53be;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #0d6efd;
        --bs-btn-disabled-border-color: #0d6efd;
      }

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      .form-control {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      }
      .form-floating {
        position: relative;
      }
      .form-signin {
        max-width: 330px;
        padding: 1rem;
      }
      .m-auto {
        margin: auto !important;
      }
      .w-100 {
        width: 100% !important;
      }
      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, 0.1);
        border: solid rgba(0, 0, 0, 0.15);
        border-width: 1px 0;
        box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1),
          inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -0.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }
      .bd-mode-toggle {
        z-index: 1500;
      }
      div {
        display: block;
      }
      .form-signin {
        max-width: 330px;
        padding: 1rem;
      }
      .m-auto {
        margin: auto !important;
      }
      .w-100 {
        width: 100% !important;
      }
      *,
      ::after,
      ::before {
        box-sizing: border-box;
      }
    </style>

  </head>
  <body class="d-flex align-items-center py-4 bg-body-tertiary">
    <div class="container-fluid">
      {% block login_container %}{% endblock %}
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
  </body>
  </html>
저작자표시 비영리 변경금지 (새창열림)

'백엔드 (Back-end)' 카테고리의 다른 글

FastAPI를 사용한 파이썬 웹 개발(CHAPTER 1)  (1) 2025.12.20
FastAPI를 사용한 파이썬 웹 개발(CHAPTER 6)  (0) 2024.02.19
사물함(1차)  (0) 2023.12.25
사물함(2차)  (0) 2023.12.25
몽고DB 설치하기  (0) 2023.12.09
'백엔드 (Back-end)' Related Articles more