AI School_0401TIL
데이터베이스 만들기
(id는 INTEGER PRIMARY KEY니까 OUTO INCREMENT됨)
만든 데이터 구조 확인해보기
데이터 추가하기
데이터 삭제하고, 확인하기
탈출!
파일 목록 확인(내가 만든 데이터베이스 첫 줄에!)
파이썬으로 내가만든 db 읽어오기
db의 데이터들 확인하기
db에 데이터 넣기(CREATE)
read.py를 import(모듈을 임포트해오기)해서
만들고, 바로 실행시키기
server.py에서 db 연동시켜서 데이터 출력하기
오늘 배운
DB 생성,읽기,삭제
+(자바스크립트 복습 코드)
from flask import Flask, request, redirect
import sqlite3
app = Flask(__name__)
topics = [
{"id":1, "title":"html", "body":"html is ...."},
{"id":2, "title":"css", "body":"css is ...."},
{"id":3, "title":"js", "body":"js is ...."}
]
def template(content, id=None):
contextUI = ''
if id != None:
contextUI = '<input type="submit" value="delete" class="btn btn-dark">'
conn = sqlite3.connect('db.sqlite3')
cs = conn.cursor()
cs.execute('SELECT * FROM topics')
topics = cs.fetchall()
conn.close()
liTags = ''
for topic in topics:
liTags = liTags + f'<li><a href="/read/{topic[0]}/">{topic[1]}</a></li>'
return f'''
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<style>
h1{{
border-bottom:10px solid green;
}}
</style>
</head>
<body class="container">
<input type="button" value="night" onclick="
document.querySelector('body').style.backgroundColor='black';
document.querySelector('body').style.color='white';
">
<input type="button" value="day" onclick="
document.querySelector('body').style.backgroundColor='white';
document.querySelector('body').style.color='black';
">
<h1><a href="/">WEB</a></h1>
<ol>
{liTags}
</ol>
{content}
<form action="/delete/{id}/" method="POST">
<div class="btn-group" role="group" aria-label="Basic example">
<a href="/create/" class="btn btn-dark">create</a>
<input type="submit" value="delete" class="btn btn-dark">
</div>
</form>
<!-- Copy and Paste Me -->
<div class="glitch-embed-wrap" style="height: 420px; width: 100%;">
<iframe
src="https://glitch.com/embed/#!/embed/flask---daegu-ai-school?path=server.py&previewSize=0"
title="flask---daegu-ai-school on Glitch"
allow="geolocation; microphone; camera; midi; encrypted-media; xr-spatial-tracking; fullscreen"
allowFullScreen
style="height: 100%; width: 100%; border: 0;">
</iframe>
</div>
</body>
</html>
'''
@app.route("/")
def index():
return template('<h2>Welcome</h2>Hello, WEB!')
@app.route("/read/<int:id>/")
def read(id):
conn = sqlite3.connect('db.sqlite3') #접속
cs = conn.cursor() #커서를 얻어내고
cs.execute('SELECT * FROM topics WHERE id=?', (id,)) #id의 값을 입력해서 1건 가져온다
topic=cs.fetchone() #한 건을 fetchone으로 가져온다
conn.close()
title = topic[1]
body = topic[2]
return template(f'<h2>{title}</h2>{body}', id)
@app.route('/create/')
def create():
content = '''
<form action="/create_process/" method="POST">
<p><input type="text" name="title" placeholder="title"></p>
<p><textarea name="body" placeholder="body"></textarea></p>
<p><input type="submit" value="create"></p>
</form>
'''
return template(content)
@app.route('/create_process/', methods=['POST'])
def create_process():
title=request.form['title'] #타이틀과 바디값을 브라우저에서 받고,
body=request.form['body']
conn=sqlite3.connet('db.sqlite3')
cs=conn.cursor()
cs.execute('INSERT INTO topics(title,body) VALUES(?,?)',(title,body))
id=cs.lastrowid #db의 마지막 id를 받아낸다
conn.commit() #커밋 실행하기 전엔, db에 쓰이기 전이고 commit을 실행해야 db에 쓰인다
conn.close()
return redirect(f'/read/{id}/') #nextId-1 을 나타낼 필요없이, db가 처리해준 id를 넣으면 된다.
@app.route('/delete/<int:id>/', methods=['POST'])
def delete(id):
conn = sqlite3.connect('db.sqlite3')
cs = conn.cursor()
cs.execute('DELETE FROM topics WHERE id=?', (id,))
conn.commit()
conn.close()
return redirect('/')
# # @app.route('/update/')
# # def update():
# # return 'Update'
app.run()
이고잉 강사님 덕분에
즐거운 3주차 수업을 마무리했다!
자바스크립트 코드와 파이썬 코드를 다시한번 차근차근 짚어보며
복습해봐야겠다.
Author And Source
이 문제에 관하여(AI School_0401TIL), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@burninghering/AI-School0401TIL저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)