내 Flask 애플리케이션에서 외부 CSS 파일을 올바르게 연결하려면 어떻게 해야 합니까?

Flask 애플리케이션에 CSS 파일을 통합하는 방법

외부 스타일 시트를 사용하여 Flask 애플리케이션에서 템플릿 스타일을 지정할 때 적절한 파일을 이해하는 것이 중요합니다. 구조. 이러한 맥락에서 제공된 오류 메시지는 애플리케이션이 CSS 파일을 검색하지 못하는 문제를 나타냅니다.

디렉터리 구조는 다음과 같이 파일을 구성해야 합니다.

/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /static
        /styles
            - mainpage.css

/styles 디렉터리가 /static 내에 있습니다.

템플릿에 스타일 시트를 지정하려면 다음을 사용하세요. 구문:

<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/mainpage.css') }}">

이 경로는 Flask가 "static/styles/mainpage.css" 위치 내에서 CSS 파일을 검색하도록 지시합니다.

이 파일 구조와 템플릿 구문을 준수함으로써, 외부 CSS 파일을 Flask 애플리케이션에 성공적으로 연결하여 적절한 스타일을 보장할 수 있습니다.

위 내용은 내 Flask 애플리케이션에서 외부 CSS 파일을 올바르게 연결하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!