Mit der Entwicklung des Internets sind Daten zunehmend in den Fokus der Aufmerksamkeit der Menschen gerückt. In der Praxis müssen wir Daten visualisieren, um sie besser analysieren und lernen zu können. In diesem Artikel wird erläutert, wie Sie mit Golang Webanwendungen schreiben und Visualisierungsbibliotheken verwenden, um eine Datenvisualisierung zu erreichen.
- Einführung in Golang
Golang ist eine von Google entwickelte Programmiersprache. Sein Designziel besteht darin, die Entwicklungseffizienz und Wartbarkeit von Programmen zu verbessern. Golang ist eine stark typisierte, statisch kompilierte Sprache mit Parallelität und Garbage Collection. Es wird häufig in der serverseitigen Programmierung, im Cloud Computing und in der Entwicklung von Webanwendungen eingesetzt.
- Webanwendungsentwicklung
Beim Schreiben von Webanwendungen mit Golang müssen wir ein Webframework verwenden. Zu den häufig verwendeten Web-Frameworks gehören: Gin, Echo, Beego usw. In diesem Artikel verwenden wir das Gin-Framework als Beispiel zur Demonstration. Zuerst müssen wir das Gin-Framework und andere notwendige Abhängigkeiten installieren. Geben Sie einfach den folgenden Befehl in die Konsole ein:
go get -u github.com/gin-gonic/gin
Als nächstes müssen wir eine einfache Webanwendung schreiben. Erstellen Sie eine Datei mit dem Namen „main.go“ mit dem folgenden Befehl in der Konsole:
touch main.go
Öffnen Sie die erstellte „main.go“-Datei und geben Sie den folgenden Code ein:
package main
import „github. com/gin-gonic/gin"
func main() {
r := gin.Default()
r.GET("/", func(c *gin.Context) {
c.JSON(200, gin.H{
"message": "Hello World!",
})
})
r.Run()Nach dem Login kopieren
}
Im Code verwenden wir die Standardmethode des Gin-Pakets, um eine Gin-Engine r zu erstellen. Dann verwenden wir die GET-Methode, um eine Route zu definieren. Wenn wir auf den Stammpfad „/“ zugreifen, wird eine JSON-Nachricht „Hello World!“ zurückgegeben. Abschließend starten wir die Webanwendung mit der Run-Methode. Geben Sie den folgenden Befehl in die Konsole ein, um die Webanwendung auszuführen:
go run main.go
Dann können wir im Browser auf „http://localhost:8080/“ zugreifen und die Ausgabeinformationen sehen.
- Datenvisualisierung
Mit den Grundkenntnissen von Webanwendungen können wir mit der Visualisierung von Daten mithilfe von Visualisierungsbibliotheken beginnen. Zu den häufig verwendeten Visualisierungsbibliotheken gehören: Chart.js, D3.js, Echarts usw. In diesem Artikel verwenden wir Chart.js als Beispiel zur Demonstration. Zuerst müssen wir die Chart.js-Bibliothek installieren. Geben Sie einfach den folgenden Befehl in die Konsole ein:
npm install chart.js --save
Als nächstes müssen wir das vorherige Programm ändern, um die Chart.js-Bibliothek einzuführen. Öffnen Sie die Datei „main.go“ und ändern Sie den Code wie folgt:
package main
import (
"github.com/gin-gonic/gin"
"net/http"
Nach dem Login kopieren
)
func main() {
r := gin.Default()
r.LoadHTMLGlob("templates/*")
r.GET("/", func(c *gin.Context) {
c.HTML(http.StatusOK, "index.tmpl", gin.H{})
})
r.Run(":8080")Nach dem Login kopieren
}
Im Code geben wir zunächst die Vorlage mit an die LoadHTMLGlob-Methode Der Pfad zur Datei. Anschließend haben wir mithilfe von HTML-Methoden eine HTML-Vorlage namens „index.tmpl“ gerendert und die Daten an die Vorlage übergeben. In der Vorlage können wir die Chart.js-Bibliothek zur Datenvisualisierung verwenden. Erstellen Sie eine Datei mit dem Namen „index.tmpl“ mit dem folgenden Befehl in der Konsole:
touch templates/index.tmpl
Öffnen Sie die erstellte Datei „index.tmpl“ und geben Sie den folgenden Code ein:
<title>Chart.js Example</title>
<script src="/js/chart.min.js"></script>
Nach dem Login kopieren
<canvas id="myChart"></canvas>
<script>
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255, 99, 132, 1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
</script>Nach dem Login kopieren
Im Code verwenden wir die Chart.js-Bibliothek So können Sie Diagramme im Canvas zeichnen. In diesem Beispiel zeichnen wir ein Histogramm. Wir können einige Daten im Backend-Programm abrufen und an das Frontend übergeben. Diese Daten können wir dann in HTML-Vorlagen für visuelle Operationen verwenden.
- Fazit
In diesem Artikel haben wir vorgestellt, wie man eine Webanwendung mit Golang schreibt und die Datenvisualisierung mithilfe der Chart.js-Bibliothek implementiert. Obwohl die Codebeispiele in diesem Artikel relativ einfach sind, können sie uns helfen zu verstehen, wie man mit Golang für die Webentwicklung beginnt und wie man Visualisierungsbibliotheken kombiniert, um eine Datenvisualisierung zu erreichen.
Das obige ist der detaillierte Inhalt vonSo verwenden Sie Golang zur Implementierung der Webdatenvisualisierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
