Подключение угловых к бэкенду (playFrameworks) - PullRequest
Новая
       18

Подключение угловых к бэкенду (playFrameworks)

0 голосов
/ 06 декабря 2018

Недавно я столкнулся с проблемой, из-за которой на консоли выдается ошибка валидатора, когда я пытаюсь отправить что-то в форму.Я использую Angular 7 для отправки данных на сервер, который является playframeworks.Эта ошибка появляется, прежде чем я даже пытаюсь что-то отправить.На самом деле, как только я выбираю форму на панели навигации, появляется эта ошибка.Хотя IntelliJ не дает мне никаких ошибок, это происходит на консоли Google.И значения не анализируются на серверной части, поэтому я предполагаю, что где-то произошла ошибка.Вот код HTML 

[![enter image description here][1]][1]

 <div class="feedback-background" >
 <div class="feedback-content">
 <div class="close">+</div>
 <h3><u>Adding Items Section</u></h3>
 <form formGroup="page2form"  >


  Book Title:
  <input id="Name"  type="text" placeholder="Name" 
  formControlName="bookname"  >

  Author:
  <input id="Author" name="Author" type="text" placeholder="Author or 
  producer" formControlName="Authorname">

  ISBN ID :<br>
  <input id="isbnid"  name="isbnid" type="number" placeholder="ISBN" 
  formControlName="BookISBN">

  Date Published  :
  <input id="date" name="date" type="date" placeholder="Date Published" formControlName="publisheddate">

  Publisher Name  :
  <input id="publisher" name="publisher" type="text" placeholder="Publisher Name" formControlName="publishernm">

  No Of Pages  :
  <input id="noOfPages" name="noofpages" type="number" placeholder="No Of Pages" formControlName="noofpages">

  Price :
  <input id="price" name="price" type="text" placeholder="Price" formControlName="price">


  <input type="submit"  id="submit" (submit)="addchosenBook()" value="Add Books" >
  <input type="reset"  id= "reset"   style="width:83px" value="Clear " >
</form>

heres component.ts 

   import { Component, OnInit } from '@angular/core';
   import {HttpClient} from "@angular/common/http";
   import {AppService} from "../app.service";
   import {FormControl, FormGroup, FormsModule, ReactiveFormsModule, 
   Validators} from "@angular/forms";

 @Component({
 selector: 'app-page2',
 templateUrl: './page2.component.html',
 styleUrls: ['./page2.component.css']
 })
 export class Page2Component implements OnInit {
 page2form :FormGroup;
 private page2link ='/api/page2'
 constructor(private http:HttpClient,private appService:AppService) { }

  ngOnInit() {
  this.page2form= new FormGroup({
  bookname : new FormControl('',Validators.required),
  Authorname: new FormControl('',Validators.required),
  BookISBN : new FormControl('',Validators.required),
  publisheddate : new FormControl('',Validators.required),
  publishernm : new FormControl('',Validators.required),
  noofpages : new FormControl('',Validators.required),
  price : new FormControl('',Validators.required),
  });
  }

  addchosenBook() {
  let books =JSON.stringify(this.page2form.value);
  this.appService.sendData(this.page2link,books).subscribe();
  console.log(this.page2form);
}

}

Вот серверная часть javacode playframework 

    public Result addBooks() {
    System.out.println(request().body().asText());
    JsonNode jsonNode = Json.toJson(new AppSummary("Book Added 
    Successfully"));
    JsonNode json =Json.parse(request().body().asText());
    String bktitle= json.get("bookname").asText();
    String authname= json.get("Authorname").asText();
    int bkisbn= Integer.parseInt((json.get("BookISBN").asText()));
    String publisher=(json.get("publishernm")).asText();
    int noOfPages=(json.get("noofpages")).asInt();
    DateTime pubDate = new DateTime();

    LibraryItem b1= new 
    Book(bktitle,pubDate,bkisbn,authname,publisher,noOfPages);

    System.out.println("ISBN : "+bkisbn);

    return ok(jsonNode).as("application/json");
   }

Я пыталсяраспечатать внутренние значения с помощью system.out.print (bkisbn), но он ничего не печатал обратно, поэтому я уверен, что где-то произошла ошибка.

...