CoreUI를 만들기로 결정한 이유가 궁금하십니까? 이 기사를 읽어보십시오: 모든 거래의 잭, 아무것도 할 수 없습니다. 부트스트랩 관리 템플릿이 형편없는 이유
CoreUI는 Bootstrap, Angular, Laravel, React.js, Vue.js 및 Vue.js + Laravel의 6가지 버전을 제공합니다.
CoreUI는 UX 게임 체인저가 될 것입니다. 순수하고 투명한 코드에는 중복 구성 요소가 없으므로 앱은 최고의 사용자 경험을 제공할 수 있을 만큼 가볍습니다. 이는 데스크톱이나 노트북처럼 탐색이 쉽고 직관적인 모바일 장치도 의미합니다. CoreUI 레이아웃 API를 사용하면 모바일, 웹, 웹앱 등 거의 모든 장치에 맞게 프로젝트를 사용자 정의할 수 있습니다. CoreUI는 모든 장치를 포괄합니다!
버전
CoreUI 프로
CoreUI Pro를 기반으로 구축된 관리 템플릿
설치
용법
특징
크리에이터
지역 사회
커뮤니티 프로젝트
특허
CoreUI 개발 지원
CoreUI는 Bootstrap 4를 기반으로 구축되었으며 널리 사용되는 프레임워크를 지원합니다.
CoreUI 무료 부트스트랩 관리 템플릿
CoreUI 무료 Angular 관리 템플릿
CoreUI 무료 Laravel 관리 템플릿
CoreUI 무료 React.js 관리 템플릿
CoreUI 무료 Vue.js 관리 템플릿
CoreUI 무료 Vue.js + Laravel 관리 템플릿
CoreUI Pro 부트스트랩 관리 템플릿
CoreUI Pro Angular 관리 템플릿
CoreUI Pro Laravel 관리 템플릿
CoreUI Pro React 관리 템플릿
CoreUI Pro Vue 관리 템플릿
CoreUI Pro Vue + Laravel 관리 템플릿
기본 테마 | 레거시 테마 | 어두운 레이아웃 |
---|---|---|
# 저장소 복제$ git clone https://github.com/coreui/coreui-free-laravel-admin-template.git my-project# 앱 디렉토리로 이동$ cd my-project# 앱 종속성 설치$ 작곡가 설치# 설치 앱의 종속성$ npm install
# 데이터베이스 만들기$ touch 데이터베이스/database.sqlite
".env.example" 파일을 복사하고 이름을 ".env"로 변경합니다. 그런 다음 ".env" 파일에서 다음 데이터베이스 구성을 바꾸십시오.
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=라라벨
DB_USERNAME=루트
DB_PASSWORD=
이에 대해:
DB_CONNECTION=sqlite
DB_DATABASE=/path_to_your_project/database/database.sqlite
PostgreSQL 설치
사용자 생성
$ sudo -u postgres createuser --interactive 추가할 역할 이름을 입력하세요: laravel 새 역할은 슈퍼유저여야 합니다. (y/n) n 새 역할이 데이터베이스를 생성하도록 허용해야 합니까? (y/n) n 새 역할이 더 많은 새 역할을 생성하도록 허용해야 합니까? (y/n) n
사용자 비밀번호 설정
$ sudo -u postgres psql postgres= 암호화된 비밀번호 'password'로 사용자 laravel 변경;postgres= q
데이터베이스 생성
$ sudo -u postgres createb laravel
".env.example" 파일을 복사하고 이름을 ".env"로 변경합니다. 그런 다음 ".env" 파일에서 다음 데이터베이스 구성을 바꾸십시오.
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=라라벨
DB_USERNAME=루트
DB_PASSWORD=
이에 대해:
DB_CONNECTION=pgsql
DB_HOST=127.0.0.1
DB_PORT=5432
DB_DATABASE=라라벨
DB_USERNAME=laravel
DB_PASSWORD=비밀번호
".env.example" 파일을 복사하고 이름을 ".env"로 변경합니다. 그런 다음 ".env" 파일에서 다음 데이터베이스 구성을 완료합니다.
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=라라벨
DB_USERNAME=루트
DB_PASSWORD=
프로젝트 URL이 다음과 같은 경우: example.com/sub-folder 그런 다음
my-project/.env
로 이동하여 다음 줄을 수정합니다.
APP_URL =
다음과 같이 보이게 하려면:
APP_URL = http://example.com/sub-folder
# 앱 디렉토리에서# laravel APP_KEY$ 생성 php artisan key:generate# 데이터베이스 마이그레이션 및 시드 실행$ php artisan migration:refresh --seed# 믹싱 생성$ npm run dev# 및 반복 생성 믹싱$ npm run dev
# 로컬 서버 시작$ php artisan Serve# test$ php Vendor/bin/phpunit
주소: localhost:8000으로 브라우저를 엽니다.
사이드바 메뉴에서 "로그인"을 클릭하고 자격 증명으로 로그인하십시오.
이메일: [email protected]
비밀번호: 비밀번호
이 사용자에게는 user 및 admin 역할이 있습니다.
CoreUI 무료 Laravel 관리 템플릿에 대한 지침입니다. Pro 및 Vue.js 버전에는 별도의 지침이 있습니다.
my-project/database/seeds/MenusTableSeeder.php
run()
함수에서 insertLink()
추가합니다.
$id = $this->insertLink( $rolesString, $visibleName, $href, $iconString);
$rolesString
- 이 메뉴 요소를 사용할 수 있는 사용자 역할 목록이 포함된 문자열입니다. "guest,user,admin"
$visibleName
- 사이드바에 표시되는 문자열 캡션
$href
- href, 예. /homepage
또는 http://example.com
$iconString
- 유효한 CoreUI 아이콘 이름(kebab-case)을 포함하는 문자열입니다. cil-speedometer
또는 cil-pencil
사이드바에 제목을 추가하려면 insertTitle()
함수를 사용하세요.
$id = $this->insertTitle( $rolesString, $title );
$rolesString
- 이 메뉴 요소를 사용할 수 있는 사용자 역할 목록이 포함된 문자열입니다. "guest,user,admin"
$title
- 사이드바에 표시되는 문자열 캡션
사이드바에 드롭다운 메뉴를 추가하려면 beginDropdown()
함수를 사용하세요.
$id = $this->beginDropdown( $rolesString, $visibleName, $iconString);
$rolesString
- 이 메뉴 요소를 사용할 수 있는 사용자 역할 목록이 포함된 문자열입니다. "guest,user,admin"
$visibleName
- 사이드바에 표시되는 문자열 캡션
$iconString
- 유효한 CoreUI 아이콘 이름(kebab-case)이 포함된 문자열입니다. 예: cil-speedometer
또는 cil-pencil
드롭다운 섹션을 종료하려면 endDropdown()
함수를 사용하세요.
드롭 다운에 대한 링크를 추가하려면 함수 호출 beginDropdown()
과 endDropdown()
사이에 insertLink()
함수를 호출하세요. 예:
$id = $this->beginDropdown('guest,user,admin', '일부 드롭다운', 'cil-puzzle');$id = $this->insertLink('guest,user,admin', '드롭다운 이름' , 'http://example.com');$this->endDropdown();
중요 - run()
함수 끝에서 joinAllByTransaction()
함수를 호출합니다.
$this->joinAllByTransaction();
Seed 파일 편집이 완료되면 다음을 실행합니다 .
$ php artisan migration:refresh --seed# 이 명령은 데이터베이스를 롤백하고 다시 마이그레이션합니다.
메모
사용자
메뉴 관리
메뉴 항목 관리
역할 관리
미디어 관리
빵
이메일 템플릿
페이지 매김 테이블의 데이터 표현 및 CRUD 기능의 예입니다.
등록된 사용자를 관리하는 방법에 대한 간단한 예입니다.
새로운 메뉴를 생성하고, 기존 메뉴를 편집할 수 있는 시스템입니다. 모든 보기에 "new"라는 새 메뉴를 배치하려면 다음 코드를 사용하십시오.
<?phpAppMenuBuilderFreelyPositionedMenus를 사용;if(isset($appMenus['new'])){ FreelyPositionedMenus::render( $appMenus['new'] , '', 'your-css-class-of-ul-element'); }?>
메뉴 항목을 추가, 편집, 삭제할 수 있습니다. 메뉴에 새 메뉴 항목을 추가하려면 다음을 수행해야 합니다.
항목을 추가할 메뉴를 지정하고,
항목을 볼 수 있는 사용자의 역할을 지정합니다.
항목의 이름을 지정
유형(선택 항목: 링크, 제목 및 드롭다운)
Href, 항목이 참조할 주소,
상위(드롭다운 안에 항목을 중첩하려면)
코루이 아이콘
사용자 역할을 생성, 편집, 삭제 및 재정렬할 수 있습니다. 사용자에게 둘 이상의 역할이 있는 경우 가장 높은 계층적 역할이 해당 사용자를 위한 메뉴를 생성하는 데 사용됩니다.
다음을 수행할 수 있습니다.
가상 미디어 폴더를 만듭니다.
응용 프로그램에 미디어를 보냅니다.
폴더 간 미디어 이동,
이미지 자르기,
BREAD는 찾아보기, 읽기, 편집, 추가, 삭제를 의미합니다. 우리의 BREAD 시스템을 사용하면 데이터베이스에서 모든 테이블에 대해 간단한 BREAD를 쉽고 빠르게 생성할 수 있습니다. 새로운 BREAD를 생성하려면 데이터베이스에서 테이블 이름을 입력하기만 하면 됩니다. 그런 다음 양식 이름을 입력합니다. 찾아보기 테이블의 행 수를 입력합니다. 찾아보기 테이블에 "표시", "편집", "추가", "삭제" 버튼을 포함하려면 선택하십시오. 준비된 BREAD를 사용할 수 있는 사용자에게 역할을 할당합니다. 그런 다음 표의 각 열을 개별적으로 완성합니다.
사용자에게 표시되는 열 이름,
열의 입력 유형, 마지막 단계는 적절한 확인란을 선택하는 것입니다.
찾아보기(데이터 테이블에 열을 표시할 수 있음),
읽기(쇼 보기에 열을 표시할 수 있음)
편집(열 편집 활성화)
add(레코드를 추가할 때 열 데이터를 완성할 수 있습니다. 열이 Null을 허용하지 않는 경우 필수). 다른 테이블과의 관계를 처리하는 것도 가능합니다. 열이 외래 키인 경우 "선택적 관계 테이블 이름" 필드에 - 외래 키가 참조하는 테이블 이름, "관계 테이블의 선택적 열 이름 - 인쇄할" 필드에 - 이름을 지정해야 합니다. 표시할 관계 테이블에 있는 열입니다. 마지막으로 관계와 관련된 두 가지 "필드 유형"('관계 선택' 또는 '관계 라디오') 중 하나를 선택합니다.
이메일 템플릿을 관리하는 예시입니다. 템플릿을 생성, 편집, 삭제할 수 있습니다. 또한 선택한 주소로 이메일을 보낼 수도 있습니다.
루카시 홀체크
https://twitter.com/lukaszholeczek
https://github.com/mrholek
안제이 코판스키
https://github.com/xidedix
마르신 미칼렉
https://github.com/rakieta2015
CoreUI 개발에 대한 업데이트를 받고 프로젝트 관리자 및 커뮤니티 구성원과 채팅하세요.
트위터에서 @core_ui를 팔로우하세요.
CoreUI 블로그를 읽고 구독하세요.
CoreUI 아이콘은 일반적인 작업과 항목에 대해 아름답게 제작된 기호입니다. 웹이나 모바일 앱용 디지털 제품에 사용할 수 있습니다. 즐겨 사용하는 프레임워크에서 작동하는 즉시 사용 가능한 글꼴 및 스타일시트입니다.
https://coreui.io/icons/
저작권 2020 creativeLabs Łukasz Holeczek. MIT 라이센스에 따라 공개된 코드입니다. CoreUI를 스톡으로 재배포할 수 없다는 제한 사항이 하나 있습니다. CoreUI를 수정하는 경우에는 이 작업을 수행할 수 없습니다. 과거에 우리는 CoreUI 기반 템플릿을 판매하려는 사람들과 몇 가지 문제에 직면했습니다.
CoreUI는 MIT 라이선스 오픈 소스 프로젝트이며 완전히 무료로 사용할 수 있습니다. 그러나 프로젝트의 새로운 기능을 유지하고 개발하는 데 필요한 노력의 양은 적절한 재정적 지원 없이는 지속 가능하지 않습니다. PayPal에 기부하거나 CoreUI Pro 버전을 구매하거나 프리미엄 관리 템플릿 중 하나를 구매하여 개발을 지원할 수 있습니다.
현재 저는 CoreUI에서 풀타임으로 일할 가능성을 모색 중입니다. CoreUI를 사용하여 핵심 제품을 구축하는 기업이라면 맞춤형 후원/컨설팅 준비에 관한 대화에도 열려 있습니다. 트위터로 연락하세요.