Div-idy logo

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.

Updated Time: ~3–5 minutes Audience: All users
Open My Projects Connect a Database Edit After Publishing

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
Tip

You can choose whether data is displayed publicly or only visible to you, depending on your prompt.

Step-by-step: display database data

1

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
2

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.
3

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.