Les crashs dev d'un passionné

Maintenant que l'application est prête nous allons lui ajouter de la logique. Pour cela nous allons passer par la création d'entité via jhipster

Si la commande jhipster ne fonctionne pas il faut l'installer de manière à avoir le binaire accessible sous $HOME/.config/yarn/global/node_modules/.bin
Il faut ensuite lancer la commande
Et répondre oui autant de fois qu'il y a de champ sur votre entité.

Quand vous arrivez à cette question,
Répondez que REST utilise le repository

De même pour la pagination, choisissez "A simple pager, based on the Bootstrap pager".

Jhipster va créer 3 éléments :

• domain/article.java : l'entité mappée sur la table
  
• repository/ArticleRepository.java qui fournit les méthodes CRUD d'accès aux informations grâce à JPA
  
• web/rest/ArticleResource.java est le service REST qui expose les méthodes du repository
  

Lancez votre application via
Ensuite connectez vous à votre application, vous serez redirigé vers cette page


Créer votre 1er élément


Remarquez que le champ content est un textarea, pour cela il faut choisir un CLOB lors de l'ajout via Cela crée cette configuration dans l'entité Java
Et maintenant préparez l'affichage des données sous format de vignette, pour cela allez dans src\main\webapp\app\home\home.html
Et dans le contrôleur home d'AngularJS connectez les éléments sur votre page.

Nous allons maintenant visualiser le contenu total de l'article. Pour cela nous allons faire une animation en fondu.
On commence par installer la librairie
Ensuite on charge le script en plaçant ngAnimate dans src/main/webapp/app/app.module.js

Et on met dans la page src/main/webapp/app/home/home.html
Et aussi mettre le CSS correspondant à l'animation