내일배움캠프 2일차

김서영·2022년 8월 30일
0

내일배움캠프 TIL

목록 보기
3/85
post-custom-banner

flask로 사이트 연결하기(서버에서 다른 페이지로 이동하기)

웹개발 인터넷 강의에서 flask를 기본틀을 복사 붙여넣기 하고 그 틀을 채우는 방식으로 간단하게만 배웠기 때문에 처음부터 끝까지 만드려고 하니 너무 어려움이 많았다.
1일차에서 배운 방법은 서버가 켜지기는 하나, 다른 페이지로 넘어가는것에서 오류가 나서 다른 방법을 찾아보았다.

여러 시행착오를 겪은 결과 경로 이름과 url을 메인페이지와 연결하는 페이지의 자리에 맞춰 넣기만 하면 오류없이 페이지가 실행되었다.

1. 메인페이지의 html에 버튼을 만들고 window.location.href을 이용해 링크를 만든다.

onclick="window.location.href='/이동하려는 주소'"

2. 파이썬 파일에서 해당하는 주소에 각각의 html이 반환될 수 있도록 경로이름과 url을 알맞게 넣는다.

#메인페이지
@app.route('/')
def 경로이름():
return render_template('메인페이지 주소')
#연결하려는 페이지
@app.route('/원하는주소')
def 새로운 경로이름():
return render_template('이동하려는 페이지 주소')

❗ 경로 이름은 알아서 바꾸면 된다

예시)

@app.route('/')
def home():
return render_template('1_page.html')
@app.route('/2_page_jhj.html')
def ppage():
return render_template('2_page.html')

profile
개발과 지식의 성장을 즐기는 개발자
post-custom-banner

0개의 댓글