IntelliJ Projekt mit Frontend und Backend erstellen?

Hi,

ich habe vor ein neues Projekt zu starten und zwar eine Webanwendung mit Backend welche die DB Anfragen etc. macht.

Ich möchte als Frontend gerne Angular und als Backend das Spring Framework (Java) hernehmen.

Meine Frage ist jetzt, wie kann ich das Projekt in IntelliJ erstellten? Ich finde nur entweder Angular oder Spring aber kann nicht beides in ein Projekt packen.
Muss ich das händisch nachtragen, wenn ja wie?

Ich hoffe es ist verständlich was ich meine

Viele Grüße

2 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Java, Programmieren & Softwareentwicklung

05.02.2023, 19:20

Lege in IntelliJ erst dein Spring-Projekt (mit Maven/Gradle/o.ä.) an. In ein Unterverzeichnis dieses Projekts kannst du anschließend (mit Angular CLI) dein Angular-Projektverzeichnis ablegen.

Den Ausgabepfad von Angular (angular-cli.json: apps.outDir) solltest du anschließend noch anpassen, damit die Ausgabedateien im Webrootverzeichnis landen.

Den Buildprozess für Angular (ng build) kannst du wiederum in Maven/Gradle integrieren. Es gibt einige Webartikel, die sich mit einem möglichen Setup beschäftigen.

Zum Beispiel:

mompf03231

05.02.2023, 14:30

Kann IntelliJ überhaupt Angular? Das ist schließlich JS, nicht Java oder Kotlin

JustJohannes

Fragesteller

05.02.2023, 15:05

Ja, ich habe über die Firma die Ultimate Version, also ja angular ist möglich

Ähnliche Fragen

Angular(TS,html,css) Buch/Kurs?

Moin,

ich muss mir demnächst Angular aneignen, damit auch TS, html und css.

Basics von html und css kann ich, js geht so.
Gibt es einen Komplettkurs oder Buch, mit Angular inklusive als Framework fürs Frontend?
Am Besten ein Buch/Kurs, wo alles gedeckt ist.

...zur Frage

Nächste Schritte für Full Stack dev?

Hallo,

Ich bin auf der Suche nach einem genauen Weg oder Schritte die ich gehen kann nachdem ich mein ersten Full Stack Projekt mit Python Flask ( Backend) und Frontend ( plain HTML, CSS und JS) und Database mit MySQL fertig gecodet habe.

Was genau kann ich jetzt machen um weiter zu kommen. Mein Ziel ist es fähig zu sein komplette professionelle Websiten erstellen zu können die Industrie fähig sind, d.h. Für Firmen, restaurants etc. Oder halt einen job als Full Stack dev zu bekommen.

sollte ich anfangen ein CSS framework lernen, wie bootstrap oder tailwind, oder ist das nur für designer , pur Frontend devs wichtig.
Oder lieber Backend frameworks wie Node.js, oder frontend JS frameworks wir zb react.

Ich weiß einfach nicht genau wo ich weiter machen soll nachdem ich alle Grundlagen berherrsche.

...zur Frage

Ideen für ein Projekt mit Animation & Programmierung?

Ich suche eine Idee für ein Projekt, welches zum größten Teil zum Thema Animieren sein soll. Das erste, was mir in den Sinn gekommen ist, ist ein (Kurz)film. Beim Projekt sind wir 2-3 Leute und haben ca 1,5 Jahre Zeit. Es sollte jedoch zumindest ein Anteil an Programmieren dabei sein (Frontend + Backend).

...zur Frage

Content-Security-Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf xxx blockiert?

Hi, habe oben genannten Fehler, wenn die Regisrtrierungsseite aufgerufen wird! Da die Anwendung jedoch in TypeScript geschrieben ist, weiß ich nciht wie ich <meta> Tags übernehmen soll... Versuche, Fider aufzusetzen...

...zur Frage

Angular: Änderungen am Server?

Hallo ITler.

Ich habe mir überlegt meine Website zu überarbeiten und das mit Angular zu tun. Ich habe sie momentan mit PHP und einer SQLite DB umgesetzt. (Ich habe noch nie mit Angular gearbeitet - bitte verständliche Anfängerfreundliche Antworten)

