User interface diagram - donvadicastro/generator-xmi GitHub Wiki

UI iteractions generation

User interface diagrams allows to represents user defined forms to get input data and link it with data processing flow.

Sequence diagram, connected to UI diagram, will receive all user input information as input data.

UI generation

Generated user form

UI diagram will be generated as separate screen page in resulting SPA solution and available by separate url. Following the concept of atomicity and isolation - screen will be represented as separate component, that can be injected into any other user pages.

UI generated screen

"Save" button click will trigger "Save user" sequence flow though exposed REST API call.

POST http://localhost:3000/api/v1/ui-diagrams/save-user
{
  "birthDay":"2019-11-20T21:06:14.000Z",
  "firstName":"First",
  "lastName":"Last"
}

Server response will be merged into UI data model and replace current state.

⚠️ **GitHub.com Fallback** ⚠️