coreui free laravel admin template
2.0.1
Penasaran kenapa saya memutuskan untuk membuat CoreUI? Silakan baca artikel ini: Jack of all trade, master of none. Mengapa Template Admin Bootstrap jelek.
CoreUI menawarkan 6 versi: Bootstrap, Angular, Laravel, React.js, Vue.js, dan Vue.js + Laravel.
CoreUI dimaksudkan untuk menjadi pengubah permainan UX. Kode yang murni & transparan tidak memiliki komponen yang berlebihan, sehingga aplikasi ini cukup ringan untuk menawarkan pengalaman pengguna terbaik. Ini berarti juga perangkat seluler, yang navigasinya semudah dan intuitif seperti di desktop atau laptop. CoreUI Layout API memungkinkan Anda menyesuaikan proyek Anda untuk hampir semua perangkat – baik itu Seluler, Web, atau WebApp – CoreUI mencakup semuanya!
Versi
CoreUI Pro
Template Admin dibangun di atas CoreUI Pro
Instalasi
Penggunaan
Fitur
Pencipta
Masyarakat
Proyek Komunitas
Lisensi
Mendukung Pengembangan CoreUI
CoreUI dibangun di atas Bootstrap 4 dan mendukung kerangka kerja populer.
Templat Admin Bootstrap Gratis CoreUI
Templat Admin Sudut Gratis CoreUI
Templat Admin Laravel Gratis CoreUI
Templat Admin React.js Gratis CoreUI
Templat Admin Vue.js Gratis CoreUI
Templat Admin Vue.js + Laravel Gratis CoreUI
Templat Admin Bootstrap CoreUI Pro
Templat Admin Sudut CoreUI Pro
Templat Admin CoreUI Pro Laravel
Templat Admin Bereaksi CoreUI Pro
Templat Admin CoreUI Pro Vue
Templat Admin CoreUI Pro Vue + Laravel
| Tema Bawaan | Tema Warisan | Tata Letak Gelap |
|---|---|---|
# mengkloning repo$ git clone https://github.com/coreui/coreui-free-laravel-admin-template.git my-project# masuk ke direktori aplikasi$ cd my-project# instal dependensi aplikasi$ composer install# install ketergantungan aplikasi$ npm install
# membuat basis data$sentuh basis data/database.sqlite
Salin file ".env.example", dan ubah namanya menjadi ".env". Kemudian pada file ".env" ganti konfigurasi database ini:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=akar
DB_PASSWORD=
Untuk ini:
DB_CONNECTION=sqlite
DB_DATABASE=/path_to_proyek_Anda/database/database.sqlite
Instal PostgreSQL
Buat pengguna
$ sudo -u postgres buat pengguna --interaktif masukkan nama peran yang akan ditambahkan: laravel apakah peran baru tersebut akan menjadi pengguna super (y/n) n apakah peran baru diperbolehkan untuk membuat database (y/n) n apakah peran baru diperbolehkan untuk membuat lebih banyak peran baru (y/n) n
Tetapkan kata sandi pengguna
$ sudo -u postgres psql postgres= ALTER USER laravel DENGAN PASSWORD TERENKRIPSI 'password';postgres= q
Buat basis data
$ sudo -u postgres dibuat di laravel
Salin file ".env.example", dan ubah namanya menjadi ".env". Kemudian pada file ".env" ganti konfigurasi database ini:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=akar
DB_PASSWORD=
Untuk ini:
DB_CONNECTION=pgsql
DB_HOST=127.0.0.1
DB_PORT=5432
DB_DATABASE=laravel
DB_USERNAME=laravel
DB_PASSWORD=kata sandi
Salin file ".env.example", dan ubah namanya menjadi ".env". Kemudian pada file ".env" selesaikan konfigurasi database ini:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=akar
DB_PASSWORD=
Jika url proyek Anda terlihat seperti: example.com/sub-folder Lalu buka
my-project/.envDan ubah baris ini:
APLIKASI_URL =
Untuk membuatnya terlihat seperti ini:
APP_URL = http://example.com/sub-folder
# di direktori aplikasi Anda# hasilkan laravel APP_KEY$ kunci artisan php: hasilkan# jalankan migrasi basis data dan seed$ php artisan migrasi:refresh --seed# hasilkan pencampuran$ npm jalankan dev# dan ulangi hasilkan pencampuran$ npm jalankan dev
# mulai server lokal$ php artisan serve# test$ php vendor/bin/phpunit
Buka browser Anda dengan alamat: localhost:8000
Klik "Masuk" pada menu sidebar dan masuk dengan kredensial:
Email: [email protected]
Kata sandi: kata sandi
Pengguna ini memiliki peran: pengguna dan admin
Petunjuk untuk template admin Laravel Gratis CoreUI saja. Versi Pro dan Vue.js memiliki instruksi terpisah.
my-project/database/seeds/MenusTableSeeder.php
Dalam fungsi run() - tambahkan insertLink() :
$id = $ini->insertLink( $rolesString, $visibleName, $href, $iconString);
$rolesString - string dengan daftar peran pengguna elemen menu ini akan tersedia, mis. "guest,user,admin"
$visibleName - keterangan string terlihat di sidebar
$href - href, mis. /homepage atau http://example.com
$iconString - string yang berisi nama Ikon CoreUI yang valid (kotak kebab), mis. cil-speedometer atau cil-pencil
Untuk menambahkan judul ke sidebar - gunakan fungsi insertTitle() :
$id = $ini->insertTitle( $rolesString, $title );
$rolesString - string dengan daftar peran pengguna elemen menu ini akan tersedia, mis. "guest,user,admin"
$title - keterangan string terlihat di sidebar
Untuk menambahkan menu dropdown ke sidebar - gunakan fungsi beginDropdown() :
$id = $ini->beginDropdown( $rolesString, $visibleName, $iconString);
$rolesString - string dengan daftar peran pengguna elemen menu ini akan tersedia, mis. "guest,user,admin"
$visibleName - keterangan string terlihat di sidebar
$iconString - string yang berisi nama ikon CoreUI yang valid (kotak kebab). Misalnya: cil-speedometer atau cil-pencil
Untuk mengakhiri bagian dropdown - gunakan fungsi endDropdown() .
Untuk menambahkan tautan ke fungsi panggilan dropdown insertLink() antara panggilan fungsi beginDropdown() dan endDropdown() . Contoh:
$id = $ini->beginDropdown('tamu,pengguna,admin', 'Beberapa dropdown', 'cil-puzzle');$id = $ini->insertLink('tamu,pengguna,admin', 'Nama dropdown' , 'http://example.com');$ini->endDropdown(); PENTING - Di akhir fungsi run() , panggil fungsi joinAllByTransaction() :
$ini->gabungSemuaByTransaction();
Setelah selesai mengedit file seed, jalankan :
$ php artisan migrasi:refresh --seed# Perintah ini juga mengembalikan database dan memigrasikannya lagi.
Catatan
Pengguna
Manajemen menu
Kelola item menu
Manajemen peran
Manajemen media
ROTI
Templat Email
Ini adalah contoh penyajian data dalam tabel pagination, dan fungsionalitas CRUD.
Ini adalah contoh sederhana tentang cara mengelola pengguna terdaftar.
Ini adalah sistem yang memungkinkan Anda membuat menu baru dan mengedit menu yang sudah ada. Untuk menempatkan menu baru bernama "baru" di tampilan mana pun, gunakan kode ini:
<?phpgunakan AppMenuBuilderFreelyPositionedMenus;if(isset($appMenus['new'])){
FreelyPositionedMenus::render( $appMenus['new'] , '', 'kelas-elemen-css-Anda');
}?>Memungkinkan Anda menambah, mengedit, dan menghapus item menu. Untuk menambahkan item menu baru ke menu, Anda harus:
tentukan ke menu mana Anda menambahkan item,
tentukan peran pengguna yang itemnya akan terlihat
beri nama barangnya
ketik (untuk pilihan: link, judul dan dropdown)
Href, alamat tujuan barang tersebut,
Induk (Untuk menyarangkan item di dalam dropdown)
ikon CORUI
Memungkinkan Anda membuat, mengedit, menghapus, dan menyusun ulang peran pengguna. Ketika seorang pengguna memiliki lebih dari satu peran, peran hierarki tertinggi digunakan untuk membuat menu untuknya.
Ini memungkinkan untuk:
Buat folder media virtual.
Kirim media ke aplikasi.
Pindahkan media antar folder,
Potong gambar,
ROTI adalah singkatan dari: menelusuri, membaca, mengedit, menambah, menghapus. Sistem ROTI kami memungkinkan Anda dengan mudah dan cepat menghasilkan tabel apa pun, dari database, ROTI sederhana. Untuk membuat ROTI baru cukup masukkan nama tabel dari database. Kemudian masukkan nama untuk formulir. Masukkan jumlah baris dalam tabel penelusuran. Pilih apakah Anda ingin tabel penelusuran berisi tombol: "tampilkan", "edit", "tambah", "hapus". Tetapkan peran untuk pengguna yang dapat menggunakan ROTI siap pakai. Kemudian lengkapi setiap kolom tabel secara terpisah:
nama kolom yang terlihat oleh pengguna,
jenis masukan untuk kolom, Langkah terakhir adalah memilih kotak centang yang sesuai:
telusuri (memungkinkan untuk menampilkan kolom dalam tabel data),
read (memungkinkan Anda menampilkan kolom dalam tampilan acara,)
edit (mengaktifkan pengeditan kolom)
tambahkan (memungkinkan Anda melengkapi data kolom saat menambahkan catatan. Diperlukan jika kolom tidak dapat dibatalkan). Dimungkinkan juga untuk menangani hubungan dengan tabel lain. Jika kolom tersebut adalah kunci asing, maka harus ditentukan: di bidang "Nama tabel relasi opsional" - nama tabel yang dirujuk oleh kunci asing, di bidang "Nama kolom opsional dalam tabel relasi - untuk dicetak" - nama dari kolom yang ada pada tabel relasi yang akan ditampilkan. Terakhir, pilih salah satu dari dua "tipe bidang" yang berhubungan dengan relasi: 'pilihan relasi' atau 'radio relasi'.
Ini adalah contoh pengelolaan template email. Memungkinkan Anda membuat, mengedit, dan menghapus templat. Ini juga memungkinkan Anda mengirim E-mail ke alamat yang dipilih.
Lukasz Holeczek
https://twitter.com/lukaszholeczek
https://github.com/mrholek
Andrzej Kopański
https://github.com/xidix
Marcin Michałek
https://github.com/rakieta2015
Dapatkan pembaruan tentang pengembangan CoreUI dan mengobrol dengan pengelola proyek dan anggota komunitas.
Ikuti @core_ui di Twitter.
Baca dan berlangganan Blog CoreUI.
Ikon CoreUI adalah simbol yang dibuat dengan indah untuk tindakan dan item umum. Anda dapat menggunakannya di produk digital Anda untuk web atau aplikasi seluler. Font dan stylesheet siap pakai yang sesuai dengan kerangka kerja favorit Anda.
https://coreui.io/icons/
hak cipta 2020 creativeLabs Łukasz Holeczek. Kode dirilis di bawah lisensi MIT. Hanya ada satu batasan, Anda tidak dapat mendistribusikan ulang CoreUI sebagai stok. Anda tidak dapat melakukan ini jika Anda memodifikasi CoreUI. Di masa lalu kami menghadapi beberapa masalah dengan orang yang mencoba menjual template berbasis CoreUI.
CoreUI adalah proyek sumber terbuka berlisensi MIT dan sepenuhnya gratis untuk digunakan. Namun, upaya yang diperlukan untuk mempertahankan dan mengembangkan fitur-fitur baru untuk proyek ini tidak akan berkelanjutan tanpa dukungan finansial yang memadai. Anda dapat mendukung pengembangan dengan berdonasi di PayPal, membeli CoreUI Versi Pro, atau membeli salah satu templat admin premium kami.
Saat ini saya sedang menjajaki kemungkinan untuk bekerja penuh waktu di CoreUI - jika Anda adalah bisnis yang membangun produk inti menggunakan CoreUI, saya juga terbuka untuk diskusi mengenai pengaturan sponsorship/konsultasi khusus. Hubungi kami di Twitter.
