This project is based on Angular Tutorial and it's integration with Spring Boot Project
Project makes use of below plugin for build
- maven clean plugin : clears target and static folder
- maven frontend plugin : used for installation of NPM, Node and Angular CLI and execution of related task during build.
- spring boot plugin : used for fat jar creation and live reload during development
Project demonstrates few of the basic feature of a Angular App which are list below
- Angular Component
- Angular FormsModule : for two way binding
- Angular RouteModule : for routing with in application
- Angular HttpClientModule : for communication with backend HTTP service
- Angular Service : How to create service for backend communication and dependency Injection of such services
- Intellij Idea or Eclipse
- Microsoft VS Code : with below Plugins
- Angular Language Service
- Angular5 TypeScript Highlight
- ESLint
- HTML Snippets
- Node.js Modules Intellisense
- npm & npm intellisense
- TSLint
- Live Reload Plugin for Chorme / Firefox
Run below commands on the project root.
- install :
mvn clean install
$ cd src/main/client
$ npm run build
Then move to the project root,
- run :
mvn clean spring-boot:run
- Start application using spring boot , this also starts a livereload server within JVM.
- Excute
npm run build-devon src/main/client directory. this will watch for any changes in frontend project and compile them and move to static directory - Enable LiveReload extension in Chrome / FireFox
If you use eclipse and run from Run As > Spring Boot App,
when you change the Angular files, it may be changed and pages will not be updated. In this case, you should refresh the entire project files.
Even though you do this, the pages will not be updated, you should replace the files manually in the following manner.
move src/main/static files to target/classes/static.
Or use the plugin like FileSync.
As Spring Boot's default, and setting on application.properties, username: user password: password