Example Purchase Order System

About This Space

Simple example of a real world business application


Last updated on October 13, 2020

Forked from: /profound-logic/example-purchase-order-system/

Public Permissions:   View   Open/Fork   Run   Comment  

Purchase Order System

Description

This is an example application to demonstrate an implementation of a Purchase Order (PO) System.

How to Use This Application

  1. If you are viewing this in the IDE or NodeRun Community Site, you can launch the application using the Launch option. Otherwise, you can navigate to the application page by going to https://noderun.com/run/profound-logic/example-purchase-order-system/.
  2. On the initial screen of the application, you'll see a simple dashboard that provides some quick statistics and graphs of the data. The graphs are used here to a create quick reference of extrapolated data. The information provided in the graphs are not readily available in the data grid, but may have information the user requires. These graphs uses the data of the most recent database query, so updating the database means the charts will automatically update after a new query, which can be forced by refreshing the screen. Screenshot of the PO System App when first opened.
  3. Clicking a record in the grid on the initial screen will take the user to the Edit screen. On this screen, users can view all of the record data and update it and its products. Screenshot of the PO System App Edit Screen

Please Note

Some functionalities are not implemented in this example for protection of the example database.

Screenshot of the `Function Not Allowed` dialog box.

Screenshot of the PO System App initial screen with a red box around the `Create New PO Record` button.

Screenshot of the PO System App edit screen with a red box around the `Delete` button.

Notes on How It Was Made

  • Data - The example data was randomly generated with Mockaroo.
  • Database - Because the database does not require set up, as one is provided with each NodeRun workspace, you can add your database tables in a variety of ways using our database tools, accessible in the Database tab of the left-side panel. To learn more about how to use the database, please review our documentation or ask your question in the comments of this workspace or our Community Discuss Forum.

Contributors

@megan_bond

@bmay

@rruizque

Be the first to comment:      

Comments

Write Preview Markdown: bold italic code link
Post

Filters:

Popular Recent

Vue.js using Rich Display Components built in the Visual Designer

9002

0

0