소프트 UI 디자인 시스템 - 플라스크 부트스트랩 5 템플릿

안녕하세요 코더 여러분,

이 문서에서는 오픈 소스 부트스트랩 5 UI 키트인 Soft UI Design System 위에 빌드된 간단한 Flask 스타터를 제공합니다. 이 프로젝트는 "개발 준비가 된"스타터 위에 새로운 기능을 추가하여 초보자가 광고를 더 빠르게 코딩하는 데 도움이 될 수 있습니다. Soft UI Design System은 풍부한 UI 키트와 사전 구축된 페이지(회사 정보, 연락처, 사용자 프로필)와 함께 제공됩니다.

Thanks for Reading! TL;DR;

Flask Soft UI System - 상품 페이지

Flask Soft UI PRO - 더 많은 페이지, 실시간 지원

소프트 UI 디자인 시스템은 버튼, 입력, 내비게이션, 내비탭, 카드 또는 알림과 같은 70개 이상의 프런트엔드 개별 요소가 있는 부트스트랩 5 위에 구축되어 선택과 조합의 자유를 제공합니다. 모든 구성 요소는 SASS 파일 및 클래스를 사용하여 쉽게 수정할 수 있는 다양한 색상을 가질 수 있습니다.

공식 페이지에서 "Creative Tim이 만든 가장 복잡하고 혁신적인 디자인 시스템"으로 제시된 이 최신 UI 키트는 무제한 복사를 허용하는 허용 라이선스인 MIT 라이선스에 따라 출시되었습니다(지원은 포함되지 않음).

Soft UI Design System - UI Cards

디자인에는 About Us , Contact 과 같은 몇 가지 샘플 페이지와 멋진 사용자 프로필 및 유틸리티 페이지login , 등록, 404 오류 페이지가 함께 제공됩니다.

Soft UI Design System - Colorful Buttons

플라스크 코드베이스

Python 코드는 간단한 라우팅, 데이터베이스 또는 기타 종속성이 없는 간단한 Flask 프로젝트입니다. 이 스타터의 목표는 프로그래머가 새 프로젝트에 "개발 준비"디자인을 재사용하거나 레거시 프로젝트의 UI를 향상하여 Flask/Django 프로젝트를 더 빠르게 코딩하도록 돕는 것입니다. 프로젝트를 컴파일하려면 Python3이 올바르게 설치되고 터미널을 통해 액세스할 수 있어야 합니다. 이 Flask 프로젝트가 로컬에서 실행되는 것을 보려면 다음 간단한 설정을 따르십시오.


1# - 소스 복제

$ # Clone the sources
$ git clone https://github.com/app-generator/flask-soft-ui-free.git
$ cd flask-soft-ui-free

2# - 의존성 설치

$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Install requirements
$ pip3 install -r requirements.txt

3# - 환경 설정 및 프로젝트 시작

$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ # Run the Template
$ flask run
$
$ # Access the UI in browser: http://127.0.0.1:5000/

프로젝트가 성공적으로 컴파일되면 브라우저에서 presentation 페이지가 실행되는 것을 볼 수 있습니다.

Soft UI Design System - Sign IN Page

Thanks for Reading! For more resources, please access:

Soft UI Design System - HTML 버전(무료)

Soft UI Design System으로 스타일이 지정된 스타터 더보기