Home > Article > Backend Development > Build responsive web applications using Golang functions

Build responsive web applications using Golang functions

PHPzOriginal: 2024-05-02 12:12:01993browse

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.

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

2. Run the application

Run the following command to start your application:

go run main.go

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

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>Hello, World!</h1>
</body>
</html>

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

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

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

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!

golang html http

Statement：

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

Previous article：Reusability-oriented development of golang functions in object-oriented programmingNext article：Reusability-oriented development of golang functions in object-oriented programming

See more

Build responsive web applications using Golang functions

Related articles