CoreUI- 관리 대시보드는 Jinja2 테마와 Flask, Django 웹 응용 프로그램으로 사용할 수 있습니다.

안녕하십니까, 프로그래머 여러분,
본고는 세 가지 서로 다른 스타일의 유명한CoreUI 디자인(무료 버전)을 소개했는데 모두 Github에서 마성이공대학 허가증을 받아 발표한 것이다.초보자에게 CoreUI는 오픈 가이드 관리 템플릿으로 Github에 10k GH stars와 2.7k fork가 있으며 제품과 동명의 기구가 적극적으로 지원한다.

Thanks for reading! - Content provided by App Generator.

✨ CoreUI Django - 제품 페이지 Django 버전

✨ CoreUI Flask - 제품 페이지 플라스크 버전

✨ CoreUI 디자인

공급업체 설명-CoreUI는 소스 부트 관리 템플릿입니다.그러나 CoreUI는 다른 관리 템플릿이 아닙니다.투명한 코드와 파일 구조로 인해 지금까지의 관리 템플릿을 뛰어넘었다.이것도 부족하다면 한마디 더 하자. 코어UI는 독특한 기능과 1000여 개의 고품질 아이콘으로 구성되어 있다.

How to build the HTML

$ # Clone the HTML
$ git clone https://github.com/coreui/coreui-free-bootstrap-admin-template.git
$ cd coreui-free-bootstrap-admin-template
$ 
$ yarn # install modules
$ yarn serve # development built 
$
$ yarn build # production build
$ # HTML files generated in dist/ folder

✨ 코리 플라스크

Flask starter는 간단한 코드 라이브러리를 사용하여 인코딩을 합니다. 이 코드 라이브러리는 데이터베이스, Flask Sql Alchemy ORM, 청사진, 응용 프로그램 공장 모델, Docker와 Gunicorn/Nginx 창고의 배치 스크립트를 통해 강화되었습니다.

CoreUI Flask - 제품 페이지

CoreUI Flask Demo - 실시간 배포

Code-base structure

< PROJECT ROOT >
   |
   |-- app/                   # Implements app logic
   |    |-- base/             # Base Blueprint - handles login
   |    |-- home/             # Home Blueprint - serve UI Kit pages
   |    |
   |   __init__.py            # Initialize the app
   |
   |-- requirements.txt       # Development modules - SQLite storage
   |-- requirements-mysql.txt # Production modules  - Mysql DMBS
   |-- requirements-pqsql.txt # Production modules  - PostgreSql DMBS
   |
   |-- .env                   # Inject Configuration via Environment
   |-- config.py              # Set up the app
   |-- run.py                 # Start the app - WSGI gateway
   |
   |-- ****************************************************************

App bootstrap flow

run.py 파일 로드.env

지정된 프로필로 응용 프로그램 초기화: 디버깅 또는 운영

환경의 경우.디버그가 True로 설정되어 SQLite 스토리지 사용

환경의 경우.DEBUG 설정은 False에서 지정한 DB 드라이버(MySql, PostgreSQL)

를 사용합니다.

app/init에서 정의한 appfactory 방법create_app을 호출합니다.py

게스트 사용자를 로그인 페이지로 리디렉션

홈blueprint 인증 사용자를 위한 페이지 잠금 해제

Hot to use the code

전체 명령은 README 파일에 저장되어 원본 코드와 함께 제공됩니다.다음은 단순화 버전입니다.

$ # Get the code
$ git clone https://github.com/app-generator/flask-dashboard-coreui.git
$ cd flask-dashboard-coreui
$
$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
$
$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$ 
$ flask run --host=0.0.0.0 --port=5000
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/

기본적으로 응용 프로그램에는 사용자 역할이 설정되어 있지 않습니다.개인 페이지의 잠금을 해제하려면 등록 페이지를 방문하여 새 사용자를 만듭니다.

CoreUI - Flask version, the registration page

크레이 데양고

Django 버전은 기능과 배포 옵션에 유사한 코드 라이브러리를 사용합니다.

UI Ready 응용 프로그램, SQLite 데이터베이스, Django 네이티브 ORM

모듈화 디자인, 깨끗한 코드 라이브러리

세션 기반 인증, 양식 검증

배포 스크립트: Docker, Gunicorn/Nginx

CoreUI Django - 제품 페이지

CoreUI Django Demo - 실시간 배포

How to use the code

$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-coreui.git
$ cd django-dashboard-coreui
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv env
$ # .\env\Scripts\activate
$
$ # Install modules - SQLite Storage
$ pip3 install -r requirements.txt
$
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
$
$ # 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/

만약 모든 것이 순조롭다면, 우리는 브라우저에 나타난 Login 페이지를 볼 수 있을 것이다.개인 페이지 (대시보드, 작은 위젯, 도표) 에 액세스하려면 새 사용자를 만들고 인증을 하십시오.일부 예쁜 계기판 페이지는 나중에 발표해야 한다.

Thanks for reading! Feel free to AMA in the comments.

✨ Corei Jinja 템플릿

제 일상적인 업무 흐름에서 저는 보통 Python 백엔드(Flask와 Django)를 사용합니다. 제가 새로운 디자인을 사용할 때 가장 먼저 떠오르는 것은 Jinja2로 바꾸는 것입니다.
이 테마는 데이터베이스, ORM 또는 다른 등식에 관련된 조수가 없고 Flask magic에서 렌더링한 Jinja2 파일만 있는 아주 간단한 Flask 응용 프로그램에 묶여 있습니다.

CoreUI Jinja Demo - 현장 프레젠테이션

CoreUI Jinja Template - 소스 코드

GIT와 Python3가 이미 설치되어 있다면 테마를 로컬로 쉽게 구성하고 표시할 수 있습니다. 터미널을 열고 간단한 명령을 입력하십시오.

$ git clone https://github.com/app-generator/jinja-coreui.git
$ cd jinja-coreui
$
$ # Install Flask
$ pip3 install -r requirements.txt
$
$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ flask run
$
$ # Access the UI in browser: http://127.0.0.1:5000/

만약 모든 것이 순조롭다면, CoreUI 디자인은 당신이 선택한 브라우저에서 볼 수 있어야 합니다.로그인/등록 잠금이 없으면 HTML 테마가 제공하는 모든 페이지가 틀림없이 표시되어야 합니다.

CoreUI - Jinja2 Theme, the LOGIN page

CoreUI - Jinja2 Theme, the Colors page

링크 및 리소스

Jinja2 Theme - CoreUI

Flask CoreUI

Django CoreUI

더 많은 시동기 인코딩은 CoreUI 디자인

위에 있다