Gabungan rangka kerja Java dan rangka kerja Sudut hadapan

Jawapan: Rangka kerja bahagian belakang Java dan rangka kerja bahagian hadapan Sudut boleh disepadukan untuk menyediakan gabungan yang berkuasa untuk membina aplikasi web moden. Langkah: Buat projek backend Java, pilih kebergantungan Spring Web dan Spring Data JPA. Tentukan antara muka model dan repositori. Buat pengawal REST dan sediakan titik akhir. Buat projek Angular. Tambah pergantungan Java Boot Spring. Konfigurasikan CORS. Sepadukan Sudut dalam komponen Sudut. . Artikel ini akan memperkenalkan cara mengintegrasikan rangka kerja Java dan rangka kerja Sudut, termasuk kes praktikal Spring Boot dan Angular.

Langkah:

1. Buat projek backend Java

Buat projek Spring Boot menggunakan Spring Initializr, pilih dependensi berikut:

Spring Web

Data JPA

finition Model dan Repositori

• Buat entiti Produk dalam pakej model dan tentukan antara muka repositori ProductRepository.

3. Cipta pengawal REST

Buat ProductController dalam pakej pengawal dan sediakan titik akhir REST untuk berinteraksi dengan entiti Produk. . , tambahkan Ketergantungan Java Boot Spring:

ng new [project-name]

6. Konfigurasikan CORS

Dalam aplikasi Spring Boot, konfigurasikan Perkongsian Sumber Silang (CORS) dalam Konfigurasi Keselamatan Web:

"dependencies": {
  ...
  "spring-boot": "^2.6.6",
  ...
}

7 Komponen , gunakan titik akhir yang disediakan oleh perkhidmatan Spring Boot Java. Contoh berikut menunjukkan cara mendapatkan senarai produk daripada ProductController:

@Configuration
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.cors().and()
            ...
    }

}

Kes Praktikal: Spring Boot dan Angular

Kes praktikal ini mencipta aplikasi pengurusan produk yang mudah.

Backend:

Spring Boot digunakan untuk mencipta API RESTful untuk mengurus produk.

Halaman Depan: Sudut digunakan untuk mencipta antara muka pengguna yang membolehkan pengguna melihat dan mencipta produk.

Jalankan aplikasi:

Dalam projek Java, jalankan mvn spring-boot:run.

Dalam projek Angular, jalankan ng serve.

Aplikasi akan berjalan pada port yang dikonfigurasikan (8080 secara lalai). Anda boleh melihat senarai produk dengan melawati URL berikut: http://localhost:4200/products.

Atas ialah kandungan terperinci Gabungan rangka kerja Java dan rangka kerja Sudut hadapan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!