Отправка данных клиент-сервер

@AnnaJM · Регистрация: 14.02.2016

Студворк — интернет-сервис помощи студентам

Всем привет

!

Разрабатываю приложение, где пользователь может забронировать футбольное поле для предстоящей "встречи". Проблема в том я хочу получить данные о встречи на сервер чтобы потом сохранить их в базе данных, но видимо где то ошибка в коде так как в ответе от сервера я получаю просто {}

. Т е никакя информация не отправляется с клиента на сервер . Где я делаю ошибку ?

Клиент:

Здесь пользователь приложения создает активитет :

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
  constructor(public navCtrl: NavController, public navParams: NavParams, public modalCtrl: ModalController, public alertCtrl: AlertController, public activityService: ActivityService) {
  }
 
 // console.log(navParams.get('val'));
 
 addActivity() {
  let modal = this.modalCtrl.create('EventModalPage', {selectedDay: this.selectedDay});
  modal.present();
  modal.onDidDismiss(data => {
    if (data) {
      let activityData = data;
 
      activityData.startTime = new Date(data.startTime);
      activityData.endTime = new Date(data.endTime);
 
      let id = this.navParams.get('id');
      console.log(id);
 
      let activities = this.eventSource;
      activities.push(activityData);
      console.log(activityData);
      this.activityService.addActivity(id, activityData);
      this.eventSource = [];
      setTimeout(() => {
        this.eventSource = activities;
      });
    }
  });
}

Подключение клиентa к Апи

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import {Injectable} from '@angular/core';
import {Observable} from 'rxjs';
import {HttpClient} from '@angular/common/http';
import {DateTime} from 'ionic-angular';
 
@Injectable()
export class ActivityService {
  //public API = 'https://pvt.dsv.su.se/Group02';
  public API = 'http://localhost:8080';
  public ACTIVITY_API = this.API;
 
  constructor(public http: HttpClient) {
 
  }
 
  getAllActivities(): Observable<any> {
    return this.http.get(this.API + "/field/" + "activity/",);
  }
 
  addActivity(id, activitydata): Observable<any> {
    return this.http.post(this.API + "/field/" + id + "/activity/", activitydata);
  }
 
  getActivityByID(): Observable<any> {
    return this.http.get(this.API + "/field/" + "activity/", {});
  }
 
}

Сервер:

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
package sportlights;
 
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;
import java.util.Date;
 
@Entity // This tells Hibernate to make a table out of this class
public class Activity {
  @Id @GeneratedValue private Integer id;
 
  private Long fieldId; // To identify the field for this activity
  private String title;
  private String description;
  private Date startTime;
  private Date endTime;
  private boolean allDay;
 
  public boolean isAllDay() {
    return allDay;
  }
 
  public void setAllDay(boolean allDay) {
    this.allDay = allDay;
  }
 
  public Integer getId() {
    return id;
  }
 
  public void setId(Integer id) {
    this.id = id;
  }
 
  public Long getFieldId() {
    return fieldId;
  }
 
  public void setFieldId(Long fieldId) {
    this.fieldId = fieldId;
  }
 
  public String getTitle() {
    return title;
  }
 
  public void setTitle(String title) {
    this.title = title;
  }
 
  public String getDescription() {
    return description;
  }
 
  public void setDescription(String description) {
    this.description = description;
  }
 
  public Date getStartTime() {
    return startTime;
  }
 
  public void setStartTime(Date startTime) {
    this.startTime = startTime;
  }
 
  public Date getEndTime() {
    return endTime;
  }
 
  public void setEndTime(Date endTime) {
    this.endTime = endTime;
  }
 
  @Override
  public String toString() {
    String string = "Activity{" + "id=" + id + '\'' + '}';
    return string;
    }
}

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 @RequestMapping(value = "/field/{id}/activity", method = RequestMethod.GET)
  public @ResponseBody Iterable<Activity> getAllActivities(@PathVariable("id") Long id) {
    return activityRepository.getByFieldId(id);
  }
 
  @RequestMapping(value = "/field/{id}/activity/{aid}", method = RequestMethod.GET)
  public @ResponseBody Activity getActivityByID(
      @PathVariable("id") Long id, @PathVariable("aid") Long aid) {
    // ignore field id, as its name is already in the activity structure
    return activityRepository.findById(aid).get();
  }
 
  @RequestMapping(value = "/field/{id}/activity/add", method = RequestMethod.POST)
  public @ResponseBody String addActivity(
      @PathVariable("id") Long id,
      @RequestBody String title,
      @RequestBody String description,
      @RequestBody Date startTime,
      @RequestBody Date endTime,
      @RequestBody Boolean allDay) {
 
    Activity a = new Activity();
    a.setFieldId(getFieldByID(id).getId());
    a.setTitle(title);
    a.setDescription(description);
    a.setStartTime(startTime);
    a.setEndTime(endTime);
    a.setAllDay(allDay);
    activityRepository.save(a);
    return "Saved";
  }

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .