Différences

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

--- java:springmvc:vuejs [2018/10/04 02:03] – créée jcheron
+++ java:springmvc:vuejs [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 21: / Ligne 21: @@
 </sxh>
+<sxh css;title:main/resources/static/css/style.css>
+body{
+	font-family: 'Lato', sans-serif;
+}
+a.el-button{
+	text-decoration: none;
+}
+</sxh>
+===== Maven integration =====
+Créer le dossier local-maven-repo à la base du projet Eclipse.
+Télécharger la librairie [[https://gitlab.com/jcheron/springboot-vuejs/tags|springboot-vuejs.jar]], et copier là dans ce dossier
+<sxh xml;title:pom.xml>
+<dependency>
+    <groupId>com.sample</groupId>
+    <artifactId>sample</artifactId>
+    <version>1.0</version>
+    <scope>system</scope>
+    <systemPath>${project.basedir}/local-maven-repo/springboot-vuejs.jar</systemPath>
+</dependency>
+</sxh>
+===== Test =====
+Créer un contrôleur Spring :
+<sxh java>
+@Controller
+@RequestMapping("/ui/")
+public class UiTest {
+	@GetMapping("test")
+	public String test(ModelMap model) {
+		VueJS vue=new VueJS("#app");
+		vue.addData("input", "Hello world !");
+		model.put("vueJS", vue.getScript());
+		return "ui/test";
+	}
+}
+</sxh>
+Et la vue associée :
+<sxh html>
+{{>/header}}
+<%input%>
+<el-input placeholder="Please input" v-model="input"></el-input>
+{{{vueJS}}}
+{{>/footer}}
+</sxh>