Create a modern web application with Spring Boot, MongoDB, Angular 4 and TypeScript and deploy it in cloud as Microsoft Azure Webapp – Part 3

Here is the previous part of the article: Part 2

In this third part, we address the setup of the Angular 4 project, as we use it as framework for front-end development and with which we will create our Single Page Application.

First, we must have the necessary environment for the creation of a Angular 4 project… (Read the full article)

Creare una web application con Spring Boot, MongoDB, Angular 4 e TypeScript e deployarla in cloud come Microsoft Azure Webapp – Parte 11

Qui la parte precedente dell’articolo: Creare una web application con Spring Boot, MongoDB, Angular 4 e TypeScript e deployarla in cloud come Microsoft Azure Webapp – Parte 10

Ricordiamo che avevamo definito il database MongoDB nel file application.settings, e l’avevamo chiamato “tutorialDB”… (Read the full article)

Creare una web application con Spring Boot, MongoDB, Angular 4 e TypeScript e deployarla in cloud come Microsoft Azure Webapp – Parte 10

Qui la parte precedente dell’articolo: Creare una web application con Spring Boot, MongoDB, Angular 4 e TypeScript e deployarla in cloud come Microsoft Azure Webapp – Parte 9

CONVERTIRE IL MODEL IN VIEWMODEL

Implementiamo ora la classe che costituirà il nostro converter tra le entità User e i viewmodel… (Read the full article)

Creare una web application con Spring Boot, MongoDB, Angular 4 e TypeScript e deployarla in cloud come Microsoft Azure Webapp – Parte 9

Qui la parte precedente dell’articolo: Creare una web application con Spring Boot, MongoDB, Angular 4 e TypeScript e deployarla in cloud come Microsoft Azure Webapp – Parte 8

Ok, ora abbiamo un database MongoDB per lo sviluppo installato in locale e abbiamo configurato opportunamente la nostra applicazione… (Read the full article)

Create a modern web application with Spring Boot, MongoDB, Angular 4 and TypeScript and deploy it in cloud as Microsoft Azure Webapp – Part 2

Here is the previous part of the article: Part 1

Create a View

Now we move to the “templates” folder and create a new HTML file that we call “index.html”. This will be the view rendered by the controller mapped on the root URL of the application, that is, ‘/’. For … (Read the full article)

Create a modern web application with Spring Boot, MongoDB, Angular 4 and TypeScript and deploy it in cloud as Microsoft Azure Webapp – Part 1

Spring Boot and Angular 4 Web Application Architecture LayersIn this new serie of articles, we will see how to create a simple web application using Spring Boot as an acceleration framework for back-end development and REST services implementation, MongoDB as a NoSQL database and Angular 4, with TypeScript support, such as javascript framework for the front-end.… (Read the full article)

Creare una web application con Spring Boot, MongoDB, Angular 4 e TypeScript e deployarla in cloud come Microsoft Azure Webapp – Parte 8

Qui la parte precedente dell’articolo: Creare una web application con Spring Boot, MongoDB, Angular 4 e TypeScript e deployarla in cloud come Microsoft Azure Webapp – Parte 7

Finalmente siamo arrivati alla parte in cui introduciamo il database MongoDB, che utilizzeremo per salvare gli utenti nella… (Read the full article)

Creare una web application con Spring Boot, MongoDB, Angular 4 e TypeScript e deployarla in cloud come Microsoft Azure Webapp – Parte 7

Qui la parte precedente dell’articolo: Creare una web application con Spring Boot, MongoDB, Angular 4 e TypeScript e deployarla in cloud come Microsoft Azure Webapp – Parte 6

Eseguire la chiamata all’inizializzazione dell’applicazione

La chiamata al servizio di recupero della lista di utenti … (Read the full article)

Creare una web application con Spring Boot, MongoDB, Angular 4 e TypeScript e deployarla in cloud come Microsoft Azure Webapp – Parte 6

Qui la parte precedente dell’articolo: Creare una web application con Spring Boot, MongoDB, Angular 4 e TypeScript e deployarla in cloud come Microsoft Azure Webapp – Parte 5

Invocare le API Rest di Spring Boot da Angular

Torniamo quindi al progetto Angular4, dove dobbiamo implementare il Service… (Read the full article)