환경

개발 단말기: Linux(Ubuntu 17.10)

언어: Python(v3.6.3)※ pip 는 v9.0.1

웹 프레임워크: Flask(v1.0.2)

CSS 프레임워크: Bootstrap(v4.0.1)

오늘의 주제

지난번 계속.
구현중인 최신 소스는 여기

페이지 리디렉션 및 404 페이지 추가

CSS 프레임 워크 도입

■ 페이지 리디렉션

현재, 톱 페이지에 표시하는 컨텐츠를 생각하고 있지 않기 때문에, 우선 책장 일람 페이지에 리다이렉트시킨다.

@app.route('/')
def index():
    return redirect(url_for('list'))

그리고, 존재하지 않는 주소가 지정된 때용의 페이지를 준비. (실은 전회의 기사 쓴 시점에서 되어 있었다.)

@app.errorhandler(404)
def page_not_found(error):
    return render_template('404.html'), 404

【참고】
htp://f sk. 포코오. rg / cs / 1.0 / 쿠크 cks rt / # Rect cts - an d-Ero rs

■CSS 프레임워크 도입

모두 Bootstrap을 도입. 라고 생각했지만, 보급하고 있는 것은 v3 로, 지금은 v4 가 나와 있는 것 같기 때문에 최신을 채용.
일단 외형을 나름대로 하기 때문에 CDN 사용한다.

책장 일람 페이지에 왠지 디자인을 맞춰 본다.



일단, 반응형? .



HTML 소스는 여기 .

【참고】
ht tp // 게이 t보오 tst 등 p. 이 m / cs / 4.1 / t / g d /
ht tp // 게이 t보오 tst 등 p. 코 m/도 cs/4.1/코 m포넨 ts/카로세 l/