/generator-angular-slim

Yeoman generator for AngularJS + Slim

Primary LanguageJavaScriptMIT LicenseMIT

The Angular-Slim generator

A Yeoman generator for AngularJS and Slim.

Slim is a PHP-based micro-framework. For AngularJS integration with other micro-frameworks, see https://github.com/rayokota/MicroFrameworkRosettaStone.

Installation

Install Git, node.js, and PHP 5.4. The development mode also requires either SQLite, MySQL, or PostgreSQL.

Install Yeoman:

npm install -g yo

Install the Angular-Slim generator:

npm install -g generator-angular-slim

The above prerequisites can be installed to a VM using the Angular-Slim provisioner.

Creating a Slim service

In a new directory, generate the service:

yo angular-slim

Install Composer:

curl -s http://getcomposer.org/installer | php

Install dependencies manually if composer was not pre-installed:

php composer.phar update

Run the service:

php -S 127.0.0.1:8080 -t public

Your service will run at http://localhost:8080.

Creating a persistent entity

Generate the entity:

yo angular-slim:entity [myentity]

You will be asked to specify attributes for the entity, where each attribute has the following:

  • a name
  • a type (String, Integer, Float, Boolean, Date, Enum)
  • for a String attribute, an optional minimum and maximum length
  • for a numeric attribute, an optional minimum and maximum value
  • for a Date attribute, an optional constraint to either past values or future values
  • for an Enum attribute, a list of enumerated values
  • whether the attribute is required

Files that are regenerated will appear as conflicts. Allow the generator to overwrite these files as long as no custom changes have been made.

Install dependencies manually if composer was not pre-installed:

php composer.phar update

Run the service:

php -S 127.0.0.1:8080 -t public

A client-side AngularJS application will now be available by running

grunt server

The Grunt server will run at http://localhost:9000. It will proxy REST requests to the Slim service running at http://localhost:8080.

At this point you should be able to navigate to a page to manage your persistent entities.

The Grunt server supports hot reloading of client-side HTML/CSS/Javascript file changes.