├── .editorconfig ├── .gitignore ├── .travis.yml ├── LICENSE.txt ├── README.adoc ├── angular2-ui ├── LICENSE ├── README.md ├── build.gradle ├── package.json ├── src │ ├── app │ │ ├── AppModule.ts │ │ ├── components │ │ │ ├── app │ │ │ │ ├── AppComponent.ts │ │ │ │ ├── app.css │ │ │ │ └── app.html │ │ │ ├── dashboard │ │ │ │ ├── DashboardComponent.ts │ │ │ │ ├── dashboard.css │ │ │ │ └── dashboard.html │ │ │ ├── hero-details │ │ │ │ ├── HeroDetailComponent.ts │ │ │ │ ├── hero-detail.css │ │ │ │ └── hero-detail.html │ │ │ └── heros │ │ │ │ ├── HeroesComponent.ts │ │ │ │ ├── heroes.css │ │ │ │ └── heroes.html │ │ ├── domain │ │ │ └── Hero.ts │ │ ├── routing │ │ │ └── AppRoutes.ts │ │ └── services │ │ │ └── HeroesService.ts │ ├── custom-typings.d.ts │ ├── favicon.ico │ ├── index.html │ ├── main.browser.ts │ ├── polyfills.browser.ts │ ├── styles.css │ └── vendor.browser.ts ├── tsconfig.json ├── typings.json └── webpack.config.js ├── build.gradle ├── docs └── tutorial.JPG ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── settings.gradle └── spring-boot-server ├── build.gradle └── src ├── main ├── kotlin │ └── io │ │ └── github │ │ └── robwin │ │ ├── Application.kt │ │ └── web │ │ ├── controller │ │ └── HerosController.kt │ │ ├── dto │ │ └── HeroesResponse.kt │ │ ├── entity │ │ └── Hero.kt │ │ ├── exception │ │ └── HeroNotFoundException.kt │ │ └── repository │ │ └── HeroesRepository.kt └── resources │ ├── application.yml │ ├── db │ └── migration │ │ └── V1__INIT_DB.sql │ ├── logback-spring.xml │ └── static │ ├── favicon.ico │ ├── index.html │ └── styles.css └── test ├── kotlin └── io │ └── github │ └── robwin │ └── web │ └── controller │ └── HeroesControllerTest.kt └── resources └── logback-test.xml /.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | 3 | root = true 4 | 5 | [*] 6 | charset = utf-8 7 | indent_style = space 8 | indent_size = 2 9 | end_of_line = lf 10 | insert_final_newline = true 11 | trim_trailing_whitespace = true 12 | 13 | [*.md] 14 | insert_final_newline = false 15 | trim_trailing_whitespace = false -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | target 2 | .classpath 3 | .project 4 | .settings 5 | .idea 6 | *.iml 7 | .gradle 8 | build 9 | native/ 10 | caches/ 11 | .sonar 12 | angular2-ui/node 13 | node_modules 14 | dist 15 | npm-debug.log 16 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: java 2 | jdk: 3 | - oraclejdk8 4 | before_install: 5 | - chmod +x gradlew 6 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "{}" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright {yyyy} {name of copyright owner} 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | 203 | -------------------------------------------------------------------------------- /README.adoc: -------------------------------------------------------------------------------- 1 | = Spring Boot, AngularJS 2, Kotlin demo 2 | 3 | This is a demo which shows how to use Spring Boot, Spring Data JPA and AngularJS 2. 4 | The demo is an implementation of Angular's Tour of Heroes tutorial. The demo is written in Kotlin and TypeScript. 5 | 6 | The Heroes are stored in an in-memory H2 database. The H2 schema is managed by Flyway. 7 | 8 | You can start the Angular2 App and access it on `http://localhost:3000`: 9 | 10 | `gradlew npmStartServer` 11 | 12 | You can start the Spring Boot App and access it on `http://localhost:8090`: 13 | 14 | `gradlew bootRun` 15 | 16 | Webpack proxies the HTTP requests from Angular2 to Spring Boot so that there is no need for Cross-Origin Resource Sharing (CORS). 17 | 18 | You can package the Spring Boot App and Angular2 App into one Jar file: 19 | 20 | `gradlew build` 21 | 22 | The Angular2 App is served as static content under `http://localhost:8090/index.html`, when you start the application: 23 | 24 | `java -jar spring-boot-server-0.1.0.jar` 25 | 26 | TODOs: 27 | 28 | - [x] Implement Angular's Tour of Heroes tutorial 29 | - [x] Add Angular2 app as a static resource to the Spring Boot app 30 | - Implement authentication/authorization with Spring Security and JWT Tokens 31 | 32 | == Angular's Tour of Heroes 33 | 34 | image:docs/tutorial.JPG[] 35 | -------------------------------------------------------------------------------- /angular2-ui/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License 2 | 3 | Copyright (c) 2015-2016 Google, Inc. 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /angular2-ui/README.md: -------------------------------------------------------------------------------- 1 | ## angular2-seed 2 | 3 | A simple starter project demonstrating the basic concepts of Angular 2. 4 | 5 | 6 | ### Usage 7 | - Clone or fork this repository 8 | - Make sure you have [node.js](https://nodejs.org/) installed version 5+ 9 | - Make sure you have NPM installed version 3+ 10 | - `WINDOWS ONLY` run `npm install -g webpack webpack-dev-server typescript` to install global dependencies 11 | - run `npm install` to install dependencies 12 | - run `npm start` to fire up dev server 13 | - open browser to [`http://localhost:3000`](http://localhost:3000) 14 | - if you want to use other port, open `package.json` file, then change port in `--port 3000` script 15 | -------------------------------------------------------------------------------- /angular2-ui/build.gradle: -------------------------------------------------------------------------------- 1 | plugins { 2 | id "com.moowork.node" version "0.13" 3 | } 4 | 5 | apply plugin: 'java' 6 | 7 | // configure gradle-node-plugin 8 | node { 9 | version = '6.5.0' 10 | npmVersion = '3.10.7' 11 | // If true, it will download node using above parameters. 12 | // If false, it will try to use globally installed node. 13 | download = true 14 | workDir = file("${project.projectDir}/node") 15 | } 16 | task compileTypeScript(type: NpmTask) { 17 | // install the express package only 18 | args = ['run-script', "tsc"] 19 | } 20 | 21 | // clean node/node_modules/dist 22 | task npmClean(type: Delete, group: 'node') { 23 | final def webDir = "${project.projectDir}" 24 | //delete "${webDir}/node" 25 | //delete "${webDir}/node_modules" 26 | delete "${webDir}/dist" 27 | } 28 | 29 | clean.dependsOn(npmClean) 30 | 31 | task npmStart(type: NpmTask) { 32 | args = ['start'] 33 | group = "node" 34 | dependsOn("npmInstall") 35 | } 36 | 37 | task npmBuild(type: NpmTask) { 38 | args = ['run', 'build'] 39 | group = "node" 40 | dependsOn("npmInstall") 41 | } 42 | 43 | jar { 44 | dependsOn("npmBuild") 45 | from(fileTree("dist")) { 46 | into "META-INF/resources" 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /angular2-ui/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "springboot-angular2-kotlin-demo", 3 | "version": "0.1.0", 4 | "description": "A Spring Boot, Angular2, Kotlin demo", 5 | "scripts": { 6 | "build": "webpack --inline --colors --progress --display-error-details --display-cached", 7 | "watch": "npm run build -- --watch", 8 | "server": "webpack-dev-server --inline --colors --progress --display-error-details --display-cached --port 3000 --content-base src", 9 | "start": "npm run server", 10 | "postinstall": "typings install", 11 | "tsc": "tsc", 12 | "tsc:w": "tsc -w", 13 | "typings": "typings" 14 | }, 15 | "contributors": [ 16 | "Robert Winkler" 17 | ], 18 | "license": "Apache-2.0", 19 | "devDependencies": { 20 | "@types/core-js": "^0.9.32", 21 | "@types/node": "^6.0.38", 22 | "angular2-template-loader": "^0.4.0", 23 | "awesome-typescript-loader": "^1.1.1", 24 | "css-loader": "^0.23.1", 25 | "raw-loader": "^0.5.1", 26 | "to-string-loader": "^1.1.4", 27 | "typescript": "^2.0.2", 28 | "webpack": "^1.13.1", 29 | "webpack-dev-server": "^1.14.0", 30 | "webpack-merge": "^0.8.4", 31 | "typings": "^1.3.2" 32 | }, 33 | "dependencies": { 34 | "@angular/common": "2.0.0", 35 | "@angular/compiler": "2.0.0", 36 | "@angular/core": "2.0.0", 37 | "@angular/forms": "2.0.0", 38 | "@angular/http": "2.0.0", 39 | "@angular/platform-browser": "2.0.0", 40 | "@angular/platform-browser-dynamic": "2.0.0", 41 | "@angular/platform-server": "2.0.0", 42 | "@angular/router": "3.0.0", 43 | "@angular/upgrade": "2.0.0", 44 | "angular2-in-memory-web-api": "0.0.20", 45 | "bootstrap": "^3.3.7", 46 | "core-js": "^2.4.1", 47 | "ie-shim": "^0.1.0", 48 | "reflect-metadata": "^0.1.3", 49 | "rxjs": "5.0.0-beta.12", 50 | "zone.js": "~0.6.23" 51 | }, 52 | "keywords": [ 53 | "Angular2", 54 | "angular2-seed", 55 | "official angular 2 seed", 56 | "official angular2 seed" 57 | ], 58 | "repository": { 59 | "type": "git", 60 | "url": "git+https://github.com/angular/angular2-seed.git" 61 | }, 62 | "bugs": { 63 | "url": "https://github.com/angular/angular2-seed/issues" 64 | }, 65 | "homepage": "https://github.com/angular/angular2-seed#readme" 66 | } 67 | -------------------------------------------------------------------------------- /angular2-ui/src/app/AppModule.ts: -------------------------------------------------------------------------------- 1 | //Imports 2 | import {NgModule} from '@angular/core' 3 | import {RouterModule} from "@angular/router"; 4 | import {FormsModule} from "@angular/forms"; 5 | import {BrowserModule} from "@angular/platform-browser"; 6 | import {HttpModule} from "@angular/http"; 7 | //Declarations 8 | import {AppRoutes} from "./routing/AppRoutes"; 9 | import {AppComponent} from "./components/app/AppComponent"; 10 | import {HeroDetailComponent} from "./components/hero-details/HeroDetailComponent"; 11 | import {DashboardComponent} from "./components/dashboard/DashboardComponent"; 12 | import {HeroesComponent} from './components/heros/HeroesComponent'; 13 | import {HeroesService} from './services/HeroesService'; 14 | 15 | @NgModule({ 16 | declarations: [AppComponent, HeroDetailComponent, HeroesComponent, DashboardComponent], 17 | imports : [BrowserModule, FormsModule, HttpModule, RouterModule.forRoot(AppRoutes)], 18 | providers: [HeroesService], 19 | bootstrap : [AppComponent] 20 | }) 21 | export class AppModule { 22 | 23 | } 24 | -------------------------------------------------------------------------------- /angular2-ui/src/app/components/app/AppComponent.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | selector : 'app', 5 | styleUrls: ['./app.css'], 6 | templateUrl: './app.html', 7 | }) 8 | export class AppComponent { 9 | title = 'Tour of Heroes'; 10 | } 11 | -------------------------------------------------------------------------------- /angular2-ui/src/app/components/app/app.css: -------------------------------------------------------------------------------- 1 | h1 { 2 | font-size: 1.2em; 3 | color: #999; 4 | margin-bottom: 0; 5 | } 6 | h2 { 7 | font-size: 2em; 8 | margin-top: 0; 9 | padding-top: 0; 10 | } 11 | nav a { 12 | padding: 5px 10px; 13 | text-decoration: none; 14 | margin-top: 10px; 15 | display: inline-block; 16 | background-color: #eee; 17 | border-radius: 4px; 18 | } 19 | nav a:visited, a:link { 20 | color: #607D8B; 21 | } 22 | nav a:hover { 23 | color: #039be5; 24 | background-color: #CFD8DC; 25 | } 26 | nav a.active { 27 | color: #039be5; 28 | } 29 | -------------------------------------------------------------------------------- /angular2-ui/src/app/components/app/app.html: -------------------------------------------------------------------------------- 1 |
2 |

