How to Display Database Data on a Webpage
Once your project is saving data, you can easily show that data on a web page. Just tell Div-idy in your prompt what database data you want to display—Div-idy handles the rest.
Quick Answer
To display database data, include in your prompt that you want to show data from the database (for example, a list of form submissions or orders). Div-idy will generate the logic and UI automatically. You can always inspect the raw data using the Database tool on your project page.
Common ways to display data
- Tables (leads, orders, admin dashboards)
- Lists or cards (submissions, messages, items)
- Public directories or feeds
- Summary counts and statistics
You can choose whether data is displayed publicly or only visible to you, depending on your prompt.
Step-by-step: display database data
Make sure data is being saved
Your project must already store data in a database (for example, from a form).
Example:
Contact form saves name, email, and message
Prompt Div-idy to display the data
Tell Div-idy exactly what data you want to show and how it should appear.
Example prompt:
Display all contact form submissions from the database
in a table with columns for name, email, message, and date.
Sort by newest first.
View and manage data in the Database tool
Open your project page and click Database to inspect entries directly.
Project page →
Click: Database
View stored records
Prompt examples
Display database entries as cards showing:
- Name
- Email
- Submission date
Only show the most recent 20 entries.
Create an admin-only dashboard that displays all orders
from the database with totals and timestamps.