Buka webinar "Membuat situs web pada kerangka Yii2"

Halo semuanya!

Pekan lalu, guru baru kami , Backend PHP Developer, mengajarkan pelajaran terbuka pertama tentang "Membuat Situs Web Menggunakan Kerangka Yii2". Kami membawa perhatian Anda pada rekaman dan transkripsi webinar itu sendiri.


Kerangka Komponen Berorientasi Objek Yii2 adalah alat yang sangat populer dan berguna yang berguna saat membuat situs web. Pelajaran terbuka Evgeny Volosatov, yang diadakan pada 2 Juli 2018, dikhususkan untuk topik ini. Sebagai bagian dari kelas master interaktif, guru tidak hanya berbicara sama tentang fitur-fitur kerangka kerja, tetapi juga menunjukkan penerapannya dalam praktik.

Pekerjaan dalam pelajaran terbuka berlangsung sesuai dengan prinsip: "Lebih baik melakukannya sekali daripada melihat seratus kali." Semua langkah dilakukan secara berurutan dan sesuai dengan rencana yang disiapkan sebelumnya. Untuk pemahaman yang lebih baik tentang kerangka kerja, template yang sudah jadi tidak dimuat. Semua perubahan dilakukan selangkah demi selangkah. Umpan balik dipelihara dengan siswa, sehingga guru segera menjawab pertanyaan dan membantu mengatasi kesulitan dan kesalahan.

Alat-alat berikut digunakan dalam pelajaran online:

• Buka Server
• Lingkungan pengembangan PhpStorm
• Perangkat lunak Git
• Manajer tingkat aplikasi komposer.

Semua perangkat lunak yang diperlukan telah diinstal pada PC sebelum mulai bekerja.

Selama kelas master, siswa diminta untuk menyelesaikan sejumlah tugas praktis bersama dengan guru:

1. Persiapan tempat kerja. Langkah pertama adalah meluncurkan panel OS dari folder Open Server dan mengkonfigurasinya (memilih versi khusus Apache-PHP-7 di tab "Modul", membuat domain otus.localhost lokal di tab "Domain"). Lebih jauh, folder otus dibuat di alamat OpenServer / Domains, dan folder web dibuat di dalamnya. Alamat ini yang menjadi direktori root dari situs masa depan, sedangkan path ke sana (\ otus \ web) ditentukan secara manual di tab "Domain". Setelah menyelesaikan pengaturan server, situs mulai berhasil dan menjadi tersedia di browser di otus.localhost.
2. Buat file proyek pertama. Prosedur ini, seperti banyak yang berikutnya, dilakukan melalui konsol Open Server. Itu termasuk perintah untuk masuk ke folder otus (> cd otus), folder domain (> cd domains), dan folder web. File index.php pertama dibuat secara manual di web dan baris dengan konten sederhana dikirim - Selamat datang.
3. Menginstal kernel Yii2. Prosedur dimulai dengan memperbarui versi manajer paket Komposer melalui> perintah pembaruan diri komposer dan mempersiapkannya untuk bekerja dengan memuat pustaka dan modul. Juga, Git diinisialisasi (> git init) dan file yang dibuat terhubung ke sana (> git add web \ index php). Selanjutnya, instal kernel Yii2 melalui perintah> komposer memerlukan "yiisoft / yii2: *" Akibatnya, file composer.json dan composer.log muncul di folder web, ditambah folder vendor (ditambahkan ke pengecualian Git). Setelah itu, perlu mengunduh PhpStorm dan menulis pengaturan dan perintah konfigurasi tertentu ke index.php. Juga, folder terpisah dibuat di folder otus untuk pengaturan konfigurasi, dan di dalamnya ada file web.php dengan konten yang sesuai.
4. Buat titik masuk pengembang untuk mengelola program. Folder Controllers dibuat dengan file SiteController.php, fungsi-fungsi yang diperlukan dan kelas dengan warisan web controller terdaftar.
5. Pembuatan representasi (Views). Pada tahap ini, sebuah direktori dengan nama yang sama diperlukan, plus folder tambahan dibuat untuk setiap controller, dan itu berisi file index.php untuk setiap metode individual. Struktur HTML ditulis dalam file main.php, yang ditempatkan di folder layout yang dibuat sebelumnya (ini membantu menghindari kesalahan).
6. Hubungkan dan konfigurasikan kulit Bootstrap. Tahap yang sulit dan penting, implementasi yang sukses yang membuka peluang untuk pengembangan situs yang indah tanpa partisipasi seorang desainer. Untuk menginstal modul, perintah ditambahkan ke baris perintah panel untuk menghubungkan komponen, setelah itu mereka diunduh. Juga di file main.php, perlu untuk membuat skrip php dan menghubungkannya ke Bootstrap. Selanjutnya, komponen NavBar, yang diperlukan agar navigasi berfungsi, dipanggil. Kesalahan terjadi dan untuk menghindarinya, konfigurasi Komposer telah dikonfigurasi ulang dalam file composer.json dengan jalur instalasi yang benar. Setelah itu, menjadi mungkin untuk menghapus folder aset-bower di folder vendor. Juga, pekerjaan dilakukan untuk mengkonfigurasi modul desain (pemicu, wadah div, dll. Ditambahkan ke file main.php).
7. Buat bilah menu dan item navigasi Gabung dan Masuk. Tugas diimplementasikan dengan memasukkan kode yang diperlukan ke main.php. Untuk bekerja dengan navigasi halaman di folder situs, file php baru dengan nama yang sesuai dengan item navigasi (join.php, login.php) telah dibuat. Selain itu, perubahan dilakukan ke controller. Untuk "membersihkan" di bilah alamat, saya harus menghubungkan komponen urlManager dan menetapkan aturan untuk mengarahkan permintaan browser di file .htaccess yang dibuat untuk ini (folder web).
8. Menghubungkan Ekstensi Debug untuk sistem debugging proyek Yii2. Agar sistem berfungsi, perangkat lunak khusus diunduh dan diinstal (saat terhubung, langkah-langkah yang dijelaskan dalam instruksi di situs web pabrikan dilakukan). Sebagai hasil dari berhasil melewati tahap ini, pengguna dapat melihat log, permintaan, konfigurasi dan parameter lain dari situs melalui panel antarmuka khusus di bagian bawah halaman.

Seperti biasa, kami menunggu pertanyaan, saran, komentar di sini atau melihat pelajaran terbuka kedua.