AiNoTame

Dio è nella pioggia.
posts - 17, comments - 79, trackbacks - 0

ASP.NET AngularJS seed

Quando iniziai (un po’ di tempo fa a dire il vero) a voler provare/utilizzare AngularJS su alcuni progetti web, mi sono scontrato contro alcuni problemi tra i quali:

  • Non voler cambiare “troppo” le tecnologie utilizzate e conosciute dal team (asp.net, webapi, sql server… e quindi niente node, mongo, php, gruntjs…),
  • Utilizzare Visual Studio e avere una struttura chiara della solution,
  • Creare una SPA, e non solo il motore di binding di ng per le singole view asp.net.

Poichè ai tempi (mesi e mesi fa) non trovai un esempio/template che mi soddisfacesse appieno, in quanto:

  • o veniva usato nodejs e niente vs
  • o l’organizzazione dell’applicazione ng era a cura del developer
  • o gli script ng erano separati dalle view (e per me è una cosa fastidiosa dopo un paio di esperienze tra cui anche la struttura di default di durandaljs)

Ho creato un progetto su github, https://github.com/sierrodc/ASP.NET-MVC-AngularJs-Seed, dove:

  • viene utilizzato nuget solo per le libraries .net; ho scelto di non usarlo per i package js perchè altrimenti non avrei potuto organizzarli come segue
    image
    ovvero una sorta di struttura a strati con le librerie senza dipendenze in Ring0, e con Ring(N) dipendente da Ring(N-1)
  • è configurato angularjs e una semplice SPA con alcune features con la seguente struttura:
    image 
    dove:
    1. emixApp.js definisce l’applicazione angularjs, impostando tutte le dipendenze e le regole di routing (forse lo estrarrò da qui),
    2. la cartella directives contiene tutte le directive custom,
    3. la cartella services contiene i servizi angular, in questo caso solo un proxy alle chiamate verso webapi
    4. la cartella pages che contiene le pagine che costituiscono la SPA, ogni pagina definita tramite coppia #pagina.html, pagina.js#
  • tutte le librerie che ritengo utili (anche per una demo veloce) sono già incluse, configurate e utilizzabili;
    Per una lista completa di librerie incluse faccio riferimento al file readme.md presente su repository (cercherò ti mantenerle il più possibile aggiornate).

E dopo questa condivisione, ogni domanda, suggerimento  o critica è ben accetta.

Print | posted on venerdì 28 novembre 2014 02:38 | Filed Under [ Javascript Visual Studio AngularJS ]

Feedback

Gravatar

# re: ASP.NET AngularJS seed

Ciao Gabriele,

no, non l'ho trovato ma grazie a te per il suggerimento.
In primis posso notare che la soluzione copre buona parte dei miei requisiti, nonché la separazione model+view vicine.
Considerazioni:
- l'ammucchiata di js nella folder script non mi piace [-]
- non è possibile modificare translations a runtime (no edit xml & refresh) [-]
- le traduzioni sono divise in più files [+]
- avere cshtml per la generazione delle view è un plus [+/-]

per il resto, ho trovato alcuni spunti. Grazie mille del link.
03/12/2014 01:28 | sierrodc
Gravatar

# re: ASP.NET AngularJS seed

Grazie a te per la condivisione della tua esperienza.
05/12/2014 21:22 | Gabriele Gaggi
Gravatar

# merry christmas images 1017

you are doing the job of good man by providing the useful information. please continue your work.
Merry Christmas Greeting Cards
Merry Christmas Cliparts
Merry Christmas Wallpapers
Merry Christmas Memes
Merry Christmas Sayings
25/11/2017 15:52 | suraj sutar
Gravatar

# re: ASP.NET AngularJS seed

browser delete history
29/12/2017 09:08 | omejames
Comments have been closed on this topic.

Powered by:
Powered By Subtext Powered By ASP.NET