This is an activator project which provides a seed to start working with OrientDB, Play & ScalaJS using AngularJS.
This is a multiproject build that shows how to use Play2, ScalaJS, OrientDB, RequireJS and AngularJS in order to create a simple single-page application that displays data stored in a database.
Here you can find the working example of this seed.
Server side of the application is based on Play2 Framework. Play is a high-velocity web framework for Java and Scala. It is based on a lightweight, stateless, web-friendly architecture, and follows MVC patterns and principles. Client side uses AngularJS framework and is written in ScalaJS and native Javascript.
OrientDB is a Multi-Model Open Source NoSQL DBMS that combines the power of graphs and the flexibility of documents into one scalable, high-performance operational database. Database interaction tools provided by the orientdb-migrations library enables interacting with the database in an asynchronous reactive way.
At first step in OnApplicationStart point, located in web module, we create several test records in the database which represents a simple graph with a few nodes and edges between them. Data stucture of the graph is defined in SharedJS module
To transit data from database to front-end application uses Prickle library that allows easily pickling (serializing) object graphs between Scala and Scala.js.
When the user, at client side, requests data from the database, the application starts an OrientDbService of the ScalaJS module to deserialize data provided and serialized by the server-side DatabaseController.loadGraph() method. DatabaseController uses orientdb-migrations library to load data from OrientDB.
Client side of application is based on AngularJS and Twitter Bootstrap framework. It allows creating controllers both in ScalaJS and native Javascript. In order to visualise a graph represented in Scala classes, the application uses Cytoscape.js library
Application has four levels of testing:
-
Unit tests of back-end modules is written with ScalaTest and located in web/test/unit package.
-
Unit tests of front-end AngularJS-driven modules is performed by Karma. They are located in web/test/midway package.
-
Functional tests is to check functionality of the whole system and located in web/test/functional package. Tests is written with ScalaTest and runs in headless browser.
-
End-to-end tests is to check the behavior of application running in a real browser, interacting with it as a user would. Tests located in web/test/e2e package. This tests is performed by Protractor framework
To run tests first you need install Karma and Protractor modules:
$ npm installThen type
$ sbt test
Copyright © 2016, Alexander Ray
Developed by: Alexander Ray (dev@alexray.me), Maksim Budilovskiy (maksim.budilovskiy@gmail.com)
Licensed under the Apache License, Version 2.0