https://github.com/suissa/frontend-driven-development-mean

Prova de Conceito de como criar um FORM e retirar um padrão para criação do seu CRUD em MEAN.
https://github.com/suissa/frontend-driven-development-mean

Last synced: 6 days ago
JSON representation

Prova de Conceito de como criar um FORM e retirar um padrão para criação do seu CRUD em MEAN.

• Host: GitHub
• URL: https://github.com/suissa/frontend-driven-development-mean
• Owner: suissa
• Created: 2015-03-14T16:37:54.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-03-16T00:45:56.000Z (almost 10 years ago)
• Last Synced: 2024-10-30T01:46:39.770Z (about 2 months ago)
• Size: 102 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


Vamos começar a análise com um `form` bem simples:

```html

  

    

      

        Name:

      

      

    

    

      

        Price:

      

      

    

    

      

        Alcohol %:

      

      

    

    

      

        Description

      

      

    

    


      Save

      Reset

    

  

```


Vamos iniciar criando módulo de Beers no Angular, para isso crie uma pasta chamada `beers` dentro de uma pasta chamada `modules`, antes de iniciarmos o módulo de Beer, vamos criar o `app.js` que é o arquivo central desse projeto com Angular.

```js

(function() {

  'use strict';

  // Declare app level module which depends on views, and components

  angular.module('myApp', [

    'ngRoute',

    'myApp.Beers'

  ]).

  config(['$routeProvider', function($routeProvider) {

    $routeProvider.otherwise({redirectTo: '/beers'});

  }]);

})();

```

Agora vamos criar o módulo `myApp.Beers` com a definição do módulo e suas dependências, dentro de `modules/beers` crie o arquivo index.js:

```js

(function() {

  'use strict';

  angular.module('myApp.Beers', ['ngRoute'])

  .config(['$routeProvider', function($routeProvider) {

    $routeProvider.when('/beers/create', {

      templateUrl: 'modules/beers/views/form.html',

      controller: 'BeersCreateCtrl'

    });

  }])

})();

```

Começamos fazendo a definição da rota que vai mostrar o form que criamos inicialmente, salve esse HTML como `form.html` em `modules/beers/viewsform.html`, como é uma partial só precisamos do que interessa:

```html

Cadastro de Cerveja


  

    

      Name:

    

    

  

  

    

      Price:

    

    

  

  

    

      Alcohol %:

    

    

  

  

    

      Description

    

    

  

  


    Save

    Reset

  


```

Agora crie um arquivo chamado `controllers.js` dentro de `modules/beers/`, onde colocaremos a definição do nosso *Controller* para criar uma Cerveja já fazendo a chamada para seu *Service*.