English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Spring 강의

Spring MVC Tiles示例

Spring提供了與apache tile框架的集成支持。因此，我們可以借助Spring Tile支持簡單地管理Spring MVC應用程序的佈局。

Spring MVC支持Tiles的優勢

可重用性: : 我們可以在多個頁面中重複使用單個組件，例如標題和頁腳組件。

集中式控件: 我們可以通過單一模板頁面來控制頁面的佈局

易于更改佈局: : 借助單一模板頁面，我們可以隨時更改頁面的佈局。因此，您的網站可以輕鬆採用新技術，例如引導程序，jQuery等。

Spring MVC Tiles示例

1、將依賴項添加到pom.xml文件。

pom.xml 

　<!--　https://mvnrepository.com/artifact/org.springframework/spring-webmvc　-->
<dependency>
　　　　<groupId>org.springframework</groupId>
　　　　<artifactId>spring-webmvc</artifactId>
　　　　<version>5.1.1.RELEASE</version>
</dependency>
　　<!--　https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api　-->
<dependency>　　
　　　　<groupId>javax.servlet</groupId>　　
　　　　<artifactId>servlet-api</artifactId>　　
　　　　<version>3.0-alpha-1</version>　　
</dependency>
　　　　<!--　https://mvnrepository.com/artifact/javax.servlet/jstl　-->
<dependency>
　　　　<groupId>javax.servlet</groupId>
　　　　<artifactId>jstl</artifactId>
　　　　<version>1.2</version>
</dependency>
<!--　https://mvnrepository.com/artifact/org.apache.tomcat/tomcat-jasper　-->
<dependency>
　　　　<groupId>org.apache.tomcat</groupId>
　　　　<artifactId>tomcat-jasper</artifactId>
　　　　<version>9.0.12</version>
</dependency>
　<!--　https://mvnrepository.com/artifact/org.apache.tiles/tiles-jsp　-->
<dependency>
　　　　<groupId>org.apache.tiles</groupId>
　　　　<artifactId>tiles-jsp</artifactId>
　　　　<version>3.0.5</version>
</dependency>
　　　　
　　　　<!--　https://mvnrepository.com/artifact/org.apache.tiles/tiles-servlet　-->
<dependency>
　　　　<groupId>org.apache.tiles</groupId>
　　　　<artifactId>tiles-servlet</artifactId>
　　　　<version>3.0.5</version>
</dependency>
　　　　<!--　https://mvnrepository.com/artifact/org.apache.tiles/tiles-core　-->
<dependency>
　　　　<groupId>org.apache.tiles</groupId>
　　　　<artifactId>tiles-core</artifactId>
　　　　<version>3.0.5</version>
</dependency>
　　　<!--　https://mvnrepository.com/artifact/org.apache.tiles/tiles-el　-->
<dependency>
　　　　<groupId>org.apache.tiles</groupId>
　　　　<artifactId>tiles-el</artifactId>
　　　　<version>3.0.5</version>
</dependency>

2、创建bean类

Contact.java 

package com.w3codebox.form;
public class Contact {
　　　　private String firstname;
　　　　private String lastname;
　　　　private String email;
　　　　private String telephone;
　　　　
　　　　public String getEmail() {
　　　　　　　　return email;
　　　　}
　　　　public String getTelephone() {
　　　　　　　　return telephone;
　　　　}
　　　　public void setEmail(String email) {
　　　　　　　　this.email = email;
　　　　}
　　　　public void setTelephone(String telephone) {
　　　　　　　　this.telephone = telephone;
　　　　}
　　　　public String getFirstname() {
　　　　　　　　return firstname;
　　　　}
　　　　public String getLastname() {
　　　　　　　　return lastname;
　　　　}
　　　　public void setFirstname(String firstname) {
　　　　　　　　this.firstname = firstname;
　　　　}
　　　　public void setLastname(String lastname) {
　　　　　　　　this.lastname = lastname;
　　　　}
　　　　
}

3、创建控制器类

