SB 관리자 - 무료 플라스크 대시보드

10324 단어 appseeddashboardsflaskwebdev
안녕하십니까, 프로그래머 여러분,
본고는 SB Admin 위에 인코딩된 간단한 Flask 계기판을 소개한다. 이것은 Start Bootstrap에서 무료로 제공하는 상징적인 관리 계기판으로 개원 애호가들의 적극적인 지지를 받는다.만약 당신의 다음 프로젝트가 계기판을 관리하는 것이라면 2.6k Githubstars가 있다면 SB Admin는 틀림없이 좋은 선택입니다.
읽어주셔서 감사합니다.컨텐츠는 App Generator 에 의해 제공됩니다.

  • SB Admin Flask - 제품 페이지

  • SB Admin Flask - 실시간 배포

  • SB Admin Flask - 제품 설명서

    • 초보자는 이 개원 프로젝트를 사용하여 최상의 실천과 현대 도구/라이브러리를 바탕으로 작성한 생산 준비 초보자에 적응할 수 있다.

    SB 관리자-UI 키트


    사용자 인터페이스 공급업체 설명 - SB Admin은 무료, 개원, 마성이공대학의 허가를 받은 안내 관리 템플릿입니다.이 템플릿은 기본 Bootstrap 4 스타일과 다양한 플러그인을 사용하여 다음 프로젝트에 대한 관리 패널, 웹 응용 프로그램 또는 대시보드 UI를 만드는 데 사용할 강력한 프레임워크를 만듭니다.
  • SCSS 기반 주제, Pug 및 CSS 컴파일용 내장 스크립트 포함
  • flexbox 기반 레이아웃, 고정 및 정적 내비게이션 옵션
  • 직관적인 전환 가능한 사이드바 메뉴
  • 사용자 정의 패널 스타일
  • 대화식 도표.js 플러그인
  • dataTables 플러그인의 대화식 표
  • 로그인, 등록, 비밀번호 잊음, 404 및 공백 시작 HTML 페이지
    • 이러한 소재 기반 사용자 인터페이스에 대한 더 많은 정보는 공식 사이트product page와 GithubRepo를 방문하십시오.

    초보자 소개


    Python/Flask에 익숙하지 않고 이 프로젝트가 좋은 놀이공원처럼 보인다면, 로컬에서 프로젝트를 컴파일할 수 있도록 몇 가지 절차를 따라 환경을 준비하십시오.
    Python 설치
    Flask는 Python 기반의 프레임워크입니다. 물론 그의 마력을 사용하려면 Python을 먼저 설치해야 합니다.이 page 에서 지원되는 모든 Python 설치 프로그램을 찾을 수 있습니다.운영 체제와 일치하는 설치 프로그램을 선택하고 install 단추를 누르십시오.설치가 완료되면 터미널 창을 열고 python --version 를 입력합니다.다음과 같은 내용을 볼 수 있습니다.
    python --version
Python 3.8.5
    GIT 사용
    본고에서 사용하는 또 다른 도구이자 많은 프로그래머들이 매일 사용하는 도구는 GIT - 명령 도구 버전 제어 시스템이다.터미널 다운로드 프로젝트 소스 코드를 사용하려면 GIT가 필요합니다.
    공식 GIT 정의-GIT는 소프트웨어 개발 과정에서 원본 코드의 변경을 추적하는 분포식 버전 제어 시스템이다.
    기본적으로 프로그래머는 GIT를 사용하여 협업 방식으로 공공 코드 라이브러리를 관리하고 업데이트한다.예를 들어 우리의 프로젝트는 루마니아에 있는 AppSeed 핵심 팀에서 Github에 발표되었다.
    다른 개발자들은 미국, 인도, 호주에서 온 프로젝트를 사용하고 있다.GIT는 이러한 상황에서 발생할 수 있는 모든 문제를 처리하여 이러한 분산 접근을 허용한다.

    Some (useful) GIT resources


  • Git Handbook - version control system 개념을 잘 소개했습니다

  • Git - Cheat Sheet - GIT에서 가장 많이 사용하는 명령을 포함하는 짧은 목록
    • 이제 Sb Admin Flask Dashboard 초보자를 계속 배우고 응용 프로그램 코드 라이브러리와 기능에 대해 몇 마디 하겠습니다.이 프로젝트는 초보자만이 아니라 새로운 프로젝트의 초기 단계를 뛰어넘는 데 목적을 둔다. 아무것도 없으면 사용자 인터페이스는 평면적이고 생명이 없는 HTML 파일일 뿐이다.시동기는 다음과 같은 기능을 제공합니다.
  • UI 준비, HTML 파일이 Jinja로 변환됨
  • DBMS: SQLite, PostgreSQL(생산)
  • 데이터베이스 도구: SQLAlchemy ORM, Alembic(모드 마이그레이션)
  • 청사진이 있는 모듈식 설계
  • 세션 기반 인증(flask_로그인), 양식 인증
  • 배포 스크립트: Docker, Gunicorn/Nginx, Heroku
    • starter는 개인 페이지를 숨기고 내빈 사용자에게 인증을 강요합니다.응용 프로그램 내부의 논리적 분할은 blueprints 을 통해 이루어진다.
    SB Admin Flask의 단순화된 코드 베이스 구조는 다음과 같이 시각화할 수 있습니다.
    < PROJECT ROOT >
   |
   |-- app/             # Implements app logic
   |    |-- base/       # Base Blueprint - Authentication Flow
   |    |-- home/       # Home Blueprint - Serve UI Kit pages
   |    |
   |   __init__.py      # Initialize the app
   |
   |-- requirements.txt # Development modules
   |
   |-- .env             # Inject Env Configuration
   |-- config.py        # Set up the app
   |-- run.py           # Start the app - WSGI gateway
   |
   |-- ******************************************************
    응용 프로그램 안내 절차는 매우 간단하다.
  • 플라스크 운행.py(우리 응용 프로그램의 입구점)
  • run.py 로드.env 및 설정 사용
  • run.py SQLite DB 사용 구성
  • 호출create_app은 응용 프로그램/초기화에 정의됩니다.py
  • 게스트 사용자를 로그인 페이지로 리디렉션
  • 홈blueprint(auth users)에서 제공하는 페이지 잠금 해제

    • SB AdminFlask - 코드 컴파일


    코드를 컴파일하고 이니시에이터의 실제 상황을 보기 위해서, 우리는 간단한 절차로 간단한 목록을 완성해야 한다.

    1 - Clone source code


    $ git clone https://github.com/app-generator/flask-dashboard-sb-admin.git
