Simple Dropwizard and Angular Upload / View Example
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is even with neosavvyinc:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Neosavvy Commons User Angular and Backbone


The purpose of this little sample is to provide a quick analysis of two common javascript frameworks in use today. Angular is a new framework from some guys at Google and Backbone is from a bright young fellow at the NY Times.

The sample includes a simple Java based CRUD implementation for Users and was built using the DropWizard framework of Yammer

Read about DropWizard here Read about Angular JS here Read about Backbone JS here


To setup Dropwizard and build you will need to make sure you have Maven 3.X installed. After you have followed the instructions for setting up Maven then you should be able to open a terminal and execute the following:


This should fetch all the Java dependencies and start the server running on port 8080. I also use MAMP to provide some hooks to Apache and MySQL in one nice clean package. You are welcome to use Apache and MySQL installed on their own but they require the following settings:

ProxyPass settings should be added to the advanced tab of MAMP for your server

ProxyPass /backend ProxyPassReverse /backend

I also set my server up to be called and hopefully I don't have any hard coded references to that NameVirtualHost, however if I do please point them out.

To create your database use the following create table script:

CREATE commons; USE commons; CREATE TABLE user (  id int(11) NOT NULL AUTO_INCREMENT,  firstName varchar(1024) DEFAULT NULL,  lastName varchar(1024) DEFAULT NULL,  email varchar(4096) DEFAULT NULL,  PRIMARY KEY (id) ) ENGINE=InnoDB AUTO_INCREMENT=10;

I also created a user with name "commons" password "commons" with full rights on this database.

You should see that when you execute the script that your sever starts and when you browse to the following two URLs you are greeted with a simple UI.

Backbone: Angular:

Please give my blog post a read and comment if you have any questions or other things to say.