Bina aplikasi web responsif menggunakan fungsi Golang
Jawapan: Anda boleh menggunakan fungsi Golang untuk membina aplikasi web responsif yang menyediakan kandungan dinamik dan antara muka interaktif. Penerangan terperinci: Buat fungsi Go yang mentakrifkan pengendali HTTP untuk membalas permintaan. Jalankan aplikasi untuk memulakan pelayan HTTP. Tambahkan kandungan responsif yang mengubah saiz berdasarkan peranti menggunakan pakej html/templat. Cipta kes praktikal dan paparkan senarai dinamik. Jalankan aplikasi dan tonton halaman secara automatik melaraskan agar sesuai dengan lebar tetingkap penyemak imbas.
Membina aplikasi web responsif menggunakan fungsi Golang
Membina aplikasi web responsif menggunakan fungsi Golang membolehkan anda membuat aplikasi dengan cepat dan cekap dengan kandungan dinamik dan antara muka interaktif. Tutorial ini akan membimbing anda langkah demi langkah untuk membina aplikasi mudah.
1. Buat fungsi Go
Buat fail bernama main.go dan tambah kod berikut: main.go 的文件，并添加以下代码：
package main
import (
"fmt"
"net/http"
)
func main() {
// 定义一个 HTTP 请求处理函数
http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
fmt.Fprintf(w, "Hello, World!")
})
// 监听端口 8080
http.ListenAndServe(":8080", nil)
}2. 运行应用程序
运行以下命令来启动您的应用程序：
go run main.go
3. 测试应用程序
在浏览器中打开 http://localhost:8080。您应该会看到一条消息：“Hello, World!”。
4. 添加响应式内容
为了使应用程序响应设备大小的变化，我们将使用 html/template 包。添加以下代码到 main.go：
import "html/template"
var tpl *template.Template
func init() {
tpl = template.Must(template.ParseFiles("index.html"))
}
func main() {
// ...同上。
// 渲染 index.html 模板
tpl.Execute(w, nil)
}在 templates 目录中创建一个名为 index.html 的文件，并添加以下代码：
<!DOCTYPE html> <html> <head> <title>Responsive Web App</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <h1 id="Hello-World">Hello, World!</h1> </body> </html>
5. 测试响应式内容
重新运行应用程序。您会看到页面会根据浏览器窗口的宽度自动调整大小。
实战案例：动态列表
现在，让我们构建一个更复杂的实战案例 - 一个显示动态列表的应用程序。
修改 main.go 如下：
func main() {
// ...同上。
// 创建一个列表
list := []string{"Item 1", "Item 2", "Item 3"}
// 将列表传递给模板
tpl.Execute(w, list)
}在 index.html
<ul>
{{ range $index, $item := . }}
<li>{{ $index + 1 }}. {{ $item }}</li>
{{ end }}
</ul>2. Jalankan aplikasi
Jalankan arahan berikut untuk memulakan Permohonan anda:rrreee
🎜3 Untuk menguji aplikasi 🎜🎜🎜 bukahttp://localhost:8080 dalam penyemak imbas anda. Anda sepatutnya melihat mesej: "Hello, World!". 🎜🎜🎜4. Tambah Kandungan Responsif 🎜🎜🎜Untuk membuat aplikasi bertindak balas kepada perubahan saiz peranti, kami akan menggunakan pakej html/template. Tambahkan kod berikut pada main.go: 🎜rrreee🎜Buat fail bernama index.html dalam direktori templates dan tambahkan kod berikut : 🎜rrreee🎜🎜5. Uji kandungan responsif🎜🎜🎜Jalankan semula apl. Anda akan melihat halaman diubah saiz secara automatik kepada lebar tetingkap penyemak imbas anda. 🎜🎜🎜 Contoh Praktikal: Senarai Dinamik 🎜🎜🎜 Sekarang, mari kita bina contoh praktikal yang lebih kompleks - aplikasi yang memaparkan senarai dinamik. 🎜🎜Ubah suai main.go seperti berikut: 🎜rrreee🎜Tambahkan kod berikut dalam index.html untuk memaparkan senarai: 🎜rrreee🎜🎜Kesimpulan🎜🎜🎜Beginilah caranya untuk menggunakan Fungsi Golang untuk membina aplikasi web responsif. Dengan mengikuti tutorial ini, anda telah memperoleh alatan dan kemahiran yang anda perlukan untuk membina aplikasi interaktif yang berkuasa. 🎜Atas ialah kandungan terperinci Bina aplikasi web responsif menggunakan fungsi Golang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Panduan Pemasangan dan Naik Taraf PHP 8.4 untuk Ubuntu dan Debian
Dec 24, 2024 pm 04:42 PM
PHP 8.4 membawa beberapa ciri baharu, peningkatan keselamatan dan peningkatan prestasi dengan jumlah penamatan dan penyingkiran ciri yang sihat. Panduan ini menerangkan cara memasang PHP 8.4 atau naik taraf kepada PHP 8.4 pada Ubuntu, Debian, atau terbitan mereka
Cara Menyediakan Kod Visual Studio (Kod VS) untuk Pembangunan PHP
Dec 20, 2024 am 11:31 AM
Kod Visual Studio, juga dikenali sebagai Kod VS, ialah editor kod sumber percuma — atau persekitaran pembangunan bersepadu (IDE) — tersedia untuk semua sistem pengendalian utama. Dengan koleksi sambungan yang besar untuk banyak bahasa pengaturcaraan, Kod VS boleh menjadi c
Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP?
Feb 07, 2025 am 11:57 AM
Tutorial ini menunjukkan cara memproses dokumen XML dengan cekap menggunakan PHP. XML (bahasa markup extensible) adalah bahasa markup berasaskan teks yang serba boleh yang direka untuk pembacaan manusia dan parsing mesin. Ia biasanya digunakan untuk penyimpanan data
Cuti atau kembali dari Java 8 Stream Foreach?
Feb 07, 2025 pm 12:09 PM
Java 8 memperkenalkan API Stream, menyediakan cara yang kuat dan ekspresif untuk memproses koleksi data. Walau bagaimanapun, soalan biasa apabila menggunakan aliran adalah: bagaimana untuk memecahkan atau kembali dari operasi foreach? Gelung tradisional membolehkan gangguan awal atau pulangan, tetapi kaedah Foreach Stream tidak menyokong secara langsung kaedah ini. Artikel ini akan menerangkan sebab -sebab dan meneroka kaedah alternatif untuk melaksanakan penamatan pramatang dalam sistem pemprosesan aliran. Bacaan Lanjut: Penambahbaikan API Java Stream Memahami aliran aliran Kaedah Foreach adalah operasi terminal yang melakukan satu operasi pada setiap elemen dalam aliran. Niat reka bentuknya adalah
Program PHP untuk mengira vokal dalam rentetan
Feb 07, 2025 pm 12:12 PM
Rentetan adalah urutan aksara, termasuk huruf, nombor, dan simbol. Tutorial ini akan mempelajari cara mengira bilangan vokal dalam rentetan yang diberikan dalam PHP menggunakan kaedah yang berbeza. Vokal dalam bahasa Inggeris adalah a, e, i, o, u, dan mereka boleh menjadi huruf besar atau huruf kecil. Apa itu vokal? Vokal adalah watak abjad yang mewakili sebutan tertentu. Terdapat lima vokal dalam bahasa Inggeris, termasuk huruf besar dan huruf kecil: a, e, i, o, u Contoh 1 Input: String = "TutorialSpoint" Output: 6 menjelaskan Vokal dalam rentetan "TutorialSpoint" adalah u, o, i, a, o, i. Terdapat 6 yuan sebanyak 6
Java Made Simple: Panduan Pemula untuk Kuasa Pengaturcaraan
Oct 11, 2024 pm 06:30 PM
Java Made Simple: Panduan Permulaan untuk Kuasa Pengaturcaraan Pengenalan Java ialah bahasa pengaturcaraan berkuasa yang digunakan dalam segala-galanya daripada aplikasi mudah alih hingga sistem peringkat perusahaan. Untuk pemula, sintaks Java adalah ringkas dan mudah difahami, menjadikannya pilihan ideal untuk pembelajaran pengaturcaraan. Sintaks Asas Java menggunakan paradigma pengaturcaraan berorientasikan objek berasaskan kelas. Kelas ialah templat yang menyusun data dan tingkah laku yang berkaitan bersama-sama. Berikut ialah contoh kelas Java yang mudah: publicclassPerson{privateStringname;privateintage;
Cipta Masa Depan: Pengaturcaraan Java untuk Pemula Mutlak
Oct 13, 2024 pm 01:32 PM
Java ialah bahasa pengaturcaraan popular yang boleh dipelajari oleh pembangun pemula dan berpengalaman. Tutorial ini bermula dengan konsep asas dan diteruskan melalui topik lanjutan. Selepas memasang Kit Pembangunan Java, anda boleh berlatih pengaturcaraan dengan mencipta program "Hello, World!" Selepas anda memahami kod, gunakan gesaan arahan untuk menyusun dan menjalankan program, dan "Hello, World!" Pembelajaran Java memulakan perjalanan pengaturcaraan anda, dan apabila penguasaan anda semakin mendalam, anda boleh mencipta aplikasi yang lebih kompleks.
Program Java untuk mencari kelantangan kapsul
Feb 07, 2025 am 11:37 AM
Kapsul adalah angka geometri tiga dimensi, terdiri daripada silinder dan hemisfera di kedua-dua hujungnya. Jumlah kapsul boleh dikira dengan menambahkan isipadu silinder dan jumlah hemisfera di kedua -dua hujungnya. Tutorial ini akan membincangkan cara mengira jumlah kapsul yang diberikan dalam Java menggunakan kaedah yang berbeza. Formula volum kapsul Formula untuk jumlah kapsul adalah seperti berikut: Kelantangan kapsul = isipadu isipadu silinder Dua jumlah hemisfera dalam, R: Radius hemisfera. H: Ketinggian silinder (tidak termasuk hemisfera). Contoh 1 masukkan Jejari = 5 unit Ketinggian = 10 unit Output Jilid = 1570.8 Unit padu menjelaskan Kirakan kelantangan menggunakan formula: Kelantangan = π × r2 × h (4