HelloWorldController.java 

package com.w3codebox.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
public class HelloWorldController {
　　　　@RequestMapping("/hello"
　　　　public String helloWorld(Model m) {
　　　　　　　　String message = "Hello World, Spring MVC @ w"3codebox";
　　　　　　　　m.addAttribute("message", message);
　　　　　　　　return "hello";　
　　　　}
}

ContactController.java 

package com.w3codebox.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.SessionAttributes;
import com.w3codebox.form.Contact;
@Controller
@SessionAttributes
public class ContactController {
　　　　@RequestMapping(value = "/addContact", method = RequestMethod.POST)
　　　　public String addContact(@ModelAttribute("contact") Contact contact, BindingResult result) {
　　　　　　　　//여기에 연락처를 추가하기 위한 코드를 작성하세요
　　　　　　　　return "redirect:contact.html";
　　　　}
　　　　
　　　　@RequestMapping("/contact")
　　　　public String showContacts(Model m) {
　　　　　　　　m.addAttribute("command",　new　Contact());
　　　　　　　　return　"contact";
　　　　}
}

4、在web.xml文件中提供控制器的条目

web.xml 

<?xml 版本="1.0" 编码="UTF-8"?>
<web-app　xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"　xmlns="http://java.sun.com/xml/ns/javaee"　xsi:schemaLocation="http://java.sun.com/xml/ns/javaee　http://java.sun.com/xml/ns/javaee/web-_app_2_5.xsd"　id="WebApp_ID"　version="2.5">
　　<display-name>SpringTiles</display-name>
　　<welcome-file-리스트>
　　　　<welcome-file>index.jsp</welcome-file>
　　</welcome-file-리스트>
　　<servlet>
　　　　<servlet-name>spring</servlet-name>
　　　　<servlet-class>
　　　　　　　　　　　　org.springframework.web.servlet.DispatcherServlet
　　　　　　　　</servlet-class>
　　　　<load-on-startup>1</load-on-startup>
　　</servlet>
　　<servlet-mapping>
　　　　<servlet-name>spring</servlet-name>
　　　　<url-pattern>*.html</url-pattern>
　　</servlet-mapping>
</web-app>

5、在xml文件中定义Bean

spring-servlet.xml 

<beans　xmlns="http://www.springframework.org/schema/beans"
　　　　xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
　　　　xmlns:p="http://www.springframework.org/schema/p"
　　　　xmlns:context="http://www.springframework.org/schema/context"
　　　　xsi:schemaLocation="http://www.springframework.org/schema/beans
　　　　　　　　http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
　　　　　　　　http://www.springframework.org/schema/context
　　　　　　　　http://www.springframework.org/schema/context/spring-context-3.0.xsd">
<context:annotation-config　/>
<context:component-scan　base-package="com.w3codebox.controller"　/>
<bean　id="viewResolver"　class="org.springframework.web.servlet.view.tiles3.TilesViewResolver"/>
<bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
<속성 이름="definitions">
<리스트>
<value>/WEB-INF/tiles.xml</값>
</리스트>
</속성>
</bean>
</beans>

6、tile.xml 파일 제공

tiles.xml 

<?xml 版本="1.0" 编码="UTF-8"　?>
<!DOCTYPE tiles-정의 PUBLIC
　　　　　　　"-//Apache Software Foundation//DTD Tiles Configuration　2.0//EN"
　　　　　　　"http://tiles.apache.org/dtds/tiles-config_2_0.dtd">
<tiles-definitions>
　　　　<정의 이름="base.definition" 템플릿="/WEB-INF/jsp/layout.jsp">
　　　　　　　　<put-속성 이름="title" 값=""　/>
　　　　　　　　<put-속성 이름="header" 값="/WEB-INF/jsp/header.jsp"　/>
　　　　　　　　<put-속성 이름="menu" 값="/WEB-INF/jsp/menu.jsp"　/>
　　　　　　　　<put-속성 이름="body" 값=""　/>
　　　　　　　　<put-속성 이름="footer" 값="/WEB-INF/jsp/footer.jsp"　/>
　　　　</정의>
　　　　<정의 이름="contact" 상속="base.definition">
　　　　　　　　<put-속성 이름="title" 값="Contact Manager"　/>
　　　　　　　　<put-속성 이름="body" 값="/WEB-INF/jsp/contact.jsp"　/>
　　　　</정의>
　　　　<정의 이름="hello" 상속="base.definition">
　　　　　　　　<put-속성 이름="title" 값="Hello Spring MVC"　/>
　　　　　　　　<put-속성 이름="body" 값="/WEB-INF/jsp/hello.jsp"　/>
　　　　</정의>
</tiles-definitions>

7、요청 페이지 생성

index.jsp 

<a　href="hello.html">헬로 스프링</a>　|　
<a　href="contact.html">연락처</a>

8、기타 뷰 컴포넌트 생성

hello.jsp 

<html>　　
<head>　　
　　　　<title>스프링 MVC 예제</title>　　
</head>　　
<body>　　
<h1>스프링 MVC에 오신 것을 환영합니다</h1>　　
　　　　<p>메시지는:　${message}</p>　　
</body>　　
</html>

contact.jsp 

<%@taglib　uri="http://www.springframework.org/tags/form"　prefix="form"%>　　
<html>　　
<head>　　
　　　　<title>스프링 타일즈 연락처 양식</title>　　
</head>　　
<body>　　
<h2>연락처 관리자</h2>　　
<form:form　method="post"　action="addContact.html">　　
　　
　　　　<table>　　
　　　　<tr>　　
　　　　　　　　<td><form:label　path="firstname">이름/form:label></td>　　
　　　　　　　　<td><form:input　path="firstname"　/></td>　　　
　　　　</tr>　　
　　　　<tr>　　
　　　　　　　　<td><form:label　path="lastname">성/form:label></td>　　
　　　　　　　　<td><form:input　path="lastname"　/></td>　　
　　　　</tr>　　
　　　　<tr>　　
　　　　　　　　<td><form:label　path="lastname">이메일/form:label></td>　　
　　　　　　　　<td><form:input　path="email"　/></td>　　
　　　　</tr>　　
　　　　<tr>　　
　　　　　　　　<td><form:label　path="lastname">전화번호/form:label></td>　　
　　　　　　　　<td><form:input　path="telephone"　/></td>　　
　　　　</tr>　　
　　　　<tr>　　
　　　　　　　　<td　colspan="2">　　
　　　　　　　　　　　　<input　type="submit"　value="연락처 추가"/>　　
　　　　　　　　</td>　　
　　　　</tr>　　
</table>　　　　
　　　　　　
</form:form>　　
</body>　　
</html>

header.jsp 

<h2>헤더</h2>　　
<hr/>

footer.jsp 

<hr/>　　
<p>저작권　　2010-2014　oldtoolbag.com.</p>

menu.jsp 

<p>메뉴　1</p>　　
<p>메뉴　2</p>

layout.jsp 

<%@　taglib　uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>　　
!DOCTYPE HTML public "-//W3C//DTD HTML　4.01　Transitional//EN"　　
"http://www.w3.org/TR/html4/loose.dtd">　　
<html>　　
<head>　　
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">　　
<title><tiles:insertAttribute name="title" ignore="true"　/></title>　　
</head>　　
<body>　　
　　　　　　　　<div><tiles:insertAttribute name="header"　/></div>　　
　　　　　　　　<div style="float:left;padding:10px;width:15;"><tiles:insertAttribute name="menu"　/></div>　　
　　　　　　　　<div style="float:left;padding:10px;width:80%;border-left:1px solid pink;">　　
　　　　　　　　<tiles:insertAttribute name="body"　/></div>　　
　　　　　　　　<div style="clear:both"><tiles:insertAttribute name="footer"　/></div>　　
　　
</body>　　
</html>
Spring RemotingSpring MVC 검증