Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
framework-web:spring:td6 [2019/03/27 15:03]
jcheron [Notions abordées]
framework-web:spring:td6 [2020/03/28 16:14] (Version actuelle)
jcheron [Header et footer]
Ligne 26: Ligne 26:
   * [[https://​semantic-ui-vue.github.io/#/​|Semantic-UI Vue]]   * [[https://​semantic-ui-vue.github.io/#/​|Semantic-UI Vue]]
   * [[https://​vuejs.org/​v2/​guide/​|VueJS]]   * [[https://​vuejs.org/​v2/​guide/​|VueJS]]
 +  * [[https://​semantic-ui-vue.github.io/​|Semantic-ui-vue (optionnel et déconseillé => doc api incomplète)]]
 +
 +==== Header et footer ====
 +Conseillés :
 +
 +<sxh html;​header.html>​
 +<​!doctype html>
 +<html lang="​fr">​
 +<​head>​
 +    <meta charset="​UTF-8">​
 +    <​title>​Gestion de scripts</​title>​
 +    <link rel="​stylesheet"​ href="​https://​cdnjs.cloudflare.com/​ajax/​libs/​fomantic-ui/​2.8.4/​semantic.min.css"​ />
 +</​head>​
 +<​body>​
 +<div id="​app">​
 +</​sxh>​
 +
 +<sxh html;​footer.html>​
 +</​div>​
 +    <script src="​https://​cdnjs.cloudflare.com/​ajax/​libs/​axios/​0.19.0/​axios.min.js"></​script>​
 +    <script src="​https://​cdn.jsdelivr.net/​npm/​vue/​dist/​vue.js"></​script>​
 +    <script src="​https://​cdnjs.cloudflare.com/​ajax/​libs/​jquery/​3.3.1/​jquery.min.js"></​script>​
 +    <script src="​https://​cdnjs.cloudflare.com/​ajax/​libs/​fomantic-ui/​2.8.4/​semantic.min.js"></​script>​
 +</​body>​
 +</​html>​
 +</​sxh>​
  
  
Ligne 68: Ligne 94:
   * Alimenter la base de données avec des enregistrements réalistes en nombre suffisant (BDD à mettre dans le dossier **DB** de votre repository) ​   * Alimenter la base de données avec des enregistrements réalistes en nombre suffisant (BDD à mettre dans le dossier **DB** de votre repository) ​
   * Mettez en valeur votre projet et présentez son contenu dans le **README.md**   * Mettez en valeur votre projet et présentez son contenu dans le **README.md**
 +  * Déployez sur Heroku
 <​html></​div></​html>​ <​html></​div></​html>​
 +
 +===== Intégration de Semantic-ui-vue =====
 +L'​intégration de cette librairie n'est pas une obligation, mais un choix (risqué compte tenu du statut du projet, non finalisé et en stand-by).
 +==== Via CDN ====
 +
 +Ajouter au fichier footer :
 +<sxh html>
 +<script src="​https://​unpkg.com/​semantic-ui-vue@0.10.1/​dist/​umd/​semantic-ui-vue.min.js"></​script>​
 +<​script>​
 +Vue.use(SemanticUIVue);​
 +</​script>​
 +</​sxh>​
 +
 +==== Via npm pour installation en local ====
 +
 +  * Créer le dossier **src/​main/​resources/​static**
 +  * Dans ce dossier, exécuter en invite de commande :
 +
 +<sxh bash;​gutter:​false>​
 +npm install semantic-ui-vue
 +</​sxh>  ​
 +
 +Enlever l'​annotation **@EnableWebMvc** figurant dans une éventuelle classe de configuration.
 +
 +Ajouter au fichier footer :
 +<sxh html>
 +<script src="/​node_modules/​semantic-ui-vue/​dist/​umd/​semantic-ui-vue.min.js"></​script>​
 +<​script>​
 +Vue.use(SemanticUIVue);​
 +</​script>​
 +</​sxh>​
 +
 +
framework-web/spring/td6.1553695399.txt.gz · Dernière modification: 2019/03/27 15:03 par jcheron
GNU Free Documentation License 1.3
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0