SpringMVC 전단 과 백 엔 드 데이터 의 상호작용 요약

4322 단어 springmvc전단백 엔 드
본 고 는 주로 SpringMVC 전단 과 백 엔 드 데이터 의 상호작용 자 료 를 소개 하고 특별히 기록 을 보 냈 다.필요 한 친구 가 있 으 면 알 아 보 세 요.
컨트롤 러
컨트롤 러 로 서 대체적으로 V 엔 드 의 데이터 로 수신 하고 M 층 에 맡 겨 처리 한 다음 에 V 의 도약 을 관리 하 는 역할 을 한다.SpringMVC 의 역할 은 이와 같 습 니 다.주로 폼 을 받 거나 요청 한 값,필 터 를 정의 하고 페이지 를 뛰 어 넘 는 것 으로 나 눌 수 있 습 니 다.사실은 servlet 의 대체 품 입 니 다.
전송 방식
springmvc 의 가장 편리 한 점 은 주석 을 통 해 url 을 정의 할 수 있다 는 것 이다.

@Controller
public class formMVC {
  @RequestMapping("/hello")
  public void login(){
    
  }
위 와 같은 방식 으로 프로젝트 명의 로 hello 를 따라 이 방법 을 방문 할 수 있 습 니 다.struts 2 의 xml 설정 에 비해 개발 효율 을 높 였 고 방법 을 등급 으로 하 는 개발 입 니 다.
폼 데 이 터 를 받 으 려 면 방법의 매개 변수 에 응답 하 는 필드 만 추가 하고 폼 input 에 대응 하 는 name 속성 은 반사 기술 을 통 해 이 루어 지기 때문에 필드 는 완전히 같 아야 합 니 다.　　

  @RequestMapping("/login")
  public String login(String username,String password){
    System.out.println(username+" "+password);
    return "form.jsp";
  }
위 와 같은 방식 으로 양식 을 제출 하면 값 을 얻 을 수 있 습 니 다.점프 방식 은 되 돌아 오 는 문자열 을 사용 하 는 것 입 니 다.springmvc 의 Dispatcher Servlet 은 문자열 의 페이지 로 이동 합 니 다.너 도 그것 의 접두사 접 두 사 를 설정 할 수 있다.설정 파일 에 아래 속성 을 설정 합 니 다.이 return 문자열 의 앞 과 뒤에 설정 한 접두사 접 두 사 를 추가 하 는 것 입 니 다.

  <!-- configure the InternalResourceViewResolver -->
  <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" 
      id="internalResourceViewResolver">
    <!--    -->
    <property name="prefix" value="" />
    <!--    -->
    <property name="suffix" value="" />
  </bean>
또한,springmvc 는 bean 을 사용 하여 파 라 메 터 를 받 을 수 있 습 니 다.반사 기술 이기 때문에 속성 필드 는 똑 같이 유지 해 야 합 니 다.

public class user {
  private String username;
  private String password;
  public String getUsername() {
    return username;
  }
  public void setUsername(String username) {
    this.username = username;
  }
  public String getPassword() {
    return password;
  }
  public void setPassword(String password) {
    this.password = password;
  }
  
}

@RequestMapping(value="/Model",method=RequestMethod.POST)
  public String loginModel(user u){
    System.out.println(u.getUsername()+" "+u.getPassword());
    return "form.jsp";
  }
마지막 으로 전단 에서 보 낸 데 이 터 는 json 포장 을 거 쳐 백 엔 드 에서 bean 으로 받 을 수 있 습 니 다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!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">
<script type="text/javascript" src="jquery.min.js"></script> 
<title>    </title>
</head>
<script type="text/javascript"> 
  $(document).ready(function(){ 
    $("#button_submit").click(function(){ 
      //       ，  json   
      var params = $("#userForm").serializeArray(); 
      console.log(params);
      //             name value       
      //params.push({name:"hello",value:"man"}); 
      $.ajax({
        type:"post",
        url:"Model",
        data:params
      });
    }); 
  }); 
</script> 
<body>
  <form id="userForm">
    <input name="username" type="text"/>
    <br/>
    <input name="password" type="password"/>
    <br/>
  </form>
    <button id="button_submit">  </button>
    <button type="reset" >  </button>
</body>
</html>

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
자바 의 equals 와=의 차 이 를 자세히 설명 합 니 다.
spring 차단 기 를 사용 하여 로그 관리 인 스 턴 스 를 실현 합 니 다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage