tutorial framework 7 lengkap

  • tutorial framework 7 lengkap

Tutorial framework 7 – Sangat mudah untuk membangun aplikasi Anda dengan Framework7. Ada dua cara untuk memulai.

Anda dapat mulai membangun aplikasi Anda dari mengubah salah satu contoh tata letak aplikasi atau salah satu aplikasi demo open source atau mulai dari awal.

framework 7 lengkap

Mari buat aplikasi pertama kami dari nol:

Download dan instal Kerangka7
Pertama-tama kita perlu mendownload file Framework7 yang dibutuhkan:

Kita bisa mendownloadnya dari repositori Framework7 GitHub
Atau kita bisa menginstalnya via Bower, masuk di terminal:

Dalam paket download / installed kita membutuhkan file dari dist / folder.

Tata letak aplikasi dasar
Dalam aplikasi dasar ini kita akan menggunakan layout tema iOS. Untuk tata letak aplikasi Android / Material, lihat bagian Dokumentasi Tata Letak Aplikasi.

Sekarang kita perlu membuat file index.html kita dengan tata letak aplikasi kita.
Ini akan menjadi aplikasi iOS dengan tampilan tunggal, panel kiri dan dinamis melalui navbar dan melalui toolbar:

Menginisialisasi aplikasi

Setelah kami memiliki tata letak aplikasi kami dengan file Framework7 JS dan CSS terlampir, kami perlu menginisialisasi aplikasi dan tampilan.
Dalam file my-app.js khusus kami:

Halaman lain

Sekarang mari tambahkan halaman “Tentang aplikasi” Anda, itu akan ada di file about.html:

Skrip untuk halaman tertentu

Katakanlah kita membutuhkan kode JavaScript yang seharusnya dijalankan hanya untuk halaman “About”. Karena about.html file akan di load menggunakan Ajax, kita tidak bisa memasukkan JavaScript ke dalam tag <script>, itu hanya akan diabaikan. Jadi untuk kasus ini Framework7 menyediakan callback sederhana yang bisa kita gunakan di file app.js saya. Sekarang kita perlu memperpanjang file app.js saya dengan script untuk About page:,

Luncurkan Aplikasi
Untuk meluncurkan App kita, kita hanya perlu memasukkan path ke file index.html di browser.
Karena Framework7 menggunakan Ajax untuk navigasi antar halaman pastikan Anda menjalankan server http (tidak diperlukan untuk PhoneGap)!

Apa selanjutnya?
Seperti yang Anda lihat, sangat mudah untuk membuat aplikasi iOS atau Android dasar dengan Framework7. Tapi hei, aplikasi ini cukup sederhana dan Anda ingin belajar lebih banyak? Jadi berikut ini langkah selanjutnya:

Buka Dokumentasi untuk mempelajari lebih banyak tentang semua komponen Framework7, tata letak, API, dan cara mengontrol setiap bagian aplikasi Anda.
Lihatlah Tutorial yang tersedia. Beberapa dari mereka bisa sangat membantu.
Kunjungi contoh Layout, Demo Apps dan bagian Showcase untuk mendapatkan inspirasi atau gunakan sebagai tata letak aplikasi pemula Anda.
Jika Anda memiliki pertanyaan tentang Framework7 jangan ragu untuk bertanya kepada mereka di Forum kami. Jika Anda lebih memilih StackOverflow maka jangan lupa tandai pertanyaan Anda dengan tag framework7.
Jika Anda menemukan bug membuat masalah di GitHub.

Related Posts
Leave a reply