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
Copier le code
1
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 : Lancez votre application via
- 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
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