AngularJS'de bir projenin yapısı

Nasıl çalıştığını bildiğimizde AngularJS Temel olarak, bir proje oluşturmak için bir yapıya sahip olmamız gerektiğini de bilmeliyiz, çünkü onunla içerikleri düzenleyebiliriz ve bununla daha fazla insanı geliştirmeye dahil edebiliriz ve her şey çalışmaya devam eder.
Normalde bir yapıyı manuel olarak yapabiliriz, ancak bu görevlerde bize otomatik bir şekilde yardımcı olan araçlar var, bu yüzden her iki seçeneğimiz de var, otomatik araçlar her zaman diğer projelerin parçalarını yeniden kullanabileceğimiz bir geleneği sürdürmemize yardımcı oluyor. uyumlu.
Bir temel yapı, uygulamamızın farklı kaynakları arasındaki ayrımı içermelidir, bununla karışıklığa düşmekten kaçınacağız, örneğin modellerimizi depoladığımız aynı klasörde statik içeriğin olması önerilmez.
Uygulamamızın yapısını iki şekilde yapabiliriz, biri manuel olarak, yani projenin taşıması gereken klasörlerin her birini kendi başımıza oluştururken, ikincisi, yapı ve bazı dosyalar temel olan önerilen bir dizin oluşturan araçları kullanarak.
En çok kullanılan araçlardan biri Yeoman http://yeoman.io adresinde mevcuttur ve bu, bir proje için temel yapı oluşturmamızı sağlar. AngularJS, ancak yalnızca bu değil, aynı zamanda aşağıdakiler gibi diğer çerçeveleri veya araçları da destekler: Backbone.js veya Ember.js.

BÜYÜT

dayanmaktadır düğüm.js bu yüzden kullanabilmek için konu hakkında biraz bilgi sahibi olmalıyız, önemli olan bir kez kurulduktan sonra sadece basit komutları ve ayrıca projelerin filtreler gibi kısımlarını kullanarak otomatik olarak projeler üretebiliyor olmamız.
Bu, uygulamamızın ilk yapılandırmasında hatalardan kaçınmamıza yardımcı olur. Bu aracı aşağıdakiler gibi başkalarıyla birleştirebiliriz: Grunt, bower ve npm ihtiyacımız olan paketlerin bağımlılıklarını oluşturmak için.
Manuel bir yol izlemeye karar verirsek, organize bir şekilde çalışmak için dikkate almamız gereken aşağıdaki klasörleri veya yapıları görebiliriz:
KodlarBir komut dosyası klasörümüz olmalı, denetleyiciler ve modeller gibi ihtiyaç duyduğumuz tüm içerik burada olmalıdır. AngularJS Uygulamamızda ihtiyaç duyduğumuz, arzumuz ise onu içsel olarak daha da bölebiliriz.
GörüntülemeÇok gerekli olan başka bir klasör de klasördür. Görüntüleme, burada uygulamamızın tüm görünümlerini saklayacağız, genellikle bu tür projelerin şablonlarla çalıştığını unutmayın, bu yüzden onları yerleştirmek için doğru yer burası olacaktır.
SATICIBu klasör genellikle komut dosyalarının içine girer ve tüm .js dosyaları buna ihtiyacımız olacak, örneğin ek kitaplıklar kullanmak istiyorsak veya aşağıdaki gibi bir şablon motoru kullanmak istiyorsak Vurgulamak, bu onları saklamak için yer olacak.
Statikimg ve css olarak ikiye ayırabiliriz, isimlerinden de anlaşılacağı gibi, her biri uygulamaya uygulanacak resimlere ve stil dosyalarına sahip olacak, bu klasör ilginç çünkü bir yola dinamik bir bağlantı bile olabilir. a CDN kullanımımız veya tercihimiz.
Bununla temelde bir projeyi organize etmemiz gerektiğini öğrendik. AngularJSÖnemli olan bizim kendi icadımız olsa bile uzlaşımlara uymamız gerektiğidir, bu şekilde işi en iyi şekilde yürütebiliriz.