Build responsive web applications using Golang functions-Golang-php.cn

Table of Contents

Hello, World!

Home

Backend Development

Golang

Build responsive web applications using Golang functions

May 02, 2024 pm 12:12 PM

php java golang

Answer: You can use Golang functions to build responsive web applications that provide dynamic content and interactive interfaces. Detailed description: Create a Go function that defines an HTTP handler to respond to requests. Run the application to start the HTTP server. Add responsive content that resizes based on the device using the html/template package. Create a practical case and display a dynamic list. Run the application and watch the page automatically adjust to fit the width of the browser window.

Build responsive web applications using Golang functions

Building responsive web applications using Golang functions

Building responsive web applications using Golang functions can be created quickly and efficiently Applications with dynamic content and interactive interfaces. This tutorial will guide you step-by-step through building a simple application.

1. Create a Go function

Create a file named main.go and add the following code:

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)
}

Copy after login

2. Run the application

Run the following command to start your application:

go run main.go

Copy after login

3. Test the application

Open http://localhost:8080 in the browser. You should see a message: "Hello, World!".

4. Add responsive content

To make the application respond to device size changes, we will use the html/template package. Add the following code to 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)
}

Copy after login

Create a file named index.html in the templates directory and add the following Code:

<!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>

Copy after login

5. Test responsive content

Rerun the application. You'll see the page automatically resize to the width of your browser window.

Practical case: dynamic list

Now, let's build a more complex practical case - an application that displays a dynamic list.

Modify main.go as follows:

func main() {
    // ...同上。

    // 创建一个列表
    list := []string{"Item 1", "Item 2", "Item 3"}

    // 将列表传递给模板
    tpl.Execute(w, list)
}

Copy after login

Add the following code in index.html to display the list:

<ul>
  {{ range $index, $item := . }}
    <li>{{ $index + 1 }}. {{ $item }}</li>
  {{ end }}
</ul>

Copy after login

Conclusion

This is how to use Golang functions to build responsive web applications. By following this tutorial, you've acquired the tools and skills you need to build a powerful, interactive application.

The above is the detailed content of Build responsive web applications using Golang functions. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn