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 … (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… (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… (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 4

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 3

Procediamo ora analizzando, con un esempio, alcuni dei meccanismi base di Angular.

Creeremo infatti:

  • una classe TypeScript
(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 3

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 2

In questa terza parte affrontiamo il setup del progetto Angular 4 che utilizziamo come framework per lo sviluppo… (Read the full article)