This document discusses setting up a web service using Python Flask framework. It covers creating a virtual environment, installing Flask and related packages, setting up the directory structure, and copying over static files and templates from an example project.

1. 스노우키위,

2. 한

3. 성

4. 일

5.
파이썬

6. 플라스크로

7. 배우는

8. 웹프로그래밍

9. #4

32. ABCD

33. Foundation

35. #4.
서비스 구축

36. 0. 프롤로그

37. 정정
• Commercial

38. 버젼이

39. 설치됨

40.
• 제어판

42. 프로그램

43. 제거

44. 또는

45. 변경

46.
• MySQL

47. Server

48. 5.6

49. 제거

50.
• C:ProgramDataMySQLMySQL

51. Server

52. 5.6

53. 폴더

54. 삭제
https://drive.google.com/folderview?
id=0B_dqOWjvHbO9Yk5rSWlBVDd4dEUusp=sharingtid=0B_dqOWjvHbO9czFhMHY3VmtsWkk

55. 1. 프로세스

56. 웹 서비스 구축 프로세스
1 2 3 삽질

57. 시작디자인 html

58. 제작

59. 2. 구성

60. 가상환경 작업(Virtual Environment)
C:Usersmarkcd flask-space
C:flask-spacemkdir ch4
C:flask-spacecd ch4
C:flask-spacech4virtualenv flask
C:flask-spacech4flaskScriptspip install flask
C:flask-spacech4flaskScriptspip install flask-sqlalchemy
C:flask-spacech4flaskScriptseasy_install MySQL-python

61. 가상환경 작업(Virtual Environment)
$

62. cd

63. ~

64.
$

65. cd

66. Documents/flask-space

67.
$

68. mkdir

69. ch4

70.
$

71. cd

72. ch4

73.
$

74. virtualenv

75. flask

76.
$

77. flask/bin/pip

78. install

79. flask

80.
$

81. flask/bin/pip

82. install

83. flask-sqlalchemy

84. 가상환경 작업(Virtual Environment)
$ export PATH=$PATH:/usr/local/mysql/bin/
$ flask/bin/pip install MySQL-python
$ sudo ln -s /usr/local/mysql/lib/libmysqlclient.18.dylib /usr/lib/

85. 디렉토리 구조
ch4 app
run.py
database.py
__init__.py
static
templates
flask - 생성되어있음
• app,

86. static,

87. templates

88. 폴더를

89. 생성해

90. 주세요

91. !!
controllers.py
models.py

92. 기본작업1
https://drive.google.com/folderview?
id=0B_dqOWjvHbO9STBKd0JfMlA1TmMusp=sharing
퍼블리싱

93. 데이터

94. 다운로드
boot2

95. 압축해제후

96. 폴더의

97. css,

98. font,

99. img,

100. js

101. 복사
ch4/app/static

102. 폴더로

103. 붙여넣기
1
2
3

104. 기본작업2
boot2

105. 폴더의

106. publish

107. 폴더의

108. index.html,

109. login.html,

110. profile.html

111. 폴더

112. 복사
ch4/app/template

113. 폴더로

114. 붙여넣기2
1

115. 3. 데이터베이스 설정

116. 데이터베이스 설정
SHOW DATABASES;
USE abcd;

117. 데이터베이스 설정
CREATE TABLE users
(
id INTEGER NOT NULL AUTO_INCREMENT,
name VARCHAR(50) NOT NULL,
password VARCHAR(50) NOT NULL,
email VARCHAR(120) NOT NULL,
image VARCHAR(200) NOT NULL,
company VARCHAR(100),
gender VARCHAR(50),
location VARCHAR(100),
tel VARCHAR(100),
description VARCHAR(500),
PRIMARY KEY(id),
UNIQUE (email)
);
SELECT * FROM users
1
2

118. 데이터베이스 설정
SELECT * FROM users;1
2
3
기초데이터 입력

119. 기본설정 2
CREATE TABLE posts
(
id INTEGER NOT NULL AUTO_INCREMENT,
contents Text NOT NULL,
date DATETIME,
userid INTEGER NOT NULL,
writer INTEGER NOT NULL,
PRIMARY KEY(id),
FOREIGN KEY (userid) REFERENCES users(id),
FOREIGN KEY (writer) REFERENCES users(id)
);
SELECT * FROM posts;
1
2

120. 4. 구현

121. 구동 프로세스
/ /profile/사용자 아이디
/delete/사용자 아이디/포스트 아이디
/login
/login-form
/add
url 구조
프로필 화면
포스트 등록
포스트 삭제
로그인 화면
로그인
회원리스트

122. 구동파일
#!flask/bin/python
# -*- coding: utf-8 -*-
from app import app
!
app.secret_key = 'abcd_key'
app.config['SQLALCHEMY_ECHO'] = True
!
if __name__ == '__main__':
app.run(host='0.0.0.0', port=5000, debug=True)
run.py
Flask

123. 구동파일
from flask import Flask
!
app = Flask(__name__)
from app import controllers
app/__init__.py
Flask