$ cd flask-dashboard-sb-admin
    프로젝트 페이지에서 원본 파일(ZIP 형식)을 다운로드할 수도 있습니다.ZIP 파일을 다운로드한 후 압축을 풀고 터미널 창을 열고 디렉터리(모든 프로젝트 파일을 저장하는 곳)에서 현재 디렉터리를 변경합니다.

    2 - Install Modules


    $ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
    SB Admin Flask 인코딩은 짧은 목록의 맨 위에 있으며 의존 항목은 [requirements.txt](https://github.com/app-generator/flask-dashboard-sb-admin/blob/master/requirements.txt) 파일에 나열됩니다.
  • 화병-화병창고
  • flask_login - 로그인/세션 기반 기능 제공
  • flask_wtf - 양식 및 필드 검증
  • flask\u sqlalchemy==2.*-간편한 데이터베이스 로깅
  • python 결합 해제 - 읽기.env 설정
  • gunicorn-HEROKU 배포용

    • 3 - Start the app


    어플리케이션을 시작하려면 내장형(개발 전용) Flask 서버를 사용할 수 있습니다.
    $ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ # Start the application (development mode)
$ flask run
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/
    만약 모든 것이 순조롭고 SB Admin Flask가 브라우저에서 볼 수 있다면, 우리는 로그인 페이지를 볼 수 있을 것이다.

    개인 페이지에 로그인하여 잠금을 해제하려면 새 사용자를 등록하십시오. (이 프로그램은 기본 사용자를 제공하지 않습니다.)

    SB Admin Flask - Charts Page



    SB Admin - UI Tables



    SB Admin - Error 404 page



    SB Admin - Deploy on HEROKU


    이 간단한 초보자는 이미 HEROKU를 설정했다. HEROKU는 다양한 언어와 프레임워크(Python/Flask 포함)에 사용되는 유행하는 배치 플랫폼이다.
    배포 단계는 다음과 같습니다.
  • 플랫폼HEROKU에서 무료 계정 만들기
  • 운영 체제와 일치하는 설치Heroku CLI: Mac, Unix 또는 Windows
  • 터미널 창을 열고 HEROKU 로그인 명령
    • 을 통해 인증
  • 소스 복제 및 프로젝트 실시간 배포 추진
    • $ # Clone the source code & CD inside 
$ cd flask-dashboard-sb-admin
$
$ # Check Heroku CLI is installed
$ heroku -v
$
$ # Check Heroku CLI is installed
$ heroku login
$ # this command will open a browser window - click the login button (in browser)
$
$ # Create the Heroku project
$ heroku create
$
$ # Trigger the LIVE deploy
$ git push heroku master
$
$ # Open the LIVE app in browser
$ heroku open
    배치가 성공적으로 완료되면 새 브라우저 페이지는 SB Flask Dashboard의 공식 페이지LIVE demo와 동일해야 합니다. 즉, 로그인 페이지입니다.

    Thanks for reading! For more resources, please access:

  • 더 많음Flask Dashboards - 책전지수
  • 이상Free Dashboards - AppSeed
    • 에서 제공
    계산하다
    imax6q 프로젝트: Yocto Project 자원 다운로드 문제

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage