Laman » Toolkit » 5 Rangka Kerja AngularJS untuk Dapatkan Aplikasi Up dan Running Cepat

    5 Rangka Kerja AngularJS untuk Dapatkan Aplikasi Up dan Running Cepat

    Sekarang bahawa anda berpengalaman dalam asas-asas, sudah tiba masanya untuk bermula membina aplikasi web anda sendiri dengan AngularJS. AngularJS membuat bangunan aplikasi berasaskan Javascript lebih intuitif menggunakan apa yang dipanggil arahan, yang berfungsi dengan tangan dengan markup HTML anda.

    Sekiranya membina aplikasi web dari tanah seolah-olah sangat menggembirakan, jangan risau. Sesetengah pemaju yang sangat murah hati ada mengadaptasi beberapa rangka frontend untuk menyokong AngularJS. Seperti kerangka tipikal, mereka datang dengan komponen web pra-dibina. Ini menggunakan rangka kerja alat yang sempurna untuk sesiapa sahaja yang perlu mendapatkan aplikasi web dan berjalan pantas.

    Berikut adalah 5 kerangka yang anda boleh gunakan untuk memulakan aplikasi berasaskan web dengan AngularJS.

    1. AngularUI Bootstrap

    AngularUI Bootstrap, seperti namanya, dibina di atas salah satu kerangka depan yang paling popular, Bootstrap. Rangka kerja ini mengandungi satu set komponen Bootstrap seperti Carousel, Alert, dan Runtuh bersama beberapa penambahan, seperti Penarafan dan TimePicker.

    Semua komponen ini telah dipindahkan untuk menggunakan arahan AngularJS (ng-ulang dan ng-pengawal) dan elemen HTML tersuai. Sebagai contoh, daripada menggunakan a

    untuk membungkus Carousel, anda boleh menggunakan lebih banyak “bermakna” elemen tersuai, dan :

          

    Jika anda seorang peminat Bootstrap yang besar sambil menikmati kuasa dan prestasi yang ditawarkan AngularJS, ini boleh menjadi pilihan kerangka yang sempurna.

    2. Yayasan Angular

    Satu lagi rangka kerja popular yang juga telah dialihkan untuk menggunakan AngularJS adalah Yayasan, dan ia hanya bernama “Yayasan sudut”.

    Begitu juga, rangka kerja ini telah mengubahsuai komponen Yayasan untuk mengadopsi elemen arahan dan adat HTML AngularJS sehingga kini anda boleh membina aplikasi web anda menggunakan unsur HTML yang lebih menonjol secara semantik. , , dan , bukannya samar-samar

    . Berikut adalah satu contoh bagaimana kami menambah komponen Alert dengan elemen:

     
    alert.msg

    Sekiranya anda suka Foundation lebih baik daripada Bootstrap, maka inilah kerangka kerja yang perlu dilakukan. Muat turun Yayasan Angular dalam halaman ini, atau kekal terkini dengan pembangunan projek melalui repo Github.

    3. Rangka Kerja Ionik

    Ionic datang dengan segelintir blok bangunan pepejal yang menjadikan aplikasi mudah alih membangun mudah dan cepat. Setiap komponen dalam rangka Ionic dioptimumkan untuk pengalaman mudah alih, yang pada asasnya bergantung kepada sentuhan dan gerak isyarat. Komponen UI ini juga terdiri daripada elemen HTML tersuai. Dalam menggunakan navigasi tab, sebagai contoh, anda akan menggunakan :

          

    Untuk menjadikannya lebih mudah dan lebih cepat untuk membina aplikasi anda, anda boleh menggunakan Pencipta Ionic yang membolehkan anda membina aplikasi anda dengan drag-n-drop. Jadi jika prestasi dan kelajuan adalah penting kepada anda, Ionic adalah rangka kerja yang terbaik untuk diikuti.

    4. UI sudut mudah alih

    UI sudut mudah alih adalah rangka kerja UI mudah alih yang merupakan lanjutan rangka kerja Bootstrap, bertujuan untuk membina aplikasi mudah alih. Ia menggunakan sebahagian besar sintaks Bootstrap 3 dengan beberapa komponen mudah alih tertentu yang ditambah seperti suis, overlay, sidebars dan kawasan yang boleh ditelusuri. Ia hanya bergantung pada AngularJS dan anda boleh dengan mudah membawa aplikasi web semasa anda ke dalam versi mudah alih dengan menambah disediakan CSS untuk menghidupkan kandungan anda responsif dan membolehkan sentuhan.

    Muat turun rangka kerja ini di sini

    5. Grid UI

    Grid UI adalah cara terbaik untuk mengendalikan grid atau jadual dengan sudut. Ia mempunyai ciri-ciri yang kaya untuk memaparkan data mudah, dan juga kompleks dan besar pada grid. Grid UI direka untuk melaksanakan ciri-ciri kompleks hanya apabila diperlukan, dengan itu mengekalkan teras kecil. Dengan Grid UI anda boleh mengikat sel-sel ke sifat-sifat / fungsi yang kompleks, lari menyusun dan menapis lajur, mengedit data di tempat dan banyak lagi. Untuk menukar gaya paparan grid data anda, gunakan Customizer.

    Dapatkan Grid UI terbaru dari laman utamanya.

    © Savtec
    Maklumat berguna dan tips pembangunan web. Pengaturcaraan, reka bentuk web, CSS, HTML, JAVASCRIPT. Konfigurasi dan pasang semula WINDOWS. Penciptaan tapak dan aplikasi dari awal.