go html页面渲染02

Posted zhangxiaoj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了go html页面渲染02相关的知识,希望对你有一定的参考价值。

渲染到浏览器页面

//把数据渲染到浏览器
package main

import (
	"fmt"
	"text/template"
	"net/http"
)

//定义全局的模板变量
var mytemplate *template.Template

type User struct 
	Name string
	Role string


func init () 
	var err error
	mytemplate, err = template.ParseFiles("./test01.html")
	if err != nil 
		fmt.Println("parse file failed, error:", err)
	




func dealTest1 (w http.ResponseWriter, r *http.Request) 

	u1 := User
		"admin",
		"管理员",
	

	err := mytemplate.Execute(w, u1)
	if err != nil
		fmt.Println("excute failed, error:", err)
	




func main () 
	//设置路由
	http.HandleFunc("/test1", dealTest1)
	err := http.ListenAndServe("localhost:8080", nil)

	if err != nil 
		fmt.Println("listen server failed, error:", err)
		return
	


  hmtl页面:

  

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1>用户名:.Name,角色.Role</h1>
</body>
</html>

  开启服务,然后在浏览器输入localhost:8080/test

  技术图片

 

以上是关于go html页面渲染02的主要内容,如果未能解决你的问题,请参考以下文章

Vue js 路由到另一个页面后不会重新渲染页面高度

codeigniter 将 html 渲染为图像

vue修改数据,刷新当前页面,重新渲染页面数据

vue 监听窗口变化对页面部分元素重新渲染

使用axios获取数据并渲染到HTML页面

在页面上将 Highcharts 画布渲染为 PNG