Skip to content

my CRUD base application framework using angular 7. WIP

License

Notifications You must be signed in to change notification settings

novanxyz/product_catalog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My WIP Project to create CRUD Base Application Framework

  1. it based on https://github.com/gothinkster/angular-realworld-example-app
  2. Will implement 12 Factor of application https://12factor.net/
  3. The logic actually same with https://github.com/novanxyz/vardion_catalog, but using angular, for easy portability to go android apps.

Planned features

  1. Basic CRUD Operations ( for each model )

    • there will be two page each model, list page and detail page (obvious)
    • card-base listing for list page (repeately render model card)
    • form-base details for details page ( go on readonly/view and input/edit mode respectfully)
  2. Login Detection ( as vardion_catalog ).

  3. Server Settings (lang, currency, name-value pairs for selections) pre-reloads ( as vardion_catalog ).

  4. Custom shared components

    • Paginator
    • Calendar View
    • Dynamic Menu Renderer
    • etc..
  5. Schematics Template, generated complete module structure from a model.

    • You needed to define model class file in root folder.
    • Generate model modules by execute an command with model class file as input.
    • Fix/Modify templates view (especially card and form view) in the .html file.
    • Add action logics in the .ts file.
    • obviously styling in the .css file.
    • test script in the .specs.ts file if you mandated or prefer.

Module Structure

1 Module will consists :

  1. Routing Module, will consits 2 routes, list and details
  2. 2 Page components ( list and detail )
    • list view to multiple records actions
    • detail view for single records (you may want to add relational view, that's why detail view != readonly form view)
  3. 1 card view component ( for list view, for additional action buttons)
  4. 1 form view component ( for detail view, for additional view logic )
  5. 1 formgroup class ( extend from FormGroup class for form binding, for form validation )
  6. 1 service ( CRUD REST API ready) and offline capabilities.

You'll see the progress on commit messages.

About

my CRUD base application framework using angular 7. WIP

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published