springBoot(6):web開發-模板引擎jsp

1、新建工程javascript

 wKioL1lDhHmCc3_0AACchr2LV6o135.jpg

 wKiom1lDhKvS9BgwAAE4CYkOeeA762.jpg

注意新建的工程下沒有webapp目錄eclipse下會自動建立webapp目錄這裏咱們須要自動建立一個webapp目錄並建立WEB-INF。css

 wKiom1lDhzbBzsgLAABDTSJB-dM691.jpg


對ServletInitializer.java進行說明html

 一、這個類至關於咱們之前的web.xmljava

 二、只有3.0以上才能夠不然須要添加web.xmljquery

2、配置web

2.一、pom.xml配置
spring

<dependency>
   <groupId>org.apache.tomcat.embed</groupId>
   <artifactId>tomcat-embed-jasper</artifactId>
   <scope>provided</scope>
</dependency>
<dependency>
   <groupId>javax.servlet</groupId>
   <artifactId>jstl</artifactId>
</dependency>

2.二、配置前綴與後綴相似於sspringmvcapache

spring.profiles.active=dev
#配置前綴與後綴
spring.mvc.view.prefix=/WEB-INF/templates/
spring.mvc.view.suffix=.jsp

4、代碼
tomcat

package com.example.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * Created by ly on 2017/6/16.
 */
@Controller
@RequestMapping("/demo1")
public class Index {
    @RequestMapping("/index")
    public String index(Model model) throws Exception {
        model.addAttribute("title"  ,"ceshi");
        return "index";
    }
}


idea這裏有點問題下面改用eclipse結構以下mvc

wKioL1lDqcOz9m74AABuiO841NQ335.jpg


index.jsp

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html>
<html>
<head lang="en">
	<title>Spring Boot Demo - FreeMarker</title>
	
	<link href="/static/css/index.css" rel="stylesheet" />
	
</head>
<body>
	<h1 id="title">${title}</h1>
	
	<c:url value="http://www.roncoo.com" var="url"/>
	<spring:url value="http://www.roncoo.com" htmlEscape="true" var="springUrl" />
	
	Spring URL: ${springUrl}
	<br>
	JSTL URL: ${url}
	
	<!-- <script type="text/javascript" src="/static/webjars/jquery/2.1.4/jquery.min.js"></script>
	<script>
		$(function(){
			$('#title').click(function(){
				alert('1o');
			});
		})
	</script> -->
</body>
</html>

 

訪問http://localhost:8988/demo1/index 

wKioL1lDqWOxp75iAABILem-yOk280.jpg

相關文章
相關標籤/搜索