使用Spring从Angular表单中恢复数据

时间:2017-01-16 14:29:11

标签: java angularjs spring forms spring-mvc

几天后我遇到了问题。我确信这是非常基本的,但我无法找到解决方案。

我尝试将Angular表单发送的数据恢复为使用Spring的java方法。我的代码如下:

App.js

myController.prototype = {

    processForm : function processForm() {
        alert('foo!');
    },

    retrieveUrl : function retrieveUrl() {
        this.url.$ready = false;
        return this.http
            .post("/myURL", {data : this.formData})
            .then(function(response) {
               // do something
            }.bind(this), function(error) {
               // do something else
            }.bind(this));
    }
};

formData的值:

{data : 
   {"object1":
      {"prop1":"q",
      "prop2":"w"},
   "object2":
      {"prop3":"e",
      "prop4":"r"}
   }
}

我的Java代码:

@RequestMapping("/myURL")
    public void myController(@RequestBody  Form form) {
        System.out.println(form );
     }

我还有三个bean,Form,Object1和Object2,每个bean都有一个空的构造函数和相应的getter和setter。

今天,我进入myController,对象表单不是null,但它的两个字段(object1和object2)为null。所以,我猜Spring不明白它需要将数据表单转换为这两个对象。

编辑:

Thomas Pierre>这是我的Form bean的代码

public class Form {

    public Object1 object1;

    public Object2 object2;

    public Form(){}

    public Object1 getObject1() {
        return object1;
    }

    public void setObject1(Object1 object1) {
        this.object1 = object1;
    }

     public Object2 getObject2() {
        return object2;
    }

    public void setObject2(Object2 object2) {
        this.object2 = object2;
    }

    @Override
    public String toString(){
        return "BankForm [debitor = " + debtor +", bank = " + bank + "]";
    }
}
更新:“公共最终班级” - > “公共课”

我们不能使用Spring注释自动进行反序列化吗?

编辑2: 这是我的build.gradle文件:

buildscript {
	ext {
		springBootVersion = '2.0.0.BUILD-SNAPSHOT'
	}
	repositories {
		mavenCentral()
		maven { url "https://repo.spring.io/snapshot" }
		maven { url "https://repo.spring.io/milestone" }
	}
	dependencies {
		classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}")
	}
}

apply plugin: 'java'
apply plugin: 'idea'
apply plugin: 'org.springframework.boot'
// apply plugin: 'war'

jar {
	baseName = 'my-project'
	version = '0.0.1-SNAPSHOT'
}

sourceCompatibility = 1.8
targetCompatibility = 1.8

repositories {
	mavenCentral()
	maven { url "https://repo.spring.io/snapshot" }
	maven { url "https://repo.spring.io/milestone" }
}

configurations {
	providedRuntime
}

bootRun {
    // static classpath resources (i.e. in src/main/resources by default) are
    // reloadable in the live application
	addResources = true
}

dependencies {
    compile group: 'com.google.code.gson', name: 'gson', version: '1.7.2'
    compile("org.springframework.boot:spring-boot-starter-web") {
        exclude module: "spring-boot-starter-tomcat"
    }
    compile("org.springframework.boot:spring-boot-starter-jetty")
    providedRuntime("org.springframework.boot:spring-boot-starter-jetty")


	compileOnly('org.projectlombok:lombok')

    testCompile("junit:junit")

	testCompile('org.springframework.boot:spring-boot-starter-test')

}

Object1.java:

public class Object1 {

   public String prop1;

    public String prop2;

    public Object1(){}
  
    public void setProp1(String prop1) {
        this.prop1 = prop1;
    }

    public String getProp1() {
        return prop1;
    }

    public void setProp2(String prop2) {
        this.prop2 = prop2;
    }

    public String getProp2() {
        return prop2;
    }
}

Object2.java完全相同,只需更改数字即可。我检查了两次没有输入错误或Form的名称,Object1和Object2的字段和由Angular返回的formData中的名称之间的差异。

我通过重写我在Java中恢复的JSON犯了一个错误:有一种称为“数据”的“超级对象”,其中包含Object1和Object2。这不是问题吗?

2 个答案:

答案 0 :(得分:1)

您的表格类是最终的。我认为你使用杰克逊使用setter创建反序列化你的对象形式。由于它是最终的,杰克逊不能使用setter来设置objetct 1和object2。它们是空的

编辑: 不要设置你的豆类决赛

编辑2:

在角度应用中更新:

.post("/myURL", {data : this.formData})

使用:

.post("/myURL", this.formData)

此方法正在等待发送对象。通过放置{data:this.formData},您可以添加一个带有'数据的超级对象。 attribut。

答案 1 :(得分:0)

托马斯是对的。

但另一种方法可能是Gson序列化。

@RequestBody String string

在实施中我只做obj = new Gson().fromJson(string, type);