{{title}}

3 | 7 | 8 |
9 | -------------------------------------------------------------------------------- /angular2-ui/src/app/components/dashboard/DashboardComponent.ts: -------------------------------------------------------------------------------- 1 | import {Component, OnInit, OnDestroy} from '@angular/core'; 2 | import {Router} from '@angular/router'; 3 | 4 | import {Hero} from '../../domain/Hero'; 5 | import {HeroesService} from '../../services/HeroesService'; 6 | 7 | @Component({ 8 | selector: 'dashboard', 9 | styleUrls: ['./dashboard.css'], 10 | templateUrl: './dashboard.html', 11 | providers: [HeroesService] 12 | }) 13 | export class DashboardComponent implements OnInit { 14 | 15 | heroes: Hero[] = []; 16 | 17 | constructor(private heroesService: HeroesService, 18 | private router: Router) { } 19 | 20 | ngOnInit(): void { 21 | this.heroesService.getHeroes() 22 | .then(heroes => this.heroes = heroes.slice(0, 4)); 23 | } 24 | 25 | gotoDetail(hero: Hero): void { 26 | let link = ['/detail', hero.id]; 27 | this.router.navigate(link); 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /angular2-ui/src/app/components/dashboard/dashboard.css: -------------------------------------------------------------------------------- 1 | [class*='col-'] { 2 | float: left; 3 | } 4 | *, *:after, *:before { 5 | -webkit-box-sizing: border-box; 6 | -moz-box-sizing: border-box; 7 | box-sizing: border-box; 8 | } 9 | h3 { 10 | text-align: center; margin-bottom: 0; 11 | } 12 | [class*='col-'] { 13 | padding-right: 20px; 14 | padding-bottom: 20px; 15 | } 16 | [class*='col-']:last-of-type { 17 | padding-right: 0; 18 | } 19 | .grid { 20 | margin: 0; 21 | } 22 | .col-1-4 { 23 | width: 25%; 24 | } 25 | .module { 26 | padding: 20px; 27 | text-align: center; 28 | color: #eee; 29 | max-height: 120px; 30 | min-width: 120px; 31 | background-color: #607D8B; 32 | border-radius: 2px; 33 | } 34 | h4 { 35 | position: relative; 36 | } 37 | .module:hover { 38 | background-color: #EEE; 39 | cursor: pointer; 40 | color: #607d8b; 41 | } 42 | .grid-pad { 43 | padding: 10px 0; 44 | } 45 | .grid-pad > [class*='col-']:last-of-type { 46 | padding-right: 20px; 47 | } 48 | @media (max-width: 600px) { 49 | .module { 50 | font-size: 10px; 51 | max-height: 75px; } 52 | } 53 | @media (max-width: 1024px) { 54 | .grid { 55 | margin: 0; 56 | } 57 | .module { 58 | min-width: 60px; 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /angular2-ui/src/app/components/dashboard/dashboard.html: -------------------------------------------------------------------------------- 1 |

Top Heroes

2 |
3 |
4 |
5 |

{{hero.name}}

6 |
7 |
8 |
9 | -------------------------------------------------------------------------------- /angular2-ui/src/app/components/hero-details/HeroDetailComponent.ts: -------------------------------------------------------------------------------- 1 | import {Component, Input, OnInit, OnDestroy} from '@angular/core'; 2 | import {ActivatedRoute, Params} from '@angular/router'; 3 | 4 | import {HeroesService} from '../../services/HeroesService'; 5 | import {Hero} from '../../domain/Hero'; 6 | 7 | @Component({ 8 | selector: 'hero-detail', 9 | styleUrls: ['./hero-detail.css'], 10 | templateUrl: './hero-detail.html', 11 | providers: [HeroesService] 12 | }) 13 | export class HeroDetailComponent implements OnInit{ 14 | @Input() 15 | hero: Hero; 16 | 17 | constructor(private heroesService: HeroesService, 18 | private route: ActivatedRoute) { } 19 | 20 | ngOnInit(): void { 21 | this.route.params.forEach((params: Params) => { 22 | let id = parseInt(params['id']); 23 | this.heroesService.getHero(id) 24 | .then(hero => this.hero = hero); 25 | }); 26 | } 27 | 28 | goBack(): void { 29 | window.history.back(); 30 | } 31 | 32 | save(): void { 33 | this.heroesService.update(this.hero) 34 | .then(this.goBack); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /angular2-ui/src/app/components/hero-details/hero-detail.css: -------------------------------------------------------------------------------- 1 | label { 2 | display: inline-block; 3 | width: 3em; 4 | margin: .5em 0; 5 | color: #607D8B; 6 | font-weight: bold; 7 | } 8 | input { 9 | height: 2em; 10 | font-size: 1em; 11 | padding-left: .4em; 12 | } 13 | button { 14 | margin-top: 20px; 15 | font-family: Arial; 16 | background-color: #eee; 17 | border: none; 18 | padding: 5px 10px; 19 | border-radius: 4px; 20 | cursor: pointer; cursor: hand; 21 | } 22 | button:hover { 23 | background-color: #cfd8dc; 24 | } 25 | button:disabled { 26 | background-color: #eee; 27 | color: #ccc; 28 | cursor: auto; 29 | } 30 | -------------------------------------------------------------------------------- /angular2-ui/src/app/components/hero-details/hero-detail.html: -------------------------------------------------------------------------------- 1 |
2 |

{{hero.name}} details!

3 |
{{hero.id}}
4 |
5 | 6 | 7 |
8 | 9 | 10 |
11 | -------------------------------------------------------------------------------- /angular2-ui/src/app/components/heros/HeroesComponent.ts: -------------------------------------------------------------------------------- 1 | import {Component, OnInit, OnDestroy} from '@angular/core'; 2 | import {Router} from '@angular/router'; 3 | 4 | import {Hero} from '../../domain/Hero'; 5 | import {HeroesService} from '../../services/HeroesService'; 6 | 7 | 8 | @Component({ 9 | selector: 'heros', 10 | styleUrls: ['./heroes.css'], 11 | templateUrl: './heroes.html', 12 | providers: [HeroesService] 13 | }) 14 | export class HeroesComponent implements OnInit, OnDestroy{ 15 | // vars 16 | hero: Hero = { 17 | id: 1, 18 | name: 'Windstorm' 19 | }; 20 | 21 | heroes: Hero[]; 22 | 23 | selectedHero: Hero; 24 | 25 | // constructor 26 | constructor(private heroesService: HeroesService, 27 | private router: Router) { } 28 | 29 | 30 | onSelect(hero: Hero): void { 31 | this.selectedHero = hero; 32 | } 33 | 34 | gotoDetail(): void { 35 | this.router.navigate(['/detail', this.selectedHero.id]); 36 | } 37 | 38 | add(name: string): void { 39 | name = name.trim(); 40 | if (!name) { return; } 41 | this.heroesService.create(name) 42 | .then(hero => { 43 | this.heroes.push(hero); 44 | this.selectedHero = null; 45 | }); 46 | } 47 | 48 | delete(hero: Hero): void { 49 | this.heroesService 50 | .delete(hero.id) 51 | .then(() => { 52 | this.heroes = this.heroes.filter(h => h !== hero); 53 | if (this.selectedHero === hero) { this.selectedHero = null; } 54 | }); 55 | } 56 | 57 | // on-init 58 | ngOnInit() { 59 | this.heroesService.getHeroes().then(heroes => this.heroes = heroes); 60 | } 61 | 62 | // on-destroy 63 | ngOnDestroy() { 64 | 65 | } 66 | } 67 | -------------------------------------------------------------------------------- /angular2-ui/src/app/components/heros/heroes.css: -------------------------------------------------------------------------------- 1 | .selected { 2 | background-color: #CFD8DC !important; 3 | color: white; 4 | } 5 | .heroes { 6 | margin: 0 0 2em 0; 7 | list-style-type: none; 8 | padding: 0; 9 | width: 15em; 10 | } 11 | .heroes li { 12 | cursor: pointer; 13 | position: relative; 14 | left: 0; 15 | background-color: #EEE; 16 | margin: .5em; 17 | padding: .3em 0; 18 | height: 1.6em; 19 | border-radius: 4px; 20 | } 21 | .heroes li.selected:hover { 22 | background-color: #BBD8DC !important; 23 | color: white; 24 | } 25 | .heroes li:hover { 26 | color: #607D8B; 27 | background-color: #DDD; 28 | left: .1em; 29 | } 30 | .heroes .text { 31 | position: relative; 32 | top: -3px; 33 | } 34 | .heroes .badge { 35 | display: inline-block; 36 | font-size: small; 37 | color: white; 38 | padding: 0.8em 0.7em 0 0.7em; 39 | background-color: #607D8B; 40 | line-height: 1em; 41 | position: relative; 42 | left: -1px; 43 | top: -4px; 44 | height: 1.8em; 45 | margin-right: .8em; 46 | border-radius: 4px 0 0 4px; 47 | } 48 | 49 | button.delete { 50 | float:right; 51 | margin-top: 2px; 52 | margin-right: .8em; 53 | background-color: gray !important; 54 | color:white; 55 | } 56 | -------------------------------------------------------------------------------- /angular2-ui/src/app/components/heros/heroes.html: -------------------------------------------------------------------------------- 1 |

{{title}}

2 |
3 | 4 | 7 |
8 |

My Heroes

9 | 18 |
19 |

20 | {{selectedHero.name | uppercase}} is my hero 21 |

22 | 23 |
24 | -------------------------------------------------------------------------------- /angular2-ui/src/app/domain/Hero.ts: -------------------------------------------------------------------------------- 1 | export class Hero { 2 | id: number; 3 | name: string; 4 | } 5 | -------------------------------------------------------------------------------- /angular2-ui/src/app/routing/AppRoutes.ts: -------------------------------------------------------------------------------- 1 | import {Routes} from '@angular/router'; 2 | import {HeroesComponent} from './../components/heros/HeroesComponent'; 3 | import {DashboardComponent} from './../components/dashboard/DashboardComponent'; 4 | import {HeroDetailComponent} from './../components/hero-details/HeroDetailComponent'; 5 | 6 | export const AppRoutes: Routes = [ 7 | {path: '', redirectTo: 'dashboard', pathMatch: 'full'}, 8 | {path: 'heroes', component: HeroesComponent}, 9 | {path: 'dashboard', component: DashboardComponent}, 10 | {path: 'detail/:id', component: HeroDetailComponent} 11 | ]; 12 | -------------------------------------------------------------------------------- /angular2-ui/src/app/services/HeroesService.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { Headers, Http } from '@angular/http'; 3 | 4 | import 'rxjs/add/operator/toPromise'; 5 | 6 | import {Hero} from '../domain/Hero'; 7 | 8 | 9 | const HEROES: Hero[] = [ 10 | { id: 11, name: 'Mr. Nice' }, 11 | { id: 12, name: 'Narco' }, 12 | { id: 13, name: 'Bombasto' }, 13 | { id: 14, name: 'Celeritas' }, 14 | { id: 15, name: 'Magneta' }, 15 | { id: 16, name: 'RubberMan' }, 16 | { id: 17, name: 'Dynama' }, 17 | { id: 18, name: 'Dr IQ' }, 18 | { id: 19, name: 'Magma' }, 19 | { id: 20, name: 'Tornado' } 20 | ]; 21 | 22 | @Injectable() 23 | export class HeroesService { 24 | 25 | private heroesUrl = 'api/heroes'; // URL to web api 26 | private headers = new Headers({'Content-Type': 'application/json'}); 27 | 28 | constructor(private http: Http) { } 29 | 30 | getHeroes(): Promise { 31 | return this.http.get(this.heroesUrl) 32 | .toPromise() 33 | .then(response => response.json().heroes as Hero[]) 34 | .catch(this.handleError); 35 | } 36 | 37 | getHero(id: number): Promise { 38 | return this.getHeroes() 39 | .then(heroes => heroes.find(hero => hero.id === id)); 40 | } 41 | 42 | update(hero: Hero): Promise { 43 | const url = `${this.heroesUrl}/${hero.id}`; 44 | return this.http 45 | .put(url, JSON.stringify(hero), {headers: this.headers}) 46 | .toPromise() 47 | .then(() => hero) 48 | .catch(this.handleError); 49 | } 50 | 51 | create(name: string): Promise { 52 | return this.http 53 | .post(this.heroesUrl, JSON.stringify({name: name}), {headers: this.headers}) 54 | .toPromise() 55 | .then(res => res.json()) 56 | .catch(this.handleError); 57 | } 58 | 59 | delete(id: number): Promise { 60 | let url = `${this.heroesUrl}/${id}`; 61 | return this.http.delete(url, {headers: this.headers}) 62 | .toPromise() 63 | .then(() => null) 64 | .catch(this.handleError); 65 | } 66 | 67 | private handleError(error: any): Promise { 68 | console.error('An error occurred', error); // for demo purposes only 69 | return Promise.reject(error.message || error); 70 | } 71 | 72 | } 73 | -------------------------------------------------------------------------------- /angular2-ui/src/custom-typings.d.ts: -------------------------------------------------------------------------------- 1 | /* 2 | * Custom Type Definitions 3 | * When including 3rd party modules you also need to include the type definition for the module 4 | * if they don't provide one within the module. You can try to install it with typings 5 | 6 | typings install node --save 7 | 8 | * If you can't find the type definition in the registry we can make an ambient definition in 9 | * this file for now. For example 10 | 11 | declare module "my-module" { 12 | export function doesSomething(value: string): string; 13 | } 14 | 15 | * 16 | * If you're prototying and you will fix the types later you can also declare it as type any 17 | * 18 | 19 | declare var assert: any; 20 | 21 | * 22 | * If you're importing a module that uses Node.js modules which are CommonJS you need to import as 23 | * 24 | 25 | import * as _ from 'lodash' 26 | 27 | * You can include your type definitions in this file until you create one for the typings registry 28 | * see https://github.com/typings/registry 29 | * 30 | */ 31 | -------------------------------------------------------------------------------- /angular2-ui/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RobWin/springboot-angular2-kotlin-demo/cc8ad503879263ccbf43f7194caeff6f30c136b2/angular2-ui/src/favicon.ico -------------------------------------------------------------------------------- /angular2-ui/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Spring Boot, Angular2, Kotlin Demo 7 | 8 | 9 | 10 | 11 | 12 | 13 | Loading... 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /angular2-ui/src/main.browser.ts: -------------------------------------------------------------------------------- 1 | import {platformBrowserDynamic} from '@angular/platform-browser-dynamic'; 2 | import {AppModule} from './app/AppModule'; 3 | 4 | platformBrowserDynamic().bootstrapModule(AppModule) 5 | .catch(err => console.error(err)); 6 | -------------------------------------------------------------------------------- /angular2-ui/src/polyfills.browser.ts: -------------------------------------------------------------------------------- 1 | // Polyfills 2 | 3 | import 'ie-shim'; // Internet Explorer 9 support 4 | 5 | // import 'core-js/es6'; 6 | // Added parts of es6 which are necessary for your project or your browser support requirements. 7 | import 'core-js/es6/symbol'; 8 | import 'core-js/es6/object'; 9 | import 'core-js/es6/function'; 10 | import 'core-js/es6/parse-int'; 11 | import 'core-js/es6/parse-float'; 12 | import 'core-js/es6/number'; 13 | import 'core-js/es6/math'; 14 | import 'core-js/es6/string'; 15 | import 'core-js/es6/date'; 16 | import 'core-js/es6/array'; 17 | import 'core-js/es6/regexp'; 18 | import 'core-js/es6/map'; 19 | import 'core-js/es6/set'; 20 | import 'core-js/es6/weak-map'; 21 | import 'core-js/es6/weak-set'; 22 | import 'core-js/es6/typed'; 23 | import 'core-js/es6/reflect'; 24 | // see issue https://github.com/AngularClass/angular2-webpack-starter/issues/709 25 | // import 'core-js/es6/promise'; 26 | 27 | import 'core-js/es7/reflect'; 28 | import 'zone.js/dist/zone'; 29 | import 'zone.js/dist/long-stack-trace-zone'; 30 | -------------------------------------------------------------------------------- /angular2-ui/src/styles.css: -------------------------------------------------------------------------------- 1 | /* Master Styles */ 2 | h1 { 3 | color: #369; 4 | font-family: Arial, Helvetica, sans-serif; 5 | font-size: 250%; 6 | } 7 | h2, h3 { 8 | color: #444; 9 | font-family: Arial, Helvetica, sans-serif; 10 | font-weight: lighter; 11 | } 12 | body { 13 | margin: 2em; 14 | } 15 | body, input[text], button { 16 | color: #888; 17 | font-family: Cambria, Georgia; 18 | } 19 | /* . . . */ 20 | /* everywhere else */ 21 | * { 22 | font-family: Arial, Helvetica, sans-serif; 23 | } 24 | -------------------------------------------------------------------------------- /angular2-ui/src/vendor.browser.ts: -------------------------------------------------------------------------------- 1 | // Vendors 2 | 3 | // Angular 2 4 | import '@angular/platform-browser-dynamic'; 5 | import '@angular/platform-browser'; 6 | import '@angular/core'; 7 | import '@angular/http'; 8 | import '@angular/router'; 9 | 10 | // RxJS 5 11 | import 'rxjs/Rx'; 12 | 13 | // For vendors for example jQuery, Lodash, angular2-jwt import them here 14 | // Also see src/typings.d.ts as you also need to run `typings install x` where `x` is your module 15 | -------------------------------------------------------------------------------- /angular2-ui/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "module": "commonjs", 4 | "target": "es5", 5 | "outDir": "dist", 6 | "rootDir": ".", 7 | "sourceMap": true, 8 | "emitDecoratorMetadata": true, 9 | "experimentalDecorators": true, 10 | "moduleResolution": "node", 11 | "types": [ 12 | "core-js", 13 | "node" 14 | ] 15 | }, 16 | "exclude": [ 17 | "node_modules", 18 | "typings" 19 | ], 20 | "awesomeTypescriptLoaderOptions": { 21 | "useWebpackText": true 22 | }, 23 | "compileOnSave": false, 24 | "buildOnSave": false 25 | } 26 | -------------------------------------------------------------------------------- /angular2-ui/typings.json: -------------------------------------------------------------------------------- 1 | { 2 | "globalDependencies": { 3 | "core-js": "registry:dt/core-js#0.0.0+20160725163759", 4 | "node": "registry:dt/node#6.0.0+20160909174046" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /angular2-ui/webpack.config.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack'); 2 | var path = require('path'); 3 | 4 | 5 | // Webpack Config 6 | var webpackConfig = { 7 | entry: { 8 | 'polyfills': './src/polyfills.browser.ts', 9 | 'vendor': './src/vendor.browser.ts', 10 | 'main': './src/main.browser.ts' 11 | }, 12 | 13 | output: { 14 | path: './dist', 15 | }, 16 | 17 | plugins: [ 18 | new webpack.optimize.OccurenceOrderPlugin(true), 19 | new webpack.optimize.CommonsChunkPlugin({ name: ['main', 'vendor', 'polyfills'], minChunks: Infinity }), 20 | ], 21 | 22 | module: { 23 | loaders: [ 24 | // .ts files for TypeScript 25 | { test: /\.ts$/, loaders: ['awesome-typescript-loader', 'angular2-template-loader'] }, 26 | { test: /\.css$/, loaders: ['to-string-loader', 'css-loader'] }, 27 | { test: /\.html$/, loader: 'raw-loader' } 28 | ] 29 | } 30 | 31 | }; 32 | 33 | 34 | // Our Webpack Defaults 35 | var defaultConfig = { 36 | devtool: 'cheap-module-source-map', 37 | cache: true, 38 | debug: true, 39 | output: { 40 | filename: '[name].bundle.js', 41 | sourceMapFilename: '[name].map', 42 | chunkFilename: '[id].chunk.js' 43 | }, 44 | 45 | resolve: { 46 | root: [ path.join(__dirname, 'src') ], 47 | extensions: ['', '.ts', '.js'] 48 | }, 49 | 50 | devServer: { 51 | historyApiFallback: true, 52 | watchOptions: { aggregateTimeout: 300, poll: 1000 }, 53 | proxy: { 54 | '/api/*': { 55 | target: 'http://localhost:8090', 56 | secure: false, 57 | changeOrigin: true 58 | } 59 | } 60 | }, 61 | 62 | node: { 63 | global: 1, 64 | crypto: 'empty', 65 | module: 0, 66 | Buffer: 0, 67 | clearImmediate: 0, 68 | setImmediate: 0 69 | } 70 | }; 71 | 72 | var webpackMerge = require('webpack-merge'); 73 | module.exports = webpackMerge(defaultConfig, webpackConfig); 74 | -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // root build.gradle 2 | 3 | // gradle wrapper 4 | task wrapper(type: Wrapper) { 5 | gradleVersion = '3.0' 6 | } 7 | -------------------------------------------------------------------------------- /docs/tutorial.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RobWin/springboot-angular2-kotlin-demo/cc8ad503879263ccbf43f7194caeff6f30c136b2/docs/tutorial.JPG -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | version = 0.1.0 2 | description = Spring Boot, AngularJS 2, Kotlin Demo 3 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RobWin/springboot-angular2-kotlin-demo/cc8ad503879263ccbf43f7194caeff6f30c136b2/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Tue Aug 23 12:26:02 CEST 2016 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-3.0-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Attempt to set APP_HOME 10 | # Resolve links: $0 may be a link 11 | PRG="$0" 12 | # Need this for relative symlinks. 13 | while [ -h "$PRG" ] ; do 14 | ls=`ls -ld "$PRG"` 15 | link=`expr "$ls" : '.*-> \(.*\)$'` 16 | if expr "$link" : '/.*' > /dev/null; then 17 | PRG="$link" 18 | else 19 | PRG=`dirname "$PRG"`"/$link" 20 | fi 21 | done 22 | SAVED="`pwd`" 23 | cd "`dirname \"$PRG\"`/" >/dev/null 24 | APP_HOME="`pwd -P`" 25 | cd "$SAVED" >/dev/null 26 | 27 | APP_NAME="Gradle" 28 | APP_BASE_NAME=`basename "$0"` 29 | 30 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 31 | DEFAULT_JVM_OPTS="" 32 | 33 | # Use the maximum available, or set MAX_FD != -1 to use that value. 34 | MAX_FD="maximum" 35 | 36 | warn ( ) { 37 | echo "$*" 38 | } 39 | 40 | die ( ) { 41 | echo 42 | echo "$*" 43 | echo 44 | exit 1 45 | } 46 | 47 | # OS specific support (must be 'true' or 'false'). 48 | cygwin=false 49 | msys=false 50 | darwin=false 51 | nonstop=false 52 | case "`uname`" in 53 | CYGWIN* ) 54 | cygwin=true 55 | ;; 56 | Darwin* ) 57 | darwin=true 58 | ;; 59 | MINGW* ) 60 | msys=true 61 | ;; 62 | NONSTOP* ) 63 | nonstop=true 64 | ;; 65 | esac 66 | 67 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 68 | 69 | # Determine the Java command to use to start the JVM. 70 | if [ -n "$JAVA_HOME" ] ; then 71 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 72 | # IBM's JDK on AIX uses strange locations for the executables 73 | JAVACMD="$JAVA_HOME/jre/sh/java" 74 | else 75 | JAVACMD="$JAVA_HOME/bin/java" 76 | fi 77 | if [ ! -x "$JAVACMD" ] ; then 78 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 79 | 80 | Please set the JAVA_HOME variable in your environment to match the 81 | location of your Java installation." 82 | fi 83 | else 84 | JAVACMD="java" 85 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 86 | 87 | Please set the JAVA_HOME variable in your environment to match the 88 | location of your Java installation." 89 | fi 90 | 91 | # Increase the maximum file descriptors if we can. 92 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then 93 | MAX_FD_LIMIT=`ulimit -H -n` 94 | if [ $? -eq 0 ] ; then 95 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 96 | MAX_FD="$MAX_FD_LIMIT" 97 | fi 98 | ulimit -n $MAX_FD 99 | if [ $? -ne 0 ] ; then 100 | warn "Could not set maximum file descriptor limit: $MAX_FD" 101 | fi 102 | else 103 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 104 | fi 105 | fi 106 | 107 | # For Darwin, add options to specify how the application appears in the dock 108 | if $darwin; then 109 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 110 | fi 111 | 112 | # For Cygwin, switch paths to Windows format before running java 113 | if $cygwin ; then 114 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 115 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 116 | JAVACMD=`cygpath --unix "$JAVACMD"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | set DIRNAME=%~dp0 12 | if "%DIRNAME%" == "" set DIRNAME=. 13 | set APP_BASE_NAME=%~n0 14 | set APP_HOME=%DIRNAME% 15 | 16 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 17 | set DEFAULT_JVM_OPTS= 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windows variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'springboot-angular2-kotlin-demo' 2 | include 'angular2-ui' 3 | include 'spring-boot-server' 4 | 5 | -------------------------------------------------------------------------------- /spring-boot-server/build.gradle: -------------------------------------------------------------------------------- 1 | buildscript { 2 | ext { 3 | springBootVersion = '1.4.0.RELEASE' 4 | } 5 | repositories { 6 | mavenCentral() 7 | } 8 | dependencies { 9 | classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}") 10 | } 11 | } 12 | 13 | plugins { 14 | id "nebula.kotlin" version "1.0.3" 15 | } 16 | 17 | apply plugin: 'spring-boot' 18 | 19 | sourceCompatibility = 1.8 20 | targetCompatibility = 1.8 21 | 22 | configurations { 23 | dev 24 | } 25 | 26 | repositories { 27 | mavenCentral() 28 | maven { url "https://repo.spring.io/milestone" } 29 | } 30 | 31 | dependencies { 32 | compile project(":angular2-ui") 33 | compile('org.springframework.boot:spring-boot-devtools') 34 | compile('org.springframework.boot:spring-boot-starter-web') 35 | compile('com.fasterxml.jackson.module:jackson-module-kotlin') 36 | compile('com.fasterxml.jackson.datatype:jackson-datatype-jsr310') 37 | compile("net.logstash.logback:logstash-logback-encoder:4.7") 38 | compile("org.springframework.boot:spring-boot-starter-data-jpa") 39 | compile("com.h2database:h2") 40 | compile("org.flywaydb:flyway-core") 41 | testCompile('org.springframework.boot:spring-boot-starter-test') 42 | } 43 | -------------------------------------------------------------------------------- /spring-boot-server/src/main/kotlin/io/github/robwin/Application.kt: -------------------------------------------------------------------------------- 1 | package io.github.robwin 2 | 3 | import io.github.robwin.web.entity.Hero 4 | import io.github.robwin.web.repository.HeroesRepository 5 | import org.springframework.boot.SpringApplication 6 | import org.springframework.boot.autoconfigure.SpringBootApplication 7 | import org.springframework.boot.autoconfigure.domain.EntityScan 8 | import org.springframework.data.jpa.repository.config.EnableJpaRepositories 9 | 10 | @SpringBootApplication 11 | @EnableJpaRepositories(basePackageClasses = arrayOf(HeroesRepository::class)) 12 | @EntityScan(basePackageClasses = arrayOf(Hero::class)) 13 | open class Application 14 | 15 | fun main(args: Array) { 16 | SpringApplication.run(Application::class.java, *args) 17 | } 18 | -------------------------------------------------------------------------------- /spring-boot-server/src/main/kotlin/io/github/robwin/web/controller/HerosController.kt: -------------------------------------------------------------------------------- 1 | package io.github.robwin.web.controller 2 | 3 | import io.github.robwin.web.dto.HeroesResponse 4 | import io.github.robwin.web.entity.Hero 5 | import io.github.robwin.web.exception.HeroNotFoundException 6 | import io.github.robwin.web.repository.HeroesRepository 7 | import org.springframework.http.ResponseEntity 8 | import org.springframework.stereotype.Component 9 | import org.springframework.web.bind.annotation.* 10 | import org.springframework.web.util.UriComponentsBuilder 11 | 12 | @RestController 13 | @Component 14 | //@CrossOrigin(origins = arrayOf("http://localhost:3000")) 15 | @RequestMapping(value = "/api") 16 | class HerosController(val heroesRepository: HeroesRepository) { 17 | 18 | @GetMapping(value = "/heroes") 19 | fun getHeroes() = HeroesResponse(heroesRepository.findAll()) 20 | 21 | @GetMapping(value = "/heroes/{id}") 22 | fun getHeroById(@PathVariable("id") id: Int) = heroesRepository.findOne(id) ?: throw HeroNotFoundException("Hero with id: $id not found") 23 | 24 | @DeleteMapping(value = "/heroes/{id}") 25 | fun deleteHeroById(@PathVariable("id") id: Int): ResponseEntity{ 26 | heroesRepository.delete(id) 27 | return ResponseEntity.noContent().build() 28 | } 29 | 30 | @PutMapping(value = "/heroes/{id}") 31 | fun updateHero(@PathVariable("id") id: Int, 32 | @RequestBody hero: Hero) = heroesRepository.save(hero) 33 | 34 | @PostMapping(value = "/heroes") 35 | fun createHero(@RequestBody hero: Hero, uriComponentsBuilder: UriComponentsBuilder): ResponseEntity{ 36 | val savedHero = heroesRepository.save(hero) 37 | val location = uriComponentsBuilder.path("/heroes/{id}").buildAndExpand(savedHero.id).toUri() 38 | return ResponseEntity.created(location).body(savedHero) 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /spring-boot-server/src/main/kotlin/io/github/robwin/web/dto/HeroesResponse.kt: -------------------------------------------------------------------------------- 1 | package io.github.robwin.web.dto 2 | 3 | import io.github.robwin.web.entity.Hero 4 | 5 | data class HeroesResponse(val heroes: List) 6 | -------------------------------------------------------------------------------- /spring-boot-server/src/main/kotlin/io/github/robwin/web/entity/Hero.kt: -------------------------------------------------------------------------------- 1 | package io.github.robwin.web.entity 2 | 3 | import javax.persistence.Entity 4 | import javax.persistence.GeneratedValue 5 | import javax.persistence.Id 6 | import javax.persistence.Table 7 | 8 | @Entity 9 | @Table(name = "heroes") 10 | data class Hero (@Id 11 | @GeneratedValue(strategy = javax.persistence.GenerationType.AUTO) 12 | var id: Int? = null, 13 | var name: String = "") 14 | -------------------------------------------------------------------------------- /spring-boot-server/src/main/kotlin/io/github/robwin/web/exception/HeroNotFoundException.kt: -------------------------------------------------------------------------------- 1 | package io.github.robwin.web.exception 2 | 3 | import org.springframework.http.HttpStatus 4 | import org.springframework.web.bind.annotation.ResponseStatus 5 | 6 | @ResponseStatus(HttpStatus.NOT_FOUND) 7 | class HeroNotFoundException(message: String?) : RuntimeException(message) 8 | -------------------------------------------------------------------------------- /spring-boot-server/src/main/kotlin/io/github/robwin/web/repository/HeroesRepository.kt: -------------------------------------------------------------------------------- 1 | package io.github.robwin.web.repository 2 | 3 | import io.github.robwin.web.entity.Hero 4 | import org.springframework.data.jpa.repository.JpaRepository 5 | 6 | interface HeroesRepository : JpaRepository 7 | -------------------------------------------------------------------------------- /spring-boot-server/src/main/resources/application.yml: -------------------------------------------------------------------------------- 1 | spring: 2 | application.name: sprinboot-angular2-kotlin 3 | main.banner-mode: off 4 | 5 | server.port: 8090 6 | 7 | spring.jpa.hibernate: 8 | ddl-auto: none 9 | -------------------------------------------------------------------------------- /spring-boot-server/src/main/resources/db/migration/V1__INIT_DB.sql: -------------------------------------------------------------------------------- 1 | CREATE TABLE heroes ( 2 | id int PRIMARY KEY AUTO_INCREMENT, 3 | name varchar(256) NOT NULL 4 | )ENGINE=InnoDB DEFAULT CHARSET=utf8; 5 | 6 | INSERT INTO heroes VALUES(1, 'Mr. Nice'); 7 | INSERT INTO heroes VALUES(2, 'Narco'); 8 | INSERT INTO heroes VALUES(3, 'Bombasto'); 9 | INSERT INTO heroes VALUES(4, 'Celeritas'); 10 | INSERT INTO heroes VALUES(5, 'Magneta'); 11 | INSERT INTO heroes VALUES(6, 'RubberMan'); 12 | INSERT INTO heroes VALUES(7, 'Dynama'); 13 | INSERT INTO heroes VALUES(8, 'Dr IQ'); 14 | INSERT INTO heroes VALUES(9, 'Magma'); 15 | INSERT INTO heroes VALUES(10, 'Tornado'); 16 | -------------------------------------------------------------------------------- /spring-boot-server/src/main/resources/logback-spring.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /spring-boot-server/src/main/resources/static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RobWin/springboot-angular2-kotlin-demo/cc8ad503879263ccbf43f7194caeff6f30c136b2/spring-boot-server/src/main/resources/static/favicon.ico -------------------------------------------------------------------------------- /spring-boot-server/src/main/resources/static/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Spring Boot, Angular2, Kotlin Demo 7 | 8 | 9 | 10 | 11 | 12 | 13 | Loading... 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /spring-boot-server/src/main/resources/static/styles.css: -------------------------------------------------------------------------------- 1 | /* Master Styles */ 2 | h1 { 3 | color: #369; 4 | font-family: Arial, Helvetica, sans-serif; 5 | font-size: 250%; 6 | } 7 | h2, h3 { 8 | color: #444; 9 | font-family: Arial, Helvetica, sans-serif; 10 | font-weight: lighter; 11 | } 12 | body { 13 | margin: 2em; 14 | } 15 | body, input[text], button { 16 | color: #888; 17 | font-family: Cambria, Georgia; 18 | } 19 | /* . . . */ 20 | /* everywhere else */ 21 | * { 22 | font-family: Arial, Helvetica, sans-serif; 23 | } 24 | -------------------------------------------------------------------------------- /spring-boot-server/src/test/kotlin/io/github/robwin/web/controller/HeroesControllerTest.kt: -------------------------------------------------------------------------------- 1 | package io.github.robwin.web.controller 2 | 3 | import io.github.robwin.web.dto.HeroesResponse 4 | import io.github.robwin.web.entity.Hero 5 | import org.assertj.core.api.Assertions.assertThat 6 | import org.junit.Test 7 | import org.junit.runner.RunWith 8 | import org.springframework.beans.factory.annotation.Autowired 9 | import org.springframework.boot.test.context.SpringBootTest 10 | import org.springframework.boot.test.web.client.TestRestTemplate 11 | import org.springframework.http.HttpStatus 12 | import org.springframework.test.context.junit4.SpringRunner 13 | 14 | @RunWith(SpringRunner::class) 15 | @SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT) 16 | class HeroesControllerTest { 17 | 18 | @Autowired 19 | private lateinit var restTemplate: TestRestTemplate 20 | 21 | @Test 22 | fun getHeroes(){ 23 | val heroesResponse = restTemplate.getForEntity("/api/heroes", HeroesResponse::class.java) 24 | assertThat(heroesResponse.statusCode).isEqualTo(HttpStatus.OK) 25 | assertThat(heroesResponse.body.heroes).hasSize(10) 26 | } 27 | 28 | @Test 29 | fun createHero(){ 30 | val heroResponse = restTemplate.postForEntity("/api/heroes", Hero(name = "New name"), Hero::class.java) 31 | assertThat(heroResponse.statusCode).isEqualTo(HttpStatus.CREATED) 32 | assertThat(heroResponse.body).isNotNull() 33 | assertThat(heroResponse.body.id).isNotEqualTo(0) 34 | assertThat(heroResponse.body.name).isEqualTo("New name") 35 | assertThat(heroResponse.headers["location"]).isNotNull() 36 | 37 | val heroesResponse = restTemplate.getForEntity("/api/heroes", HeroesResponse::class.java) 38 | assertThat(heroesResponse.body.heroes).hasSize(11) 39 | } 40 | 41 | @Test 42 | fun getHeroById(){ 43 | val heroResponse = restTemplate.getForEntity("/api/heroes/{id}", Hero::class.java, 1) 44 | assertThat(heroResponse.statusCode).isEqualTo(HttpStatus.OK) 45 | assertThat(heroResponse.body).isNotNull() 46 | assertThat(heroResponse.body.id).isEqualTo(1) 47 | assertThat(heroResponse.body.name).isEqualTo("Mr. Nice") 48 | } 49 | 50 | @Test 51 | fun deleteHeroById(){ 52 | restTemplate.delete("/api/heroes/{id}", 2) 53 | val heroResponse = restTemplate.getForEntity("/api/heroes/{id}", Hero::class.java, 2) 54 | assertThat(heroResponse.body).isNotNull() 55 | assertThat(heroResponse.statusCode).isEqualTo(HttpStatus.NOT_FOUND) 56 | } 57 | 58 | @Test 59 | fun updateHero(){ 60 | restTemplate.put("/api/heroes/{id}", Hero(3, "Updated name"), 3) 61 | val heroResponse = restTemplate.getForEntity("/api/heroes/{id}", Hero::class.java, 3) 62 | assertThat(heroResponse.statusCode).isEqualTo(HttpStatus.OK) 63 | assertThat(heroResponse.body.id).isEqualTo(3) 64 | assertThat(heroResponse.body.name).isEqualTo("Updated name") 65 | } 66 | } 67 | -------------------------------------------------------------------------------- /spring-boot-server/src/test/resources/logback-test.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | UTF-8 11 | %d %-4relative [%thread] %-5level %logger{35} - %msg%n 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | --------------------------------------------------------------------------------