iSharkFly-Open/Java-Tutorials
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Spring Boot and Angular E-Commerce Application (#4874)

Browse Source 
* Spring Boot and Angular E-Commerce Application

* Spring Boot and Angular E-Commerce Application pom.xml updated

* Spring Boot and Angular E-Commerce Application tests added
This commit is contained in:
cdjole
2018-08-03 12:33:39 +02:00
committed by maibin
parent cc3b35566d
commit b92dd4c51b
77 changed files with 12908 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitignore
+6 -1
View File
@@ -56,4 +56,9 @@ core-java-io/hard_link.txt
core-java-io/target_link.txt
core-java/src/main/java/com/baeldung/manifest/MANIFEST.MF
ethereum/logs/
jmeter/src/main/resources/*-JMeter.csv
jmeter/src/main/resources/*-JMeter.csv
**/node_modules/
**/dist
**/tmp
**/out-tsc
pom.xml
+77 -76
View File
@@ -197,7 +197,7 @@
</extensions>
<pluginManagement>
<plugins>
<!--This plugin's configuration is used to store Eclipse m2e settings
<!--This plugin's configuration is used to store Eclipse m2e settings
only. It has no influence on the Maven build itself. -->
<plugin>
<groupId>org.eclipse.m2e</groupId>
@@ -552,7 +552,8 @@
<module>spring-reactive-kotlin</module>
<module>jnosql</module>
<module>testing-modules/junit-abstract</module>
<module>sse-jaxrs</module>
<module>sse-jaxrs</module>
<module>spring-boot-angular-ecommerce</module>
</modules>
</profile>
@@ -601,35 +602,35 @@
<!-- <module>core-java-9</module> --> <!-- Commented because we have still not upgraded to java 9 -->
<!-- <module>asm</module> <module>atomix</module> <module>apache-cayenne</module>
<module>aws</module> <module>aws-lambda</module> <module>akka-streams</module>
<module>algorithms</module> <module>annotations</module> <module>apache-cxf</module>
<module>apache-fop</module> <module>apache-poi</module> <module>apache-tika</module>
<module>apache-thrift</module> <module>apache-curator</module> <module>apache-zookeeper</module>
<module>apache-opennlp</module> <module>autovalue</module> <module>axon</module>
<module>azure</module> <module>bootique</module> <module>cdi</module> <module>core-java</module>
<module>core-java-collections</module> <module>core-java-io</module> <module>core-java-8</module>
<module>core-kotlin</module> <module>core-groovy</module> <module>core-java-concurrency</module>
<module>couchbase</module> <module>deltaspike</module> <module>dozer</module>
<module>ethereum</module> <module>ejb</module> <module>feign</module> <module>flips</module>
<module>geotools</module> <module>testing-modules/groovy-spock</module> <module>testing-modules/gatling</module>
<module>google-cloud</module> <module>google-web-toolkit</module> <module>gson</module>
<module>guava</module> <module>guava-modules/guava-18</module> <module>guava-modules/guava-19</module>
<module>guava-modules/guava-21</module> <module>guice</module> <module>disruptor</module>
<module>spring-static-resources</module> <module>hazelcast</module> <module>hbase</module>
<module>hibernate5</module> <module>httpclient</module> <module>hystrix</module>
<module>image-processing</module> <module>immutables</module> <module>influxdb</module>
<module>jackson</module> <module>persistence-modules/java-cassandra</module>
<module>vavr</module> <module>java-lite</module> <module>java-numbers</module>
<module>java-rmi</module> <module>java-vavr-stream</module> <module>javax-servlets</module>
<module>javaxval</module> <module>jaxb</module> <module>javafx</module> <module>jgroups</module>
<module>jee-7</module> <module>jhipster/jhipster-monolithic</module> <module>jjwt</module>
<module>jpa-storedprocedure</module> <module>jsf</module> <module>json-path</module>
<module>json</module> <module>jsoup</module> <module>testing-modules/junit-5</module>
<module>jws</module> <module>libraries-data</module> <module>linkrest</module>
<module>logging-modules/log-mdc</module> <module>logging-modules/log4j</module>
<module>logging-modules/log4j2</module> <module>logging-modules/logback</module>
<module>lombok</module> <module>mapstruct</module> <module>metrics</module>
<!-- <module>asm</module> <module>atomix</module> <module>apache-cayenne</module>
<module>aws</module> <module>aws-lambda</module> <module>akka-streams</module>
<module>algorithms</module> <module>annotations</module> <module>apache-cxf</module>
<module>apache-fop</module> <module>apache-poi</module> <module>apache-tika</module>
<module>apache-thrift</module> <module>apache-curator</module> <module>apache-zookeeper</module>
<module>apache-opennlp</module> <module>autovalue</module> <module>axon</module>
<module>azure</module> <module>bootique</module> <module>cdi</module> <module>core-java</module>
<module>core-java-collections</module> <module>core-java-io</module> <module>core-java-8</module>
<module>core-kotlin</module> <module>core-groovy</module> <module>core-java-concurrency</module>
<module>couchbase</module> <module>deltaspike</module> <module>dozer</module>
<module>ethereum</module> <module>ejb</module> <module>feign</module> <module>flips</module>
<module>geotools</module> <module>testing-modules/groovy-spock</module> <module>testing-modules/gatling</module>
<module>google-cloud</module> <module>google-web-toolkit</module> <module>gson</module>
<module>guava</module> <module>guava-modules/guava-18</module> <module>guava-modules/guava-19</module>
<module>guava-modules/guava-21</module> <module>guice</module> <module>disruptor</module>
<module>spring-static-resources</module> <module>hazelcast</module> <module>hbase</module>
<module>hibernate5</module> <module>httpclient</module> <module>hystrix</module>
<module>image-processing</module> <module>immutables</module> <module>influxdb</module>
<module>jackson</module> <module>persistence-modules/java-cassandra</module>
<module>vavr</module> <module>java-lite</module> <module>java-numbers</module>
<module>java-rmi</module> <module>java-vavr-stream</module> <module>javax-servlets</module>
<module>javaxval</module> <module>jaxb</module> <module>javafx</module> <module>jgroups</module>
<module>jee-7</module> <module>jhipster/jhipster-monolithic</module> <module>jjwt</module>
<module>jpa-storedprocedure</module> <module>jsf</module> <module>json-path</module>
<module>json</module> <module>jsoup</module> <module>testing-modules/junit-5</module>
<module>jws</module> <module>libraries-data</module> <module>linkrest</module>
<module>logging-modules/log-mdc</module> <module>logging-modules/log4j</module>
<module>logging-modules/log4j2</module> <module>logging-modules/logback</module>
<module>lombok</module> <module>mapstruct</module> <module>metrics</module>
<module>maven</module> <module>mesos-marathon</module> <module>msf4j</module> -->
<!-- group 1 - OK, 27min, 7911Kb log, 8 failusres -->
@@ -672,7 +673,7 @@
<module>spring-amqp-simple</module>
<module>spring-apache-camel</module>
<module>spring-batch</module>
<module>testing-modules/junit-abstract</module>
<module>testing-modules/junit-abstract</module>
<!-- group 2 - Pass, 11-16 min, 42 test failures, 4,020 KB -->
@@ -752,37 +753,37 @@
<!-- group 4 -->
<!-- <module>spring-security-acl</module> <module>spring-security-cache-control</module>
<module>spring-security-client/spring-security-jsp-authentication</module>
<module>spring-security-client/spring-security-jsp-authorize</module> <module>spring-security-client/spring-security-jsp-config</module>
<module>spring-security-client/spring-security-mvc</module> <module>spring-security-client/spring-security-thymeleaf-authentication</module>
<module>spring-security-client/spring-security-thymeleaf-authorize</module>
<module>spring-security-client/spring-security-thymeleaf-config</module>
<module>spring-security-core</module> <module>spring-security-mvc-boot</module>
<module>spring-security-mvc-custom</module> <module>spring-security-mvc-digest-auth</module>
<module>spring-security-mvc-ldap</module> <module>spring-security-mvc-login</module>
<module>spring-security-mvc-persisted-remember-me</module> <module>spring-security-mvc-session</module>
<module>spring-security-mvc-socket</module> <module>spring-security-openid</module>
<module>spring-security-react</module> <module>spring-security-rest-basic-auth</module>
<module>spring-security-rest-custom</module> <module>spring-security-rest</module>
<module>spring-security-sso</module> <module>spring-security-x509</module>
<module>spring-session</module> <module>spring-sleuth</module> <module>spring-social-login</module>
<module>spring-spel</module> <module>spring-state-machine</module> <module>spring-thymeleaf</module>
<module>spring-userservice</module> <module>spring-zuul</module> <module>spring-reactor</module>
<module>spring-vertx</module> <module>spring-jinq</module> <module>spring-rest-embedded-tomcat</module>
<module>testing-modules/testing</module> <module>testing-modules/testng</module>
<module>video-tutorials</module> <module>xml</module> <module>xmlunit-2</module>
<module>struts-2</module> <module>apache-velocity</module> <module>apache-solrj</module>
<module>rabbitmq</module> <module>vertx</module> <module>persistence-modules/spring-data-gemfire</module>
<module>mybatis</module> <module>spring-drools</module> <module>drools</module>
<module>persistence-modules/liquibase</module> <module>spring-boot-property-exp</module>
<module>testing-modules/mockserver</module> <module>testing-modules/test-containers</module>
<module>undertow</module> <module>vertx-and-rxjava</module> <module>saas</module>
<module>deeplearning4j</module> <module>lucene</module> <module>vraptor</module>
<module>persistence-modules/java-cockroachdb</module> <module>spring-security-thymeleaf</module>
<module>persistence-modules/java-jdbi</module> <module>jersey</module> <module>java-spi</module>
<module>performance-tests</module> <module>twilio</module> <module>spring-boot-ctx-fluent</module>
<module>java-ee-8-security-api</module> <module>spring-webflux-amqp</module>
<!-- <module>spring-security-acl</module> <module>spring-security-cache-control</module>
<module>spring-security-client/spring-security-jsp-authentication</module>
<module>spring-security-client/spring-security-jsp-authorize</module> <module>spring-security-client/spring-security-jsp-config</module>
<module>spring-security-client/spring-security-mvc</module> <module>spring-security-client/spring-security-thymeleaf-authentication</module>
<module>spring-security-client/spring-security-thymeleaf-authorize</module>
<module>spring-security-client/spring-security-thymeleaf-config</module>
<module>spring-security-core</module> <module>spring-security-mvc-boot</module>
<module>spring-security-mvc-custom</module> <module>spring-security-mvc-digest-auth</module>
<module>spring-security-mvc-ldap</module> <module>spring-security-mvc-login</module>
<module>spring-security-mvc-persisted-remember-me</module> <module>spring-security-mvc-session</module>
<module>spring-security-mvc-socket</module> <module>spring-security-openid</module>
<module>spring-security-react</module> <module>spring-security-rest-basic-auth</module>
<module>spring-security-rest-custom</module> <module>spring-security-rest</module>
<module>spring-security-sso</module> <module>spring-security-x509</module>
<module>spring-session</module> <module>spring-sleuth</module> <module>spring-social-login</module>
<module>spring-spel</module> <module>spring-state-machine</module> <module>spring-thymeleaf</module>
<module>spring-userservice</module> <module>spring-zuul</module> <module>spring-reactor</module>
<module>spring-vertx</module> <module>spring-jinq</module> <module>spring-rest-embedded-tomcat</module>
<module>testing-modules/testing</module> <module>testing-modules/testng</module>
<module>video-tutorials</module> <module>xml</module> <module>xmlunit-2</module>
<module>struts-2</module> <module>apache-velocity</module> <module>apache-solrj</module>
<module>rabbitmq</module> <module>vertx</module> <module>persistence-modules/spring-data-gemfire</module>
<module>mybatis</module> <module>spring-drools</module> <module>drools</module>
<module>persistence-modules/liquibase</module> <module>spring-boot-property-exp</module>
<module>testing-modules/mockserver</module> <module>testing-modules/test-containers</module>
<module>undertow</module> <module>vertx-and-rxjava</module> <module>saas</module>
<module>deeplearning4j</module> <module>lucene</module> <module>vraptor</module>
<module>persistence-modules/java-cockroachdb</module> <module>spring-security-thymeleaf</module>
<module>persistence-modules/java-jdbi</module> <module>jersey</module> <module>java-spi</module>
<module>performance-tests</module> <module>twilio</module> <module>spring-boot-ctx-fluent</module>
<module>java-ee-8-security-api</module> <module>spring-webflux-amqp</module>
<module>antlr</module> <module>maven-archetype</module> <module>apache-meecrowave</module> -->
<!-- group 4 - OK, 12 min, 3,961 KB log, 12 failed tests -->
@@ -795,7 +796,7 @@
<profile>
<id>integration-lite</id>
<build>
<plugins>
<plugin>
@@ -834,7 +835,7 @@
<module>parent-spring-4</module>
<module>parent-spring-5</module>
<module>parent-java</module>
<module>asm</module>
<module>atomix</module>
<module>apache-cayenne</module>
@@ -861,7 +862,7 @@
<module>core-java-io</module>
<module>core-java-8</module>
<module>core-groovy</module>
<module>couchbase</module>
<module>deltaspike</module>
<module>dozer</module>
@@ -1078,16 +1079,16 @@
<module>antlr</module>
<module>maven-archetype</module>
<module>apache-meecrowave</module>
<module>testing-modules/junit-abstract</module>
<module>testing-modules/junit-abstract</module>
<module>spring-hibernate4</module>
<module>xml</module>
<module>vertx</module>
<module>metrics</module>
<module>httpclient</module>
<!-- problematic -->
<!--
<!--
<module>ejb</module>
<module>persistence-modules/java-cassandra</module>
<module>persistence-modules/spring-data-cassandra</module>
@@ -1097,9 +1098,9 @@
<module>jmeter</module>
-->
<!-- heavy -->
<!--
<!--
<module>libraries</module>
<module>geotools</module>
<module>jhipster/jhipster-monolithic</module>
@@ -1113,7 +1114,7 @@
<module>spring-security-mvc-custom</module>
<module>core-java-concurrency</module>
-->
<!-- 30:32 min -->
</modules>
@@ -1121,7 +1122,7 @@
<profile>
<id>integration-heavy</id>
<build>
<plugins>
<plugin>
@@ -1160,7 +1161,7 @@
<module>parent-spring-4</module>
<module>parent-spring-5</module>
<module>parent-java</module>
<module>libraries</module>
<module>geotools</module>
<module>jhipster/jhipster-monolithic</module>
@@ -1238,4 +1239,4 @@
<!-- <maven-pmd-plugin.version>3.9.0</maven-pmd-plugin.version> -->
<maven-pmd-plugin.version>3.8</maven-pmd-plugin.version>
</properties>
</project>
</project>
spring-boot-angular-ecommerce/README.md
+2
View File
@@ -0,0 +1,2 @@
### Relevant Articles:
- [A Simple E-Commerce Implementation with Spring]()
spring-boot-angular-ecommerce/pom.xml
+84
View File
@@ -0,0 +1,84 @@
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<artifactId>spring-boot-angular-ecommerce</artifactId>
<version>0.0.1-SNAPSHOT</version>
<packaging>jar</packaging>
<name>spring-boot-angular-ecommerce</name>
<description>Spring Boot Angular E-commerce Appliciation</description>
<parent>
<groupId>com.baeldung</groupId>
<artifactId>parent-modules</artifactId>
<version>1.0.0-SNAPSHOT</version>
</parent>
<dependencyManagement>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-dependencies</artifactId>
<version>${spring.boot.version}</version>
<type>pom</type>
<scope>import</scope>
</dependency>
</dependencies>
</dependencyManagement>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-jpa</artifactId>
<version>${spring.boot.version}</version>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
<version>${spring.boot.version}</version>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<version>${spring.boot.version}</version>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>com.h2database</groupId>
<artifactId>h2</artifactId>
<version>1.4.197</version>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>com.fasterxml.jackson.datatype</groupId>
<artifactId>jackson-datatype-jsr310</artifactId>
<version>2.9.6</version>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<version>${spring.boot.version}</version>
<scope>test</scope>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
<version>${spring-boot-maven-plugin.version}</version>
</plugin>
</plugins>
</build>
<properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
<java.version>1.8</java.version>
<spring.boot.version>2.0.3.RELEASE</spring.boot.version>
<spring-boot-maven-plugin.version>2.0.4.RELEASE</spring-boot-maven-plugin.version>
</properties>
</project>
spring-boot-angular-ecommerce/src/main/frontend/.editorconfig
+13
View File
@@ -0,0 +1,13 @@
# Editor configuration, see http://editorconfig.org
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 4
insert_final_newline = true
trim_trailing_whitespace = true
[*.md]
max_line_length = off
trim_trailing_whitespace = false
spring-boot-angular-ecommerce/src/main/frontend/README.md
+27
View File
@@ -0,0 +1,27 @@
# Frontend
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.0.8.
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
## Code scaffolding
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
spring-boot-angular-ecommerce/src/main/frontend/angular.json
+128
View File
@@ -0,0 +1,128 @@
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"frontend": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"prefix": "app",
"schematics": {},
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/frontend",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],
"scripts": []
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "frontend:build"
},
"configurations": {
"production": {
"browserTarget": "frontend:build:production"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "frontend:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.spec.json",
"karmaConfig": "src/karma.conf.js",
"styles": [
"src/styles.css"
],
"scripts": [],
"assets": [
"src/favicon.ico",
"src/assets"
]
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"src/tsconfig.app.json",
"src/tsconfig.spec.json"
],
"exclude": [
"**/node_modules/**"
]
}
}
}
},
"frontend-e2e": {
"root": "e2e/",
"projectType": "application",
"architect": {
"e2e": {
"builder": "@angular-devkit/build-angular:protractor",
"options": {
"protractorConfig": "e2e/protractor.conf.js",
"devServerTarget": "frontend:serve"
},
"configurations": {
"production": {
"devServerTarget": "frontend:serve:production"
}
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": "e2e/tsconfig.e2e.json",
"exclude": [
"**/node_modules/**"
]
}
}
}
}
},
"defaultProject": "frontend"
}
spring-boot-angular-ecommerce/src/main/frontend/e2e/protractor.conf.js
+28
View File
@@ -0,0 +1,28 @@
// Protractor configuration file, see link for more information
// https://github.com/angular/protractor/blob/master/lib/config.ts
const { SpecReporter } = require('jasmine-spec-reporter');
exports.config = {
allScriptsTimeout: 11000,
specs: [
'./src/**/*.e2e-spec.ts'
],
capabilities: {
'browserName': 'chrome'
},
directConnect: true,
baseUrl: 'http://localhost:4200/',
framework: 'jasmine',
jasmineNodeOpts: {
showColors: true,
defaultTimeoutInterval: 30000,
print: function() {}
},
onPrepare() {
require('ts-node').register({
project: require('path').join(__dirname, './tsconfig.e2e.json')
});
jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
}
};
spring-boot-angular-ecommerce/src/main/frontend/e2e/src/app.e2e-spec.ts
+14
View File
@@ -0,0 +1,14 @@
import { AppPage } from './app.po';
describe('workspace-project App', () => {
let page: AppPage;
beforeEach(() => {
page = new AppPage();
});
it('should display welcome message', () => {
page.navigateTo();
expect(page.getParagraphText()).toEqual('Welcome to frontend!');
});
});
spring-boot-angular-ecommerce/src/main/frontend/e2e/src/app.po.ts
+11
View File
@@ -0,0 +1,11 @@
import { browser, by, element } from 'protractor';
export class AppPage {
navigateTo() {
return browser.get('/');
}
getParagraphText() {
return element(by.css('app-root h1')).getText();
}
}
spring-boot-angular-ecommerce/src/main/frontend/e2e/tsconfig.e2e.json
+13
View File
@@ -0,0 +1,13 @@
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"module": "commonjs",
"target": "es5",
"types": [
"jasmine",
"jasminewd2",
"node"
]
}
}
spring-boot-angular-ecommerce/src/main/frontend/package-lock.json
Generated
+10591
View File
File diff suppressed because it is too large Load Diff
spring-boot-angular-ecommerce/src/main/frontend/package.json
+49
View File
@@ -0,0 +1,49 @@
{
"name": "frontend",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve --proxy-config proxy-conf.json",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^6.0.3",
"@angular/common": "^6.0.3",
"@angular/compiler": "^6.0.3",
"@angular/core": "^6.0.3",
"@angular/forms": "^6.0.3",
"@angular/http": "^6.0.3",
"@angular/platform-browser": "^6.0.3",
"@angular/platform-browser-dynamic": "^6.0.3",
"@angular/router": "^6.0.3",
"bootstrap": "^4.1.2",
"core-js": "^2.5.4",
"rxjs": "^6.0.0",
"zone.js": "^0.8.26"
},
"devDependencies": {
"@angular/compiler-cli": "^6.0.3",
"@angular-devkit/build-angular": "~0.6.8",
"typescript": "~2.7.2",
"@angular/cli": "~6.0.8",
"@angular/language-service": "^6.0.3",
"@types/jasmine": "~2.8.6",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "~4.2.1",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~1.7.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.0",
"karma-jasmine": "~1.1.1",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.3.0",
"ts-node": "~5.0.1",
"tslint": "~5.9.1"
}
}
spring-boot-angular-ecommerce/src/main/frontend/proxy-conf.json
+6
View File
@@ -0,0 +1,6 @@
{
"/api": {
"target": "http://localhost:8080",
"secure": false
}
}
spring-boot-angular-ecommerce/src/main/frontend/src/app/app.component.css
+3
View File
@@ -0,0 +1,3 @@
.container {
padding-top: 65px;
}
spring-boot-angular-ecommerce/src/main/frontend/src/app/app.component.html
+3
View File
@@ -0,0 +1,3 @@
<div class="container">
<app-ecommerce></app-ecommerce>
</div>
spring-boot-angular-ecommerce/src/main/frontend/src/app/app.component.spec.ts
+27
View File
@@ -0,0 +1,27 @@
import { TestBed, async } from '@angular/core/testing';
import { AppComponent } from './app.component';
describe('AppComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [
AppComponent
],
}).compileComponents();
}));
it('should create the app', async(() => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app).toBeTruthy();
}));
it(`should have as title 'app'`, async(() => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app.title).toEqual('app');
}));
it('should render title in a h1 tag', async(() => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const compiled = fixture.debugElement.nativeElement;
expect(compiled.querySelector('h1').textContent).toContain('Welcome to frontend!');
}));
});
spring-boot-angular-ecommerce/src/main/frontend/src/app/app.component.ts
+12
View File
@@ -0,0 +1,12 @@
import {Component} from '@angular/core';
import {EcommerceService} from "./ecommerce/services/EcommerceService";
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
providers: [EcommerceService]
})
export class AppComponent {
}
spring-boot-angular-ecommerce/src/main/frontend/src/app/app.module.ts
+31
View File
@@ -0,0 +1,31 @@
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {HttpClientModule} from '@angular/common/http';
import {AppComponent} from './app.component';
import {EcommerceComponent} from './ecommerce/ecommerce.component';
import {ProductsComponent} from './ecommerce/products/products.component';
import {ShoppingCartComponent} from './ecommerce/shopping-cart/shopping-cart.component';
import {OrdersComponent} from './ecommerce/orders/orders.component';
import {EcommerceService} from "./ecommerce/services/EcommerceService";
@NgModule({
declarations: [
AppComponent,
EcommerceComponent,
ProductsComponent,
ShoppingCartComponent,
OrdersComponent
],
imports: [
BrowserModule,
HttpClientModule,
FormsModule,
ReactiveFormsModule
],
providers: [EcommerceService],
bootstrap: [AppComponent]
})
export class AppModule {
}
spring-boot-angular-ecommerce/src/main/frontend/src/app/ecommerce/ecommerce.component.css
View File
spring-boot-angular-ecommerce/src/main/frontend/src/app/ecommerce/ecommerce.component.html
+31
View File
@@ -0,0 +1,31 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">Baeldung Ecommerce</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation" (click)="toggleCollapsed()">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbarResponsive" [ngClass]="{'collapse': collapsed, 'navbar-collapse': true}">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#" (click)="reset()">Home
<span class="sr-only">(current)</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="row">
<div class="col-md-9">
<app-products #productsC [hidden]="orderFinished"></app-products>
</div>
<div class="col-md-3">
<app-shopping-cart (onOrderFinished)=finishOrder($event) #shoppingCartC
[hidden]="orderFinished"></app-shopping-cart>
</div>
<div class="col-md-6 offset-3">
<app-orders #ordersC [hidden]="!orderFinished"></app-orders>
</div>
</div>
spring-boot-angular-ecommerce/src/main/frontend/src/app/ecommerce/ecommerce.component.spec.ts
+25
View File
@@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { EcommerceComponent } from './ecommerce.component';
describe('EcommerceComponent', () => {
let component: EcommerceComponent;
let fixture: ComponentFixture<EcommerceComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ EcommerceComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(EcommerceComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
spring-boot-angular-ecommerce/src/main/frontend/src/app/ecommerce/ecommerce.component.ts
+44
View File
@@ -0,0 +1,44 @@
import {Component, OnInit, ViewChild} from '@angular/core';
import {ProductsComponent} from "./products/products.component";
import {ShoppingCartComponent} from "./shopping-cart/shopping-cart.component";
import {OrdersComponent} from "./orders/orders.component";
@Component({
selector: 'app-ecommerce',
templateUrl: './ecommerce.component.html',
styleUrls: ['./ecommerce.component.css']
})
export class EcommerceComponent implements OnInit {
private collapsed = true;
orderFinished = false;
@ViewChild('productsC')
productsC: ProductsComponent;
@ViewChild('shoppingCartC')
shoppingCartC: ShoppingCartComponent;
@ViewChild('ordersC')
ordersC: OrdersComponent;
constructor() {
}
ngOnInit() {
}
toggleCollapsed(): void {
this.collapsed = !this.collapsed;
}
finishOrder(orderFinished: boolean) {
this.orderFinished = orderFinished;
}
reset() {
this.orderFinished = false;
this.productsC.reset();
this.shoppingCartC.reset();
this.ordersC.paid = false;
}
}
spring-boot-angular-ecommerce/src/main/frontend/src/app/ecommerce/models/product-order.model.ts
+11
View File
@@ -0,0 +1,11 @@
import {Product} from "./product.model";
export class ProductOrder {
product: Product;
quantity: number;
constructor(product: Product, quantity: number) {
this.product = product;
this.quantity = quantity;
}
}
spring-boot-angular-ecommerce/src/main/frontend/src/app/ecommerce/models/product-orders.model.ts
+5
View File
@@ -0,0 +1,5 @@
import {ProductOrder} from "./product-order.model";
export class ProductOrders {
productOrders: ProductOrder[] = [];
}
spring-boot-angular-ecommerce/src/main/frontend/src/app/ecommerce/models/product.model.ts
+13
View File
@@ -0,0 +1,13 @@
export class Product {
id: number;
name: string;
price: number;
pictureUrl: string;
constructor(id: number, name: string, price: number, pictureUrl: string) {
this.id = id;
this.name = name;
this.price = price;
this.pictureUrl = pictureUrl;
}
}
spring-boot-angular-ecommerce/src/main/frontend/src/app/ecommerce/orders/orders.component.css
View File
spring-boot-angular-ecommerce/src/main/frontend/src/app/ecommerce/orders/orders.component.html
+13
View File
@@ -0,0 +1,13 @@
<h2 class="text-center">ORDER</h2>
<ul>
<li *ngFor="let order of orders.productOrders">
{{ order.product.name }} - ${{ order.product.price }} x {{ order.quantity}} pcs.
</li>
</ul>
<h3 class="text-right">Total amount: ${{ total }}</h3>
<button class="btn btn-primary btn-block" (click)="pay()" *ngIf="!paid">Pay</button>
<div class="alert alert-success" role="alert" *ngIf="paid">
<strong>Congratulation!</strong> You successfully made the order.
</div>
spring-boot-angular-ecommerce/src/main/frontend/src/app/ecommerce/orders/orders.component.spec.ts
+25
View File
@@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { OrdersComponent } from './orders.component';
describe('OrdersComponent', () => {
let component: OrdersComponent;
let fixture: ComponentFixture<OrdersComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ OrdersComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(OrdersComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
spring-boot-angular-ecommerce/src/main/frontend/src/app/ecommerce/orders/orders.component.ts
+39
View File
@@ -0,0 +1,39 @@
import {Component, OnInit} from '@angular/core';
import {ProductOrders} from "../models/product-orders.model";
import {Subscription} from "rxjs/internal/Subscription";
import {EcommerceService} from "../services/EcommerceService";
@Component({
selector: 'app-orders',
templateUrl: './orders.component.html',
styleUrls: ['./orders.component.css']
})
export class OrdersComponent implements OnInit {
orders: ProductOrders;
total: number;
paid: boolean;
sub: Subscription;
constructor(private ecommerceService: EcommerceService) {
this.orders = this.ecommerceService.ProductOrders;
}
ngOnInit() {
this.paid = false;
this.sub = this.ecommerceService.OrdersChanged.subscribe(() => {
this.orders = this.ecommerceService.ProductOrders;
});
this.loadTotal();
}
pay() {
this.paid = true;
this.ecommerceService.saveOrder(this.orders).subscribe();
}
loadTotal() {
this.sub = this.ecommerceService.TotalChanged.subscribe(() => {
this.total = this.ecommerceService.Total;
});
}
}

Some files were not shown because too many files have changed in this diff Show More