首页 > 代码库 > 关于spring和extjs对接的过程简述
关于spring和extjs对接的过程简述
<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" 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"> <welcome-file-list> <welcome-file>index.html</welcome-file> </welcome-file-list> <context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:applicationContext.xml</param-value> </context-param> <context-param> <param-name>resteasy.servlet.mapping.prefix</param-name> <param-value>/rest</param-value> </context-param> <context-param> <param-name>log4jConfigLocation</param-name> <param-value>classpath:log4j.properties</param-value> </context-param> <listener> <listener-class>org.jboss.resteasy.plugins.server.servlet.ResteasyBootstrap</listener-class> </listener> <listener> <listener-class>org.jboss.resteasy.plugins.spring.SpringContextLoaderListener</listener-class> </listener> <servlet> <servlet-name>RestEasy</servlet-name> <servlet-class>org.jboss.resteasy.plugins.server.servlet.HttpServletDispatcher</servlet-class> </servlet> <servlet-mapping> <servlet-name>RestEasy</servlet-name> <url-pattern>/rest/*</url-pattern> </servlet-mapping> <!-- 编码 --> <filter> <filter-name>encodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</param-name> <param-value>UTF8</param-value> </init-param> <init-param> <param-name>forceEncoding</param-name> <param-value>true</param-value> </init-param> </filter> <filter-mapping> <filter-name>encodingFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping></web-app>
<?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.2.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd"> <context:component-scan base-package="lmx.phone" /></beans>
package lmx.phone.service;import javax.ws.rs.GET;import javax.ws.rs.Path;import lmx.phone.util.ExtJSResponse;import org.springframework.stereotype.Service;@Service@Path("esper")public class EsperService { @Path("phone") @GET public ExtJSResponse phoneService() { System.out.println("rest works"); return null; }}
package lmx.phone.util;import java.util.HashMap;/** * used to integrates with ExtJS 4.x data stores.<br> * In ExtJS, the data store use following format to verify the result: * <p/> * <pre> * "{"success":false,"data":"","message":"VERBOSE ERROR"}" * </pre> * * @author MiXian */public class ExtJSResponse extends HashMap<String, Object> { /** * */ private static final long serialVersionUID = -2791356338016228077L; public static ExtJSResponse successRes() { return new ExtJSResponse(true); } public static ExtJSResponse successRes4Find(Object data,Integer total) { ExtJSResponse res = new ExtJSResponse(true); res.setData(data); res.put("total",total); return res; } public static ExtJSResponse successResWithData(Object data) { ExtJSResponse res = new ExtJSResponse(true); res.setData(data); return res; } public static ExtJSResponse errorRes(String error) { ExtJSResponse res = new ExtJSResponse(false); res.setErrorMsg(error); return res; } public ExtJSResponse() { } public ExtJSResponse(boolean success) { super(); setSuccess(success); } public boolean isSuccess() { return (Boolean) get("success"); } public void setSuccess(boolean success) { put("success", success); } public void setErrorMsg(String errorMsg) { put("error", errorMsg); } public String getErrorMsg() { return (String) get("error"); } public void setData(Object data) { put("data", data); } public Object getData() { return get("data"); }}
关于前台和后台之间的交互:
1、extjs发送ajax请求,以“/rest/*”的形式。
2、web.xml捕捉到请求之后,将请求发给DispatherServlet
3、DispatherServlet将请求发给配置的package
4、package扫描所有的“@service”类,寻找匹配的方法来处理请求,并返回给前端一个json数据串。json数据串通过ExtjsResonse来生成一个基本的内容。
5、前端根据json数据串来改变前端的内容
关于spring和extjs对接的过程简述
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。