Java Angular 2和Spring之间的数据流_Java_Spring_Angular

Java Angular 2和Spring之间的数据流

java spring angular

Java Angular 2和Spring之间的数据流,java,spring,angular,Java,Spring,Angular,我即将开始我的第一个真正的工作项目（新毕业生），我的任务是为公司创建一个内部通讯簿（显示姓名、电话分机号码、电子邮件等）我的导师告诉我，我需要从Active Directory中提取地址数据他还告诉我，前端需要使用Angular 2，后端需要使用Spring。我仍然需要学习这些框架，但他意识到这正是他给我这个任务的原因然而，我很难理解框架之间的数据流这就是我目前的想法如果有人能解释一下图表的对/错，或者解释一下数据在这样一个项目中是如何流动的。我更愿意用更具体的问题来打扰我的导师。你

我即将开始我的第一个真正的工作项目（新毕业生），我的任务是为公司创建一个内部通讯簿（显示姓名、电话分机号码、电子邮件等）

我的导师告诉我，我需要从Active Directory中提取地址数据

他还告诉我，前端需要使用Angular 2，后端需要使用Spring。我仍然需要学习这些框架，但他意识到这正是他给我这个任务的原因

然而，我很难理解框架之间的数据流

这就是我目前的想法

如果有人能解释一下图表的对/错，或者解释一下数据在这样一个项目中是如何流动的。我更愿意用更具体的问题来打扰我的导师。

你的“转换成有用的格式”不会自行发生。你需要一个控制器层。休息控制器要精确

AngularJS 2可以轻松地与REST一起工作。您可以使用SpringMVC创建可以生成JSON响应的REST控制器

例如，您可以有一个端点

GET /contacts/data

哪个会回来

[
    {"name":"ABC",
     "email":"someone@abc.com",
     "telephone":"0101010101"
    },
    ...
]

接下来的春天将是一个很好的起点，尽管它谈到了Angularjs 1。

您的“转换为有用的格式”不会单独发生。你需要一个控制器层。休息控制器要精确

AngularJS 2可以轻松地与REST一起工作。您可以使用SpringMVC创建可以生成JSON响应的REST控制器

例如，您可以有一个端点

GET /contacts/data

哪个会回来

[
    {"name":"ABC",
     "email":"someone@abc.com",
     "telephone":"0101010101"
    },
    ...
]

接下来的Spring将是一个很好的起点，尽管它讨论的是Angularjs 1。

只需使用Spring创建一个REST服务，将数据作为JSON返回即可。您可以在服务器端使用一个简单的POJO，Spring转换器应该将其转换为JSON。也许像

@RestController
public class EmployeesController {

    @Autowired
    private LdapService service;

    @RequestMapping(value = "/employees/{empId}")
    public Employee getEmployee(@PathVariable("empId") Long empId) {
        Employee emp = ldapService.getEmployee(empId);
        return emp;
    }
}

class Employee {
  // employee properties
}

@Injectable()
class EmployeeService {
  constructor(private http: Http) {}

  getEmployee(empId: number): Observable<Employee> {
    return this.http.get(`${empBaseUrl}/${empId}`)
      .map(res => res.json() as Employee)
  }
}

使用Spring，它应该在出站响应中将

Employee

对象转换为JSON（假设您配置了JSON转换器）

在Angular中，只需向端点发出一个简单的

Http

请求，您就会得到JSON，您可以将其转换为客户端的

Employee

对象。也许像

@RestController
public class EmployeesController {

    @Autowired
    private LdapService service;

    @RequestMapping(value = "/employees/{empId}")
    public Employee getEmployee(@PathVariable("empId") Long empId) {
        Employee emp = ldapService.getEmployee(empId);
        return emp;
    }
}

class Employee {
  // employee properties
}

@Injectable()
class EmployeeService {
  constructor(private http: Http) {}

  getEmployee(empId: number): Observable<Employee> {
    return this.http.get(`${empBaseUrl}/${empId}`)
      .map(res => res.json() as Employee)
  }
}

class员工{
//员工财产
}
@可注射（）
班级雇员服务{
构造函数（私有http:http）{}
getEmployee（empId:number）：可观察{
返回此.http.get（`${empBaseUrl}/${empId}`）
.map（res=>res.json（）作为雇员）
}
}

在这里，在服务中，您向服务器上的员工端点发出

Http

请求，并将结果作为JSON返回，然后使用

res.JSON（）

将其转换为对象，并将其强制转换为

employee

差不多就是这样。

只需使用Spring创建一个REST服务，以JSON的形式返回数据。您可以在服务器端使用一个简单的POJO，Spring转换器应该将其转换为JSON。也许像

@RestController
public class EmployeesController {

    @Autowired
    private LdapService service;

    @RequestMapping(value = "/employees/{empId}")
    public Employee getEmployee(@PathVariable("empId") Long empId) {
        Employee emp = ldapService.getEmployee(empId);
        return emp;
    }
}

class Employee {
  // employee properties
}

@Injectable()
class EmployeeService {
  constructor(private http: Http) {}

  getEmployee(empId: number): Observable<Employee> {
    return this.http.get(`${empBaseUrl}/${empId}`)
      .map(res => res.json() as Employee)
  }
}