Django Bootstrap 5V 대시보드(무료 제품)

안녕, 프로그래머들,
본고는op of Volt Dashboard 템플릿을 기반으로 한 소스 오픈Django Bootstrap 5 시동기를 소개했는데 이것은 현대적인 jQuery 디자인이 없는 것이다.이 제품은 Github에서 다운로드할 수 있으며, 허가증은 무한한 취미와 상업 제품을 사용할 수 있다.초보자에게 Django는 경험이 풍부한 개발자가 구축한 Python 웹 프레임워크로 현대 웹 응용 프로그램의 신속한 개발을 장려한다.

Thank you! Content provided by App Generator.


  • Django Bootstrap 5볼트-대전체 전개

  • Django Bootstrap 5볼트 - 제품 페이지
  • 이상 - 기획 명단

  • 꽁고가 뭐야?


    초보자에 대해 이 절은 Django가 무엇인지, 그리고 이 유행하는 Python 기반 웹 프레임워크가 제공하는 기본 기능을 설명할 것이다.Django에서 간단한 웹 응용 프로그램을 작성하려면 파이톤을 설치하고 터미널을 통해 접근해야 합니다.워크스테이션에 파이톤이 있는지 확인하기 위해서 터미널 창에 python --version 를 입력하고 출력을 검사할 수 있습니다.잘못이 아닌 어떤 일도 다 좋은 일이다.
    $  python --version
    Python 3.8.4 <--- All Good
    
    만약 운영체제가 이 명령을 식별할 수 없다면 정부website에서 파이톤을 다운로드하고 설치해야 한다.이 단계를 완성하려면 아래 자원을 방문하거나 구글을 통해 파이썬 설치에 관한 강좌를 더 검색해서 설치가 완료되면 여기로 돌아오세요.

  • Getting Started with Python - 초간단 자습서
  • Setup Windows for development
  • Setup CentOS for development
  • Install Django


    Django를 설치하려면 공식 Python 패키지 관리자PIP를 사용할 수 있습니다.
    $ pip install Django
    

    Django - A minimal application


    Django는 개발자가 프로젝트 프레임워크를 코드 한 줄로 원형화하는 데 도움을 줄 수 있는 강력한 CLI(명령줄 인터페이스)를 제공합니다.
    $ django-admin startproject site1
    
    현재 디렉토리에 site1 디렉토리가 생성됩니다.startproject 명령으로 생성된 파일:
    site1/                  # The root directory (we can change the name)
        manage.py           # Django utility file
        site1/              # This is the actual Django project
            __init__.py     # 
            settings.py     # Store app settings
            urls.py         # Define app routes
            asgi.py         # Used in deployment 
            wsgi.py         # Used in deployment  
    
    각 파일의 의미:
  • 외부site1/ 루트 디렉터리는 프로젝트의 용기입니다.그것의 이름은 결코 중요하지 않다. 우리는 그것을 다시 명명할 수 있으며, 프로젝트에 어떠한 손해도 입히지 않을 것이다.
  • manage.py: 이 Django 프로젝트와 상호 작용할 수 있는 명령줄 유틸리티:
  • 데이터베이스 만들기
  • 마이그레이션 만들기(데이터베이스 업데이트용)
  • 내부site1/디렉터리는 프로젝트의 실제 파이톤 패키지입니다.그것의 이름은 그 중 어떤 내용 (예:site1.url) 을 가져오는 데 필요한 Python 패키지 이름입니다.
  • site1/init.py: 이 디렉터리가 파이톤 패키지로 간주되어야 한다는 빈 파일을 알려 줍니다.
  • site1/settings.py: 이 Django 프로젝트의 설정/구성입니다.Django 설정은 모든 설정의 작동 방법을 알려줍니다.
  • site1/urls.py: 이 Django 프로젝트의 URL 선언Django 웹 사이트의 카탈로그
  • site1/asgi.py: ASGI 호환 웹 서버가 프로젝트에 서비스를 제공하는 입구점입니다.
  • site1/wsgi.py: WSGI와 호환되는 웹 서버가 프로젝트에 서비스를 제공하는 입구점입니다.
  • 프로젝트가 성공적으로 생성되면 다음 명령을 사용하여 쉽게 시작할 수 있습니다.
    $ python ./manage.py runserver
    $ # App runs on http://localhost:8000
    
    보시다시피 Django를 사용하여 아주 간단한 프로그램을 만들기 시작하는 것은 매우 간단하고 재미있습니다.우리의 Django 예제(Volt Dashboard)는 원활한 통합과 배치를 위한 기본적인 기능과 스크립트를 제공합니다.

    Django Volt Bootstrap 5 - 사용 방법


    이 제품은 Github에서 직접 다운로드·사용할 수 있으며, 구축 설명은 README 파일에서 제공되며 프로젝트 소스 코드와 함께 저장된다.이를 컴파일하려면 다음과 같은 간단한 설정이 필요합니다.
  • 유행하는 버전 제어 명령 도구 GIT
  • 를 사용하여 다운로드sources
  • 설치 종속성 - requirements 파일
  • 에서 지정
  • 설정 환경 - 데이터베이스/테이블 만들기
  • 어플리케이션을 시작하고 브라우저에 액세스하여 어플리케이션 작동 확인
  • 기본적으로 프로젝트는 인증을 위해 게스트 사용자에게 다시 지정되며 로그인을 통해 먼저 사용자를 등록해야 합니다. (기본 사용자가 없습니다.)

    Let's compile the project! If something goes wrong, feel free to ask for assistance in the comments section.


    1# - 클론 소스 코드(Github에서)
    $ # Get the code
    $ git clone https://github.com/app-generator/django-dashboard-volt.git
    $ cd django-dashboard-volt
    
    2# - 설치 모듈/종속성
    $ # Virtualenv modules installation (Unix based systems)
    $ virtualenv env
    $ source env/bin/activate
    $
    $ # Install modules - SQLite Storage
    $ pip3 install -r requirements.txt
    
    3# - 환경 설정 및 테이블 작성
    $ # Create tables
    $ python manage.py makemigrations
    $ python manage.py migrate
    
    4# - 애플리케이션 시작(개발 모드)
    $ # Start the app - custom port
    $ # python manage.py runserver 0.0.0.0:<your_port>
    $
    $ # Access the web app in the browser: http://127.0.0.1:8000/
    
    Django starter의 잠금 해제된 개인 페이지는 매우 간단하고 디자인이 독특합니다.

    Django Bootstrap 5 - User Profile



    Django Bootstrap 5 - UI Alerts



    부트 프로그램 5


    Bootstrap은 전 세계 1천800여만개 웹사이트를 지원하는 가장 유행하는 CSS 프레임워크다.홈 페이지와 마찬가지로 Bootstrap은Sass 변수와 혼합, 응답 격자 시스템, 대량의 사전 구축 구성 요소와 자바스크립트 플러그인을 통해 응답형 모바일 퍼스트 사이트를 신속하게 디자인하고 맞춤형으로 제작할 수 있다.
    Bootstrap 5의 새로운 기능 - jQuery 삭제 (가장 중요한 업데이트일 수도 있음), IE 10과 11에 대한 지원 포기, 사용자 정의 SVG 아이콘 라이브러리, 루비 기반 SSG Jekyll에서 Hugo로 전환.
    Bootstrap 5에 대한 자세한 내용을 보려면 다음을 방문하십시오.

  • Bootstrap - 공식 웹 사이트 및 파일

  • Bootstrap 5 - 최신 소식, 좋은 글

  • Bootstrap 5 tutorial - jQuery 없이 어떻게 시작하는지 배우기

  • Thanks for reading! For more related content or support, please access:


  • Django Bootstrap 5 Volt - Sources - Github에 발표

  • Django Bootstrap 5 PRO - 더 많은 페이지와 구성 요소.
  • Volt PRO는 800개 이상의 구성 요소, 20개의 예시 페이지, 10개의 완전 맞춤형 플러그인을 갖춘 고급 Bootstrap 5 관리 대시보드입니다. 이 플러그인들은Vanilla Javascript로 작성되었습니다.그것은 보기 쉬운 색깔, 넓은 카드, 예쁜 글씨체, 도형을 결합시켰다.

    좋은 웹페이지 즐겨찾기