meanjs-table is a yeoman generator based on the great meanjs generator that displays entities in a table form from where you can create, read, update and remove each database record
Switch branches/tags
Nothing to show
Clone or download
Jose Luis Monteagudo
Jose Luis Monteagudo fix jshint warnings
Latest commit b1ebea2 Jun 15, 2015

README.md

MEANJS-TABLE

meanjs-table is a yeoman generator based on the great meanjs generator. As the MEAN.JS Team says:

MEAN.JS is a full-stack JavaScript open-source solution, which provides a solid starting point for MongoDB, Node.js, Express, and AngularJS based applications. The idea is to solve the common issues with connecting those frameworks, build a robust framework to support daily development needs, and help developers use better practices while working with popular JavaScript components.

Overview

The meanjs generator displays database records like a blog structure. However, when we are developing enterprise applications, it's common that when we create new entities we have to display them in a table form, and from this table we should be able to perform CRUD operations. I have adapted the crud-module subgenerator, so when you create a new module it's created in a table form from where you can create, read, update and remove each database record.

Note: meanjs-table generator uses angular-formly to display forms so, as we will see below, it's very easy and very fast adapt our forms to our entities.

Video Tutorial

MEANJS Table

Getting Started

At first place, you will need to install the meanjs-table generator:

$ npm install -g generator-meanjs-table

You have to create a new folder for your project and from this folder you will generate your application:

$ yo meanjs-table

Next, you will create a new entity:

$ yo meanjs-table:crud-module <module-name>

This will create both AngularJS and Express files supporting full CRUD functionality.

This subgenerator will create an entity with only one property called 'name'. If we want to add new properties to our entity, we weed to follow these three steps:

  • Add new properties to the Mongoose Schema in app/models/module-name.server.model.js
  • Add new properties to the angular-formly array properties in public/modules/module-name/services/module-name.form.client.service.js
  • Add new columns for the new properties in the HTML table in public/modules/module-name/views/list-module-name.client.view.html

License

BSD license