Implement an AngularJS front-end to a Spring back-end

Question

I have a Spring Boot back-end and need to implement an AngularJS(2) front-end to consume my REST API (both running on a single server). I'm a beginner but I haven't found a decent tutorial/demo to help me get started, considering that the following image is my project structure.

I don't know anyone can really help you.. this question is like "how can i make a spa using angular2 and spring" and it does not have a single answer... — Imal Hasaranga Perera
– Imal Hasaranga Perera, Commented Apr 11, 2017 at 7:20
there is no specific configuration required to get angular 2 with spring. all you need to do is make sure that your spring server deals with rest, and I suggest keeping both spring and angular2 as two separate projects hosted in same machine. — Imal Hasaranga Perera
– Imal Hasaranga Perera, Commented Apr 11, 2017 at 7:27

Ricardo Zorzo · Accepted Answer · 2017-04-11 08:10:29Z

1

I'd recommend to have a look at jhipster (https://jhipster.github.io/), it's a yeoman generator that gives you a very nice, clean and tested codebase mixing a spring api and an angular front end. You can set up a project pretty fast and learn a lot from it's structure.

answered Apr 11, 2017 at 8:10

Ricardo Zorzo

2991 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

xenteros · Accepted Answer · 2017-04-11 07:58:02Z

0

You should place the front-end in resources/public or resources/static or the third one which I don't remember.

Possible directory structure can be:

in resources/public.

You also should point to that folder in your pom.xml.

<build>
    <resources>
        <resource>
            <directory>${project.basedir}/src/main/resources</directory>
        </resource>
        <resource>
            <directory>${project.build.directory}/generated-resources</directory>
        </resource>
    </resources>
</build>

answered Apr 11, 2017 at 7:58

xenteros

15.9k12 gold badges59 silver badges93 bronze badges

Collectives™ on Stack Overflow

Implement an AngularJS front-end to a Spring back-end

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related