Saya berasal dari menggunakan ASP.NET MVC / Web API dan sekarang saya mulai menggunakan Angular tetapi saya tidak jelas tentang cara yang tepat untuk mencampurnya.
Setelah saya menggunakan Angular apakah konsep sisi server MVC masih memberikan nilai? Atau haruskah saya benar-benar menggunakan Web API murni untuk mendapatkan data untuk panggilan HTTP sudut?
Apakah mungkin ada titik awal yang lebih rendah yang harus saya gunakan jika VS template menambahkan banyak hal yang tidak saya butuhkan?
Saya suka gagasan pemisahan ketat sisi server = data murni dan sisi klien = pemrosesan HTML murni.
javascript
mvc
asp.net-mvc
punkouter
sumber
sumber
Jawaban:
Cara termudah untuk memikirkannya adalah server melayani keadaan. Angular dapat mengelola pengumpulan pembaruan untuk keadaan itu dan mengirimkannya ke web / api di server. Jika Anda ingin membuka lebih banyak aplikasi satu halaman, maka kode sisi server akan menjadi kondisi awal aplikasi Anda.
API Web adalah tempat yang sangat baik untuk memulai untuk menarik data Anda ke dalam aplikasi Anda. Anda akhirnya akan memperbarui router default untuk memenuhi persyaratan desain lingkungan Anda dan jika Anda ingin, sepenuhnya rest-penuh.
Ada beberapa pustaka yang disertakan oleh ASP4 secara default dan pustaka itu juga dimasukkan dalam templat MVC4. Sebenarnya ada banyak hal yang termasuk dalam halaman yang tidak diperlukan, juga termasuk dalam proyek dan bahkan tidak pernah direferensikan oleh halaman default mereka. Anda harus aman menghapus semuanya kecuali jQuery dan saya bahkan bertindak sejauh mengambil jQueryUI. Banyak default berarti baik, tetapi begitu Anda mulai mengisi pengetahuan domain Anda, Anda akan menggunakan lib yang memenuhi kebutuhan spesifik Anda.
Bahkan dengan pembagian yang ketat, Anda akan menemukan mvc sisi server masih merupakan dukungan yang sangat bersih untuk aplikasi satu halaman. Perutean yang efektif dalam mengirimkan halaman Anda dan panggilan api Anda adalah contoh utama. Fitur lain yang bermanfaat adalah pengontrol yang mengembalikan tampilan yang tidak menggunakan halaman master atau hanya sebagian tampilan. Angular memiliki "tampilan" yang dapat diisi dengan templat, yang bisa berupa file statis atau sebagian dari salah satu rute Anda.
Saya membaca komentar Anda sebelumnya hari ini dan mengumpulkan solusi demo untuk menunjukkan apa yang saya sebutkan sebelumnya. Solusinya juga memiliki beberapa "bulu" asli dihapus meskipun ketika menambahkan Angular dan Bootstrap Anda mendapatkan pustaka inti dan setiap derivasi di sana. Itulah manfaat dari menggunakan nuGet.
Lihat itu: https://github.com/QueueHammer/AngularWithPartialViewViews
Dalam belajar Angular saya menemukan program Angular-Seed cukup membantu. Terutama setelah saya mencoba demo di situs mereka. Proyek sampel cukup berbeda sehingga membantu Anda belajar. Setelah itu saya melihat Angular-Require-Seed tapi itu posting lain. Angular Step by Step http://docs.angularjs.org/tutorial Seed Angular: https://github.com/angular/angular-seed
sumber
Template VS ini bagus untuk memangkas pengaturan awal dan kurva pembelajaran pada awalnya, namun Anda harus menyesuaikannya untuk kebutuhan proyek Anda yang sebenarnya.
Misalnya, di situs ini http://www.reviewstoshare.com , teman saya gunakan
AngularJSbersamaASP.NET MVC. Perlu diingat bahwa situs ini sudah dibangun menggunakan ASP.MVC + Jquery untuk interaksi halaman sesuai kebutuhan.Di sisi lain masih ada beberapa sifat "Ajaxy" ke situs seperti komentar, pemungutan suara, penandaan dll. Tidak terlalu berbeda dari Stackoverflow itu sendiri. Sebelum AngularJS itu berantakan plugin Jquery dan fungsi dalam
$(document).ready()panggilan balik, belum lagi kode JS tidak banyak diuji.Secara keseluruhan, memiliki campuran keduanya membuat situs Anda apik dan fungsional.
Beberapa referensi bagus untuk dilihat:
sumber