124. Database
# -*- coding: utf-8 -*-
from sqlalchemy import create_engine
from sqlalchemy.orm import scoped_session, sessionmaker
from sqlalchemy.ext.declarative import declarative_base
!
engine = create_engine('mysql://abcd:1234@127.0.0.1/abcd?
charset=utf8', convert_unicode=True)
db_session = scoped_session(sessionmaker(autocommit=False,
autoflush=False,
bind=engine))
Base = declarative_base()
Base.query = db_session.query_property()
!
def init_db():
# import all modules here that might define models so that
# they will be registered properly on the metadata. Otherwise
# you will have to import them first before calling init_db()
import models
Base.metadata.create_all(bind=engine)
app/database.py
Flask

125. Database
mysql://abcd:1234@127.0.0.1/abcd?charset=utf8
mysql://db계정:db비밀번호@127.0.0.1/데이터베이스?charset=utf8
쿼리스트링 의미
Flask

126. Model 1
# -*- coding: utf-8 -*-
import datetime
from sqlalchemy import Column, Integer, String, Text, DateTime,
ForeignKey
from sqlalchemy.orm import sessionmaker, relationship
from database import Base
app/models.py
Flask

127. Model 2# users 테이블에 맵핑
class User(Base):
__tablename__ = 'users'
id = Column(Integer, primary_key=True)
name = Column(String(50), unique=False)
password = Column(String(50), unique=False, nullable=False)
email = Column(String(120), unique=True, nullable=False)
image = Column(String(200), unique=False)
company = Column(String(100), unique=False)
gender = Column(String(50), unique=False)
location = Column(String(100), unique=False)
tel = Column(String(100), unique=False)
description = Column(String(500), unique=False)
posts = relationship('Post', backref='user', lazy='dynamic')
!
def __init__(self, name=None, password=None, email=None,
image=None, company=None, gender=None, location=None,
tel=None, description=None):
self.name = name
self.password = password
self.email = email
self.image = image
self.company = company
self.gender = gender
self.location = location
self.tel = tel
self.description = description
app/models.py Flask

128. Model 3
# posts 테이블에 맵핑
class Post(Base):
__tablename__ = 'posts'
id = Column(Integer, primary_key=True)
contents = Column(Text, unique=False)
userid = Column(Integer, nullable=False)
writer = Column(Integer, ForeignKey('users.id'),
nullable=False)
date = Column(DateTime , default=datetime.datetime.utcnow,
unique=False)
users = relationship('User', backref='post', lazy='joined')
def __init__(self, contents=None, userid=None, writer=None):
self.contents = contents
self.userid = userid
self.writer = writer
app/models.py
Flask

129. 로그확인
app.logger.debug(request.form['email'])
app.logger.debug(user.name)
Flask

130. Controller
# -*- coding: utf-8 -*-
from database import init_db, db_session
from flask import Flask, request, session,
redirect, url_for, abort, render_template, flash
from models import User, Post
!
from app import app
!
# 메인페이지
@app.route('/')
@app.route('/index')
def index():
users = User.query.all()
return render_template('index.html', users=users)
app/controllers.py
Flask

131. # 프로필
@app.route('/profile/int:userId')
def profile(userId):
# 사용자 정보
user = User.query.filter_by(id=userId).first()
# 컨텐츠 리스트
posts = Post.query.filter(Post.userid==User.id).order_by(Post.id.desc()).all();
#app.logger.debug(len(posts))
return render_template('profile.html', user=user, posts=posts, userId=userId)
Controller
app/controllers.py
Flask

132. # 로그인 화면
@app.route('/login-form')
def loginForm():
return render_template('login.html')
Controller
app/controllers.py
Flask

133. # 로그인
@app.route('/login', methods=['POST'])
def login():
if request.method == 'POST':
email = request.form['email']
password = request.form['password']
user = User.query.filter_by(email=email).filter_by(password=password).first()
if (user):
session['logged_in'] = True
session['id'] = user.id
session['email'] = user.email
session['name'] = user.name
session['image'] = user.image
return redirect(/profile/ + str(user.id))
else:
return '로그인 정보가 맞지 않습니다.'
else:
return '잘못된 접근'
Controller
app/controllers.py
Flask

134. # 로그아웃
@app.route('/logout')
def logout():
session['logged_in'] = False
session.clear()
return redirect(url_for('index'))
Controller
app/controllers.py
Flask

135. # 컨텐츠 등록
@app.route('/add/int:userId', methods=['POST'])
def add(userId):
if request.method == 'POST':
if (session['logged_in']):
post = Post(request.form['contents'], userId,
session['id'])
db_session.add(post)
db_session.commit()
return redirect(/profile/ + str(userId))
else :
return '로그인해주세요'
else:
return '잘못된 접근'
Controller
app/controllers.py
Flask

136. # 컨텐츠 삭제
@app.route('/delete/int:userId/int:postId')
def delete(userId, postId):
if (session['logged_in']) :
Post.query.filter_by(id=postId).delete()
return redirect(/profile/ + str(userId))
else:
return '잘못된 접근'
Controller
app/controllers.py
Flask

137. !DOCTYPE html
html lang=ko
head
meta charset=utf-8
meta name=viewport content=width=device-width, initial-scale=1.0
link rel=shortcut icon
href={{ url_for('static', filename='img/favicon.ico') }}
title홈/title
!-- 부트스트랩 코어 CSS --
link href={{ url_for('static', filename='css/bootstrap.css') }}
rel=stylesheet
link href={{ url_for('static', filename='css/custom-index.css') }}
rel=stylesheet
/head
body
div class=container
h2등록된 사용자/h2
{% for item in users %}
a href=/profile/{{item.id}}{{item.name}}/abr/
{% endfor %}
/div
!-- jQuery 필수 --
script src=http://code.jquery.com/jquery.js/script
!-- 부트스트랩 코어 자바스크립트 --
script src={{ url_for('static', filename='js/bootstrap.min.js') }}”
/script
/body
/html
Template
app/templates/index.html
Flask Jinja2

138. body
div class=container
form class=form-signin action=/login method=post
h3 class=form-signin-heading로그인/h3
input type=text name=email class=form-control
placeholder=이메일 autofocus
input type=password name=password class=form-control
placeholder=패스워드
button class=btn btn-lg btn-primary btn-block type=“submit
로그인
/button
/form
/div
/body
Template
app/templates/login.html
Flask Jinja2

139. Template app/templates/profile.html
nav class=navbar navbar-inverse navbar-fixed-top role=navigation
!-- 브랜드와 토글을 모바일을 위해 그룹화 합니다. --
div class=navbar-header
button type=button class=navbar-toggle
data-toggle=collapse
data-target=.navbar-ex1-collapse
span class=sr-onlyToggle navigation/span
span class=icon-bar/span
span class=icon-bar/span
span class=icon-bar/span
/button
a class=navbar-brand href=#ABCD/a
{% if session.logged_in %}
p class=navbar-text{{session.name}}님 환영합니다./p
{% endif %}
/div
!
!-- 토글되는 네비게이션 링크들, 폼, 기타 콘텐츠를 모아놓습니다. --
div class=collapse navbar-collapse navbar-ex1-collapse
ul class=nav navbar-nav
{% if not session.logged_in %}
lia href=/login-form로그인/a/li
{% else %}
lia href=/logout로그아웃/a/li
{% endif %}
/ul
ul class=nav navbar-nav navbar-right/ul
/div
/nav
Flask Jinja2

140. Template
app/templates/profile.html
div class=row
!-- 개인정보 부분 --
!-- xs 18, md 12 --
div class=col-md-4
div class=well
img src={{ url_for('static', filename=user.image) }}
class=img-thumbnail img-responsive
style=width:100%; alt={{user.name}} /
h3{{user.name}}/h3
h5{{user.company}}/h5
div
span class=glyphicon glyphicon-star/span
전화 : {{user.tel}}
/div
div
span class=glyphicon glyphicon-star/span
성별 : {{user.gender}}
/div
div
span class=glyphicon glyphicon-star/span
지역 : {{user.location}}
/div
h5{{user.description}}/h5
/div
/div
Flask Jinja2

141. Template
app/templates/profile.html
{% if session.logged_in %}
!-- 입력 부분 --
div class=well
form class=form-signin action=/add/{{userId}} method=post
textarea class=form-control name=contents
rows=3 placeholder=오늘 어때요?/textarea
button type=submit class=btn btn-primary btn-block”
글쓰기
/button
/form
/div
{% endif %}
Flask Jinja2

142. Template app/templates/profile.html
!-- 컨텐츠 부분 : loop --
div class=well
{% for item in posts %}
div class=media
a class=pull-left href=/profile/{{item.users.id}}
img class=media-object img-rounded
alt={{item.users.name}}'s photo
src={{ url_for('static', filename=item.users.image) }}
style=width: 64px; height: 64px;
/a
div class=media-body
{{ item.contents }}
div
b {{ item.users.name }} /b
{{ item.date }}
{% if session.id == item.users.id or session.id == userId %}
a href=“/delete/{{userId}}/{{item.id}}
span class=glyphicon glyphicon-remove”/span
/a
{% endif %}
/div
/div
/div
{% endfor %}
/div
Flask Jinja2

143. 5. 구동

144. 구동
C:Usersmarkcd flask-spacech4
C:flask-spacech4run.py
$

145. cd

146. ~

147.
$

148. cd

149. Documents/flask-space/ch4

150.
$

151. chmod

152. 755

153. run.py

154.
$

155. ./run.py

156. 구동 1
http://localhost:5000/

157. 구동 2
http://localhost:5000/profile/1

158. 구동 3
http://localhost:5000/login-form

159. QA

160. 정말!!
수고하셨습니다. :D
• ABCD

161. 그룹

163. https://www.facebook.com/groups/562787713823026/

164.
!
• 한성일

166. https://www.facebook.com/jamie.han.16

168. iheart79@gmail.com