Arbeiten mit der Dashboard-Seite
Konzentrieren wir uns nun auf die Dashboard-Seite und sehen uns die Theorie in der Praxis an, um das Konzept besser zu verstehen.
Zurück zum Projekt
Kopieren und fügen Sie den folgenden Code in app/dashboard/page.tsx
ein. Nehmen Sie sich einen Moment Zeit, um die Benutzeroberfläche zu erkunden. Beachten Sie jedoch, dass keine Daten vorhanden sind, sodass auf der Live-Seite keine Änderungen angezeigt werden.
Abrufen von Daten für IncomeChart
Um Einkommensdaten abzurufen, die Funktion fetchIncome
aus dem Modul '@/app/lib/data'
importieren und innerhalb der Page
-Komponente aufrufen. Anschließend die IncomeChart
-Komponente auskommentieren und die Live-Seite überprüfen.
Als Nächstes folgende Schritte ausführen, um das Einkommensdiagramm anzuzeigen:
- Die Datei
app/ui/dashboard/income-chart.tsx
aufrufen. - Den bereitgestellten UI-Code auskommentieren.
Dies führt zu folgendem Einkommensdiagramm auf der Live-Seite.
In der Praxis
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.08
Arbeiten mit der Dashboard-Seite
Swipe um das Menü anzuzeigen
Konzentrieren wir uns nun auf die Dashboard-Seite und sehen uns die Theorie in der Praxis an, um das Konzept besser zu verstehen.
Zurück zum Projekt
Kopieren und fügen Sie den folgenden Code in app/dashboard/page.tsx
ein. Nehmen Sie sich einen Moment Zeit, um die Benutzeroberfläche zu erkunden. Beachten Sie jedoch, dass keine Daten vorhanden sind, sodass auf der Live-Seite keine Änderungen angezeigt werden.
Abrufen von Daten für IncomeChart
Um Einkommensdaten abzurufen, die Funktion fetchIncome
aus dem Modul '@/app/lib/data'
importieren und innerhalb der Page
-Komponente aufrufen. Anschließend die IncomeChart
-Komponente auskommentieren und die Live-Seite überprüfen.
Als Nächstes folgende Schritte ausführen, um das Einkommensdiagramm anzuzeigen:
- Die Datei
app/ui/dashboard/income-chart.tsx
aufrufen. - Den bereitgestellten UI-Code auskommentieren.
Dies führt zu folgendem Einkommensdiagramm auf der Live-Seite.
In der Praxis
Danke für Ihr Feedback!