Page 36 - Revista_60.pub

A PROGRAMAR

ASP.NET CORE, ANGULAR 5 - CRUD COM ENTITY FRAMEWORK

{ path: '**', redirectTo: 'home' } de fazer uma aplicação idêntica, seria por exemplo usando
]) ADO.NET, no entanto para este artigo foi feita a opção por
], Entity Framework, sendo que num futuro, poderá ser apre-
providers: [EmployeeService]
}) sentado este mesmo exemplo mas com ADO.NET, que po-
export class AppModuleShared { derá ser mais fácil para quem estiver habituado a ADO.NET.
}
A aplicação é simples e resumida, servindo apenas como
E por fim editamos o ficheiro navmenu.component.html, para
inserir-mos a entrada para a nossa aplicação! exemplo ilustrativo, mas não será difícil para o leitor começar
a explorar ASP.NET Core 2.1 e Angular 5 ou Angular 6, rapi-
<div class='main-nav'> damente, construindo aplicações elaboradas, de forma rápi-
<div class='navbar navbar-inverse'> da.
<div class='clearfix'></div>
<div class='navbar-collapse collapse'> Neste artigo apenas se pretendeu apresentar uma introdu-
<ul class='nav navbar-nav'> ção!
<li [routerLinkActive]="['link-active']">
<a [routerLink]="['/home']"> Até uma próxima edição!
<span class='glyphicon
glyphicon-home'></span> Home Referências
</a>
</li> https://angular.io/
<li [routerLinkActive]="['link-active']">
<a [routerLink]="['/fetch-edicao']"> http://reactivex.io/
<span class='glyphicon
glyphicon-th-list'></span> Fetch Edicao https://github.com/ReactiveX/rxjs-docs
</a>
</li> https://angular.io/guide/rx-library
</ul>
</div> https://www.npmjs.com/package/rxjs-compat
</div>
</div> https://update.angular.io/
http://www.talkingdotnet.com/upgrade-angular-5-app-angular
E pronto, para executar basta premir a tecla F5 e a nos- -6-visual-studio-2017/
sa aplicação deverá ser apresentada no browser.
Notas
1 Tal como referido anteriormente uma vez que se trata de uma
aplicação feita com Angular 5, caso queiramos usar a versão 6,
sem ter todo o trabalho de realizar as alterações necessárias,
podemos utilizar o pacote rxjs-compat. Ainda que isto não seja
uma solução definitiva, e seja recomendado ao leitor, seguir
todos os passos descritos na documentação do Angular, para
portar a aplicação para a versão 6, é francamente útil, quando
se faz uma aplicação toda para Angular 5 e se quer correr a
mesma em Angular 6, sem todo o refactor necessário. Para
utilizar o rxjs-compat, instalar o mesmo via npm:

npm install rxjs-compat
Conclusão

Ao longo deste artigo, foi apresentada de forma extre-
mamente resumida, a criação de uma aplicação em ASP.NET
Core, com Entity Framework e front-end em Angular 5, se-
guindo o modelo de database first (base de dados primeiro),
usando o Visual Studio Community Edition. Uma outra forma

AUTOR

Escrito por António C. Santos
Programar é criar um novo mundo escrevendo código, cumprindo os mais elementares desígnios da
vida, “aprender, ensinar, criar, partilhar, melhorar e seguir”. Formou-se no Instituto Politécnico de Viana
do Castelo. Membro da Comunidade Portugal-a-Programar desde Agosto de 2007, é também membro da
Sahana Software Foundation, onde é Programador Voluntário desde 2012, actualmente exerce funções
de mentor voluntário na plataforma MOOC Coursera . Twitter:@apocsantos

36