IT TIP

장고에서 부트 스트랩을 어떻게 사용할 수 있습니까?

itqueen 2020. 12. 12. 12:55
반응형

장고에서 부트 스트랩을 어떻게 사용할 수 있습니까?


PHP에서 나오는 파이썬과 장고를 배우고 있습니다. 이 모든 것이 정말 흥미 롭습니다. 섹시한 웹 페이지를 만들기 위해 Django와 함께 Bootstrap을 사용하고 싶습니다.

내가 이해하는대로 (저는 웹 사이트에서 Django 튜토리얼을 따르고 있습니다) Django는 settings.py파일에 포함될 수있는 "앱"을 사용 합니다. 빠른 검색을 통해 여러 부트 스트랩 테마 앱을 찾았지만 올바른 앱을 선택하는 방법에 대한 지식이 없습니다. 대부분의 사람들이 사용하는 표준 앱이 있습니까? 필요한 것은 bootstrap.cssbootstrap.js파일뿐입니다.

내 루트에 수동으로 배치 할 수 있지만 Django 설치 내에서 "모두 포함"설정을 즐길 수 있습니다.


질문을 다시 읽으면 Twitter Bootstrap을 Django 앱으로 설치하는 방법을 찾고있는 것 같습니다. Django에서 Twitter Bootstrap을 쉽게 사용할 수있는 앱이 있지만 실제로 사용할 필요는 없습니다.

프로젝트 또는 앱 수준에서 Twitter Bootstrap CSS 및 JS를 포함하고 Django 템플릿에서 참조 할 수 있습니다.

Django 앱에 Twitter Bootstrap을 포함하려면 가장 좋은 방법은 다음과 같습니다.

  1. 정적 파일 사용

    당신에 settings.py,라는 이름의 폴더 아래에 장고 응용 프로그램의 다운로드 위치한다 부트 스트랩 (의 경로를 추가합니다 static:

    STATICFILES_DIRS = (
    
        # Put strings here, like "/home/html/static" or "C:/www/django/static".
        # Always use forward slashes, even on Windows.
        # Don't forget to use absolute paths, not relative paths.
        '/path/to/my_project/my_app/static/',
    )
    

    또한 STATIC_URL접두사가 설정되어 있는지 확인하십시오 .

    # URL prefix for static files.
    # Example: "http://media.lawrence.com/static/"
    STATIC_URL = '/static/'
    

    이제 Twitter Bootstrap을 다운로드하여 경로에 배치하십시오.

    /path/to/my_project/my_app/static/bootstrap/
    
  2. 템플릿에 Twitter Bootstrap 포함

    나는 Twitter Bootstrap 문서에 링크 할 것이지만 실제로는 없습니다. 가장 좋은 방법은 시작 템플릿 의 소스를 살펴 보는 것 입니다. Django 템플릿 시스템을 사용하는 것은이 질문의 범위를 약간 벗어납니다.하지만이 힌트를 줄 것입니다. 시작 템플릿에서 .css 또는 .js에 대한 링크를 찾은 경우 STATIC_URL로 대체하십시오.

    그래서:

    <link href="../assets/css/bootstrap.css" rel="stylesheet">
    

    된다

    <link href="{{ STATIC_URL }}/bootstrap/css/bootstrap.css" rel="stylesheet">
    

    나는 시작 템플릿을 내 템플릿으로 사용하고 내 템플릿의 실제 콘텐츠로 대체 할 수있는 블록을 base.html포함 {% block content %}합니다 .base.html{% extend base.html %}

  3. 또는 타사 앱을 사용하여

    내가 직접 사용하지 않은 Django Bootstrap Toolkit을 조사 할 수 있습니다 . 그러나 프로젝트를 탐색하고 진행 상황을 실제로 이해하는 방법으로 먼저 수동으로 수행하는 것이 좋습니다. 너무 어렵지 않습니다!


Python / Django의 세계에 오신 것을 환영합니다. 여러분과 마찬가지로, PHP로 수년간 웹 개발을 한 후, 저는이 언어 / 프레임 워크 쌍을 사용하여 동적 웹 사이트와 강력한 웹 애플리케이션을 만들기 위해 마이그레이션했습니다.

django의 정말 멋진 기능 중 하나는 자동 관리 인터페이스입니다. Django-Admin-Tools 및 django-admintools-bootstrap이라는 앱을 사용하여 기본 인터페이스를 매끄러운 관리자로 변환합니다. https://bitbucket.org/salvator/django-admintools-bootstrap

django 앱이나 다른 파이썬 모듈을 설치하는 가장 쉬운 방법은 pip를 사용하는 것입니다. django 프로젝트를 관리하기 위해 virtualenv http://readthedocs.org/projects/virtualenv/ 사용에 대해 읽을 것 입니다. Python 가상 환경을 설정할 때 시스템에 별도의 Python 설치로 django 앱과 Python 모듈을 설치할 수 있습니다.

그런 다음 추가 django 앱을 설치하는 것은 쉽습니다. pip install django-admin-tools-django grappelli-south-모두 제가 가장 좋아하는 것 중 일부입니다.


pip를 사용하여 twitter-bootstrap을 간단히 설치하면 어떨까요?

지시를 따르다:

https://pypi.python.org/pypi/django-twitter-bootstrap/

간단한 구성을 위해.

참고 URL : https://stackoverflow.com/questions/10157059/how-can-i-use-bootstrap-with-django

반응형