在GWT中序列化/反序列化Json-CSDN博客

JSON和GWT

最近， GWT用户小组中进行了有趣的讨论，涉及在客户端对JSON进行序列化/反序列化的最佳实践。这篇文章旨在突出其重点。到目前为止，在GWT中有三种将对象转换为JSON并从客户端转换回JSON的方法：

gwt-jackson框架：

gwt-jackson包装了著名的杰克逊图书馆的某些功能。它允许使用称为ObjectMapper的接口转换对象。使用gwt-jackson的优势在于，它可以序列化诸如Collections和Maps之类的复杂对象。它还允许使用@JsonProperty和@JsonCreator之类的注释进行花式转换。 gwt-jackson的唯一遗憾是它使用了Generators ，在GWT 3.0版中将弃用该工具。还值得注意的是RestyGWT使用了gwt-jackson，这是从客户端发出HTTP请求的替代方法之一。

可以在Github页面上找到示例： https : //github.com/nmorel/gwt-jackson/tree/master/examples

使用JavaScriptObject：

这是传统方法之一。 JavaScriptObject利用JSNI创建一个普通的JS对象。它可以扩展并具有cast（）方法，该方法允许将对象“安全”投射到其子类型。可以使用JsonUtils.stringify（）方法将JavaScriptObject转换为JSON字符串，也可以使用JsonUtils.safeEval（）将其转换回JSON字符串。 JavaScriptObject与代表JavaScriptObject集合的JsArray协同工作，并扩展了JavaScriptObject。该方法的唯一缺点是与创建对象相关联的样板。例如：

public class Person extends JavaScriptObject {
	 //Constructor needs to be protected and zero-arguments
	  protected Person() { }

          // JSNI is used for setting/getting properties 
	  public final native String getFirstName() /*-{ return this.FirstName; }-*/;
	  public final native String getLastName()  /*-{ return this.LastName;  }-*/;
	  
	  public final native void setFirstName(String firstName) /*-{ this.FirstName = firstName; }-*/;
	  public final native void setLastName(String lastName)  /*-{ this.LastName = lastName; }-*/;
}

然后：

Person person = JavaScriptObject.createObject().cast();
				        JsArray array = JavaScriptObject.createArray().cast();
				        
				        person.setFirstName("first Name");
				        person.setLastName("last Name");
				        
				        array.push(person);
				        
				       
				        
				        GWT.log(JsonUtils.stringify(person));
				        GWT.log(JsonUtils.stringify(array));

结果：

{"FirstName":"first Name","LastName":"last Name"}
[{"FirstName":"first Name","LastName":"last Name"}]

使用JsInterop批注：

JsInterop批注允许将Java类型/类视为Javascript对象，并允许向/从应用程序Js环境导出或导入功能。一些GWT项目成员（ Thomas Broyer ， Jens Nehlmeier ）推荐使用JsInterop，因为JsInterop是GWT未来的重要组成部分，它将成为处理GWT中Javascript对象的主要方式。使用JsInterop的唯一缺点是Elemental 2仍处于实验阶段，因此直到它变得稳定为止。开发人员最好将自己的代码片段用于本地Javascript实用程序（例如Json类），例如：

@JsType(isNative=true, namespace=GLOBAL)
public class JSON {
	
	public native static String stringify(Object obj);
	
	public native static Object parse(String obj);

}

如果我们的对象看起来像：

@JsType(isNative=true, namespace=GLOBAL, name="Object")
public class Record {
	
	String id;
	String date;
	String data;
	
	public Record() {
		
	}
	
}

然后：

Record record = new Record();
  record.id = "1";
  record.date = "20";
  record.data = "30";

String json = JSON.stringify(recod);

 GWT.log(json);
// Result: {"id":"1","date":"20","data":"30"}

autorest -gwt （也是进行HTTP调用的选项之一）使用JsInterop在发出HTTP请求之前对对象进行序列化/序列化。

重要的是要注意 ，地图不是由JSON.stringify（）方法处理的，尝试对地图进行字符串化会引发以下错误：

Map mapTest = new HashMap();
				        mapTest.put("v1", "v2");
				        mapTest.put("v3", "v4");
 GWT.log(JSON.stringify(mapTest));

Uncaught TypeError: Converting circular structure to JSON

转换诸如ArrayList之类的Collection不会引发任何错误，但是会创建开发人员希望摆脱的其他JSON字段：

List test2 = new ArrayList();
				       
				       test2.add(record2);
				       test2.add(record);
 GWT.log(JSON.stringify(test2));

结果：

{"array_3_g$":[{"id":"1","date":"50","data":"90"},{"id":"1","date":"20","data":"30"}]}

GWT编译器出于某种原因添加了“ array_3_g $”，因此用户需要找到一种方法来将其删除以进行干净的转换，例如：

{[{"id":"1","date":"50","data":"90"},{"id":"1","date":"20","data":"30"}]}

到目前为止，Plain Arrays是唯一可以正确转换的结构。

带走

在这三种方法中，JsInterop似乎是处理JSON的最可行方法。目前主要关注的是处理诸如Collections和Maps之类的对象，这些对象需要开发人员进行进一步的手动处理。 Plain Arrays是目前唯一可以正确转换的结构，因此开发人员可以尝试简化或转换为Plain Arrays进行干净转换。

JavaScriptObject提供了自己的使用JsArray处理“列表”的方式。现在，gwt-jackson仍然是提供开箱即用的“收藏夹”和“地图”转换的唯一选项。