Meine Fragen:

Kann ich eine DB ansteuern?
Gibt es eine Alternative Daten am Server über Angular zu ändern zb. DB / JSON

Was möchte ich machen:

Ich habe eine Seite auf der ich alle Lektionen aufliste und klickt man auf ein Listenelement so kommt man zur Lektion. Die Daten werden aus der DB abgefragt. Ich möchte von meiner Applikation neue Lektionen erstellen (+ Bilder hochladen) und Änderungen vornehmen.

Danke im voraus

...zur Frage

Wie verbinde ich pgAdmin4 (PostgreSQL) mit VSCode?

Hi,

ich erstelle gerade mit Angular und JavaSpring eine Webseite. Angular für das Frontend und Java fürs Backend. Das alles mach ich in der IDE VSCode.

Nun möchte ich noch eine Datenbank mit einbinden welche Informationen die ich in der Oberfläche eingebe abspeichert.

Zu meiner Frage.

Die Datenbank ist Local auf meinem Desktop und ich möchte über mein Programm gerne eine Verbindung zu der Datenbank herstellen um Daten auslesen und ändern zu können. Wie mach ich das? Kann mir da einer helfen?

...zur Frage

Angular Liste mit Objekten anderem Component übergeben?

Hi GuteFrage Community,

ich bin jetzt auch mal auf dieser Plattform gelandet und hier kommt auch schon meine erste Frage. :)

Ich hoffe mir kann jemand weiterhelfen.

Ordnerstruktur:
- components
  - autobahn
    - autobahn.component.ts
    - ...
  - autofolder
      - autofolder.component.ts
      - ...
- app.component.ts
- app.component.html
- app.module.ts
- ...
- model
- interface

Ich habe eine Liste mit Autos in der autobahn.component.ts File erstellt, welche alle auf der Autobahn sind. Nun möchte ich auf der Oberfläche neben der Autobahn (autobahn.component.html) einen Container (autofolder.component.html) welcher alle Autos die auf der Autobahn sind auflistet.
Die Liste ist vorhanden, nun muss ich aber diese Liste dem autofolder.component.ts irgendwie übergeben.

autobahn.component.ts:
(vereinfacht dargestellt)

private autoList: any = [];

public setAutos() {
  this.auto = new Auto();
  this.autoList.push(this.auto);
}

Die autofolder.component.ts ist noch leer. :)

Kann mir jemand schon mit den gegebenen Infos helfen? Wenn ihr mehr Infos braucht, bitte einfach melden.

Vielen Dank und Grüße. :)

...zur Frage

Welche Programmiersprache für Backend (Web)?

An alle Programmierer,

welche Programmiersprache verwendet ihr im Backend und welche würdet ihr empfehlen?

Ich weis das ist eine sehr diskutierte Frage, aber was würdet ihr empfehlen, um in Deutschland einen Job zu bekommen?

Wenn man mal auf YouTube schaut, sagen die meisten Java - nein, C# (.Net) - veraltet (sind aber auch amerikanische YouTuber, da läuft es gefühlt anders).

Die Empfehlung ist: nimm Python (Django oder Flask), Ruby, GO, etc. (eben die neuen Sprachen).

Vergleicht man das allerdings mit den aktuellen Job Angeboten z.B. Stepstone dann gibt es aktuell 14 Jobangebote in Deutschland für Django, also für mich ein klares nein diese Sprache weiter zu lernen (genau so für alle anderen Sprachen)...

Gefordert werden Java oder C# (oder auch PHP, aber die Firmen setzten dann meistens auf WordPress), das sind allerdings auch die Sprachen, die keiner aktuell empfiehlt, daher bin ich da im Zwiespalt.

Aktuell verwende ich im Backend Django mit AWS, Ubuntu 22.04, NGINX und Gunicorn. Allerdings verwendet keiner in Deutschland Django, daher mal die Frage: Was macht denn eigentlich wirklich Sinn zu lernen, was auch viele Unternehmen verwenden?

Denn laut den Jobangeboten ist Java an erster Stelle und dann kommt C# an zweiter Stelle, für alle weiteren gibt es dann kaum Angebote.

Mit Frontend Frameworks ist das ja ein ähnliches Problem, es gibt gefühlt wöchentlich neuen Frameworks, aber bei Bewerbungen werden Angular (die meisten Job Angebote), dann React.js, dann Vue.js gefordert. Über allen anderen Frameworks brauchen wir nicht reden, da gibt es so gut wie keine Angebote.

...zur Frage

Was kommt nach HTML > CSS >?

1.Html

2.Css

Wie sollte man weiter machen?

...zur Frage

Was lernen nach JavaScript Vanilla?

Nach den Basics wie If/Else, Schleifen, Variablen, Funktionen, HTML/CSS mit GetElementBy verändern, kleine Animationen, usw..

Ich habe auch schon vieles gemacht zum Üben. Wie kleinere Spiele oder Web Apps für mich selbst.

Welcher Schritt wäre am einfachsten und welcher wäre am sinnvollsten?

Ein Framework lernen? Wenn ja, welches (Vue, React, Angular)?
Direkt NodeJS fürs Backend?
Oder etwas wie SQL?
Eine zweite Programmiersprache vielleicht, wie PHP?
Typescript ?

...zur Frage

Welchen Techstack nutzt ihr als Web Developer im Beruf?

und was Techstack ihr. Front end backend fullstack ?

Angular Typescript node js mongo bootstrap oder sowas.
React js java scss
Vue js less php

Was für wichtige libraries nutzt ihr.

Und wenn es für euch ok ist, wo arbeitet ihr genau/ungefähr / welche branche.

Und wie lange/ welche position

Arbeitet ihr fest bei zb Meta oder Freiberuflich

(Kriegt ihr regelmässig aufträge von unternehmen oder kleinere durch fiverr)

...zur Frage

Angular: File fehlt?

Hallo! Ich bin mehr oder weniger Anfänger was Angular betrifft, deshalb mache ich gerade die „Tour Of Heroes“ von Angular.

Dabei sollte ich das FormsModule in app.module.ts importieren. App.Module.ts existiert bei mir aber nicht, weiß jemand warum? Wurde das bei neueren Versionen umbenannt oder so?

...zur Frage

React Fullstack mit welchem Backend?

Ich wollte NextJS lernen Fullstack React Framework aber ich stelle mir die Frage, mit was genau man das Ganze verwendet. In fast jedem YouTube-Video wird "Prisma" (davor noch nie gehört) mit einer anderen Datenbank genutzt, was das alles noch schwieriger macht.

Es gibt PostgreSQL, MongoDB, SQLite, usw..

Ich kenne normales SQL in Kombination mit PHP, aber die neuen modernen Sachen kenne ich nicht.

React und PHP harmonieren nicht so gut, es gibt auch wenig Online-Ressourcen und ich sehe da keine Zukunft für Stellenausschreibungen, weshalb ich diese Kombination gar nicht mehr nutzen will und backendseitig lieber von neu anfangen möchte. NextJS wäre bequem, da ich keine Router brauche, SSR habe, TS + Tailwind-Support.

Kann mir ein Fullstack-Entwickler von euch eine Roadmap empfehlen?

NextJS mit was als Datenbank, MERN-Stack vielleicht oder irgendwas anderes?

Ich bin bereit in Zukunft mehr zu lernen, aber erstmal einen Allrounder, in dem ich mein Wissen vertiefen kann.

...zur Frage

Was bedeutet diese Fehlermeldung? TypeScript?

ihr könnt euch sicher denken ich hab diese Variable nur 1x , und any sollte auch dafür sorgen das es keine Probleme gibt, wieso also so rot unterstrichen ?

Nutze VS Code als Code Editor

2 Frage:

wieso gibt der TypeScript Compiler bei dem hier :

69 document.querySelectorAll('.test')[i].style.backgroundColor="black"

Diese Fehlermeldung

app.ts:69:38 - error TS2339: Property 'style' does not exist on type 'Element'.

Warum sollte es kein style geben bei Type Element ?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen