随笔-126  评论-247  文章-5  trackbacks-0

Spring Jar 包


将需要用到的 Spring Jar 包拷贝进 GWT Java Project 当中。具体位置是:war/WEB-INF/lib。注意:不能拷贝到 lib 的子目录下,不然会报找不到类的错误!
选中 lib 下的 Jar 包,右键 ——> Build Path ——> Add to Build Path。

配置 web.xml

位置:war/WEB-INF/web.xml
<?xml version="1.0" encoding="UTF-8"?>
  
  <!-- Spring JAR 包一定要拷贝在lib目录底下(不能是lib的子目录, 否则会报找不到类的错误!!!) -->
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>/WEB-INF/mvc-dispatcher-servlet.xml</param-value>
    <param-value>classpath*:spring/*.xml</param-value>
  </context-param>
  
  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
  
  <!-- DispatcherServlet Spring MVC 的核心, 充当前端控制器, 负责将请求分发给 Spring MVC 控制器处理 -->
  <!-- servlet-name 配置好之后, 默认的, DispatcherServlet 将使用 /WEB-INF/名称-servlet.xml 作为 Spring 上下文使用 -->
  <servlet>
    <servlet-name>mvc-dispatcher</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>
  
  <!-- / : 拦截处理所有请求, 会导致静态文件无法被访问(mvc:resources) -->
  <!-- *.suffix -->
  <servlet-mapping>
    <servlet-name>mvc-dispatcher</servlet-name>
    <url-pattern>*.json</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>mvc-dispatcher</servlet-name>
    <url-pattern>*.htm</url-pattern>
  </servlet-mapping>
  
  <welcome-file-list>
    <welcome-file>GxtTutorial.html</welcome-file>
  </welcome-file-list>

</web-app>

Spring MVC 配置

位置:war/WEB-INF/mvc-dispatcher-servlet.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans" 
  xmlns:xsi
="http://www.w3.org/2001/XMLSchema-instance"
  xmlns:mvc
="http://www.springframework.org/schema/mvc"
  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/mvc
  http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd
  http://www.springframework.org/schema/context 
  http://www.springframework.org/schema/context/spring-context-3.0.xsd"
>
  
  <context:component-scan base-package="fan.tutorial.server" />
  <mvc:annotation-driven/>
  
  <!-- 内部视图解析器:渲染输出的视图路径由 prefix + 逻辑视图名称 + suffix 组成 -->
  <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <property name="prefix">
      <value>/WEB-INF/pages/</value>
    </property>
    <property name="suffix">
      <value>.jsp</value>
    </property>
  </bean>
  
  <!-- 静态资源的映射, Spring MVC 不处理 -->
  <mvc:resources mapping="/res/**" location="/resources/"/>
  
</beans>

Spring 配置

位置:classpath
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans" 
  xmlns:xsi
="http://www.w3.org/2001/XMLSchema-instance"
  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="fan.tutorial.server"/>
  
</beans>

编写测试例子

ExampleController

package fan.tutorial.server.controller;

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

@Controller
@RequestMapping("/example")
public class ExampleController {

    @RequestMapping("/input/{something}")
    public String inputSomething(Model model, @PathVariable String something){
        System.out.println("**************************");
        System.out.println(something);
        System.out.println("**************************");
        return null;
    }
}

Example

package fan.tutorial.client.ui;

import com.extjs.gxt.ui.client.event.Listener;
import com.extjs.gxt.ui.client.event.MessageBoxEvent;
import com.extjs.gxt.ui.client.widget.Info;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.MessageBox;
import com.google.gwt.core.client.GWT;
import com.google.gwt.http.client.Request;
import com.google.gwt.http.client.RequestBuilder;
import com.google.gwt.http.client.RequestCallback;
import com.google.gwt.http.client.RequestException;
import com.google.gwt.http.client.Response;
import com.google.gwt.user.client.Element;

public class Example extends LayoutContainer {

    @Override
    protected void onRender(Element parent, int index) {
        super.onRender(parent, index);
        
        MessageBox.prompt("Message", "Please input something.", new Listener<MessageBoxEvent>() {
            @Override
            public void handleEvent(MessageBoxEvent be) {
                if(be.getButtonClicked().getItemId().equals(MessageBox.OK)){
                    String value = be.getValue();
                    String url = GWT.getHostPageBaseURL() + "example/input/" + value + ".json";
                    RequestBuilder builder = new RequestBuilder(RequestBuilder.GET, url);
                    builder.setHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
                    try {
                        builder.sendRequest(nullnew RequestCallback() {
                            @Override
                            public void onResponseReceived(Request request, Response response) {
                                Info.display(" ", "数据提交成功!");
                            }
                            @Override
                            public void onError(Request request, Throwable exception) {
                                MessageBox.alert("System Message", "数据提交失败!", null);
                            }
                        });
                    } catch (RequestException e) {
                        e.printStackTrace();
                    }
                }
            }
        });
    }
}

结果图








  
posted on 2014-06-08 18:05 fancydeepin 阅读(1529) 评论(0)  编辑  收藏

只有注册用户登录后才能发表评论。


网站导航: