go渲染静态html引擎模版

news2025/1/18 17:02:09

写个小例子介绍一下渲染html引擎模板的使用,大致目录结果如下:
请添加图片描述
templates目录下三个html内容如下:
index.html

<title>模板1</title>
 <link rel="stylesheet" href="/css/index.css" />
 <h1 class="text">三亚旅游景点1</h1>
 <img src="/img/sy1.jpg" alt="" />

index2.html

  <title>模板2</title>
   <link rel="stylesheet" href="/css/index2.css" />
    <h1 class="text">三亚旅游景点2</h1>
    <img src="/img/sy2.jpg" alt="" />

index3.html

 <title>模板3</title>
  <link rel="stylesheet" href="/css/index3.css" />
   <h1 class="text">三亚旅游景点3</h1>
   <img src="/img/sy3.jpg" alt="" />

wwwroot目录下css/*.css,分别内容如下:
index.css

.text {
    position: absolute;
    top: 50px;
    left: 100px;
    color: red;
    font-weight: 800;
    font-size: 40px;
}

img {
    width: 100%;
    height: 100%;
}

index2.css

.text {
    position: absolute;
    top: 50px;
    left: 100px;
    color: rgb(166, 255, 0);
    font-weight: 800;
    font-size: 40px;
}
img {
    width: 100%;
    height: 100%;
}

index3.css

.text {
    position: absolute;
    top: 50px;
    left: 100px;
    color: rgb(0, 153, 255);
    font-weight: 800;
    font-size: 40px;
}
img {
    width: 100%;
    height: 100%;
}

wwwroot目录下img/*.jpg,分别三个图片:

sy1.jpg  sy2.jpg   sy3.jpg 

main.go处理基本路由切换

package main

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

func loadTemplates() *template.Template {
	result := template.New("templates")
	// 这两行可以合成一行代码
	// res, err := result.ParseGlob("template/*.html")
	// template.Must(res, err)
	// 出错就终止程序
	template.Must(result.ParseGlob("templates/*.html"))

	return result
}

func main() {
	temp := loadTemplates()

	http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {

		// 把路径的*.html切片
		fileName := r.URL.Path[1:]
		fmt.Println(fileName, "当前渲染模版")

		// 设置默认值
		if fileName == "" {
			fileName = "index.html"
		}

		// 匹配html模板解析
		t := temp.Lookup(fileName)

		if t != nil {
			err := t.Execute(w, nil)
			if err != nil {
				log.Fatalln(err.Error())
			}
		} else {
			// 404
			w.WriteHeader(http.StatusNotFound) // 404 Not Found
		}
	})

	// 处理姿态资源css和img 根目录是example
	http.Handle("/css/", http.FileServer(http.Dir("wwwroot")))
	http.Handle("/img/", http.FileServer(http.Dir("wwwroot")))

	// 启动服务器
	server := http.Server{
		Addr: "localhost:9999",
	}
	server.ListenAndServe()

}

服务启动http://localhost:9999/ 或者 http://localhost:9999/index.html 访问效果如下:
在这里插入图片描述
http://localhost:9999/index2.html
在这里插入图片描述
http://localhost:9999/index3.html
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/576193.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

数据链路层:差错检测

1.数据链路层&#xff1a;差错检测 笔记来源&#xff1a; 湖科大教书匠&#xff1a;差错检测 声明&#xff1a;该学习笔记来自湖科大教书匠&#xff0c;笔记仅做学习参考 比特差错&#xff1a;比特在传输过程中1可能变为0&#xff0c;0可能变为1 误码率BER&#xff1a;传输错误…

数据链路层:以太网/ARP协议

本文将分享数据链路层的相关知识点&#xff1a;以太网、以太网帧格式、MAC地址、MTU和ARP协议 以太网 "以太网" 不是一种具体的网络, 而是一种技术标准; 既包含了数据链路层的内容, 也包含了一些物理层的内容。例如: 规定了网络拓扑结构, 访问控制方式, 传输速率等。…

Linux学习笔记 --- Linux用户和权限

一. 认知root用户 目标&#xff1a;1. 了解什么是root用户(超级管理员) 2. 掌握用户切换的相关命令 3. 掌握sudo命令 root用户&#xff08;超级管理员&#xff09; 无论是Windows、MacOS、Linux均采用多用户的管理模式进行权限管理。 在Linux系统中&#xff0c;拥有…

STM32 UDS Bootloader开发-需求篇

文章目录 前言内存分配UDS诊断协议需求CAN ID及时间参数诊断服务Bootloader诊断服务 APP诊断服务DID刷写流程预编程主编程后编程 总结 前言 最近断断续续的在做基于STM32F103的UDS Bootloader,没有项目驱动&#xff0c;只是自己感兴趣。目前基本已经可以实现功能了&#xff0c…

关于 OpenCV 图像处理工具包 imutils 简单认知

写在前面 博文内容涉及 基本的图像处理工具包 imutils 的简单介绍以及使用Demo理解不足小伙伴帮忙指正 对每个人而言&#xff0c;真正的职责只有一个&#xff1a;找到自我。然后在心中坚守其一生&#xff0c;全心全意&#xff0c;永不停息。所有其它的路都是不完整的&#xff0…

2023年真无线蓝牙耳机品牌有哪些推荐?无线蓝牙耳机选购指南

今天就来给大家测评一下2023年最受用户欢迎的蓝牙耳机&#xff0c;在不断地测试耳机&#xff0c;并挖掘好的耳机出来&#xff0c;不得不说&#xff0c;蓝牙和麦克风以及音频技术的驱动的迭代更新&#xff0c;性能确实惊叹不已。 对于刚接触无线耳机的小白来说&#xff0c;选购…

【服务器】支付宝SDK接口调试

​ 文章目录 1.测试环境2.本地配置3. 内网穿透3.1 下载安装cpolar内网穿透3.2 创建隧道 4. 测试公网访问5. 配置固定二级子域名5.1 保留一个二级子域名5.2 配置二级子域名 6. 使用固定二级子域名进行访问 转发自cpolar内网穿透的文章&#xff1a;Java支付宝沙箱环境支付&#…

低代码的“钱景”——专业的事交给专业的人来做

你需要知道的低代码 低代码通常是指一种可视化的开发方法&#xff0c;用较少的代码、较快的速度来交付应用程序&#xff0c;相似的概念还有“无代码”&#xff0c;也是一种开发方法&#xff0c;通常是面向非技术性员工&#xff0c;让业务人员也可以成为“技术人员”&#xff0…

首发Yolov8涨点神器:华为诺亚2023极简的神经网络模型 VanillaNet---VanillaBlock助力检测,实现暴力涨点

强烈推荐:博主多个数据集亲测有效,实现暴力涨点,可快速迁移到论文创新性十足,刚新鲜出炉的论文,华为诺亚共同提出!!! 1.VanillaNet 论文:https://arxiv.org/pdf/2305.12972.pdf 来自华为诺亚、悉尼大学的研究者们提出了一种极简的神经网络模型 VanillaNet,以极简主义…

表情包APP小程序制作开发功能有哪些?

表情包小程序在实际的开发过程中所具备的功能都是至关重要的&#xff0c;功能完善好操作才能更受用户青睐。表情包小程序制作开发功能包括但不仅限于以下几点&#xff1a; 1、热门表情包推荐。表情包制作小程序为用户推荐最热门的表情包&#xff0c;让用户可以紧跟当下流…

串口屏-迪文10寸T5串口屏简单上手

先看效果 调试所需软件 DGUS上位机 下载链接 调试所需硬件 SD卡一张 读卡器一个 USB转TTL一个 DGUS上位机调试 点击新建工程(会让你选尺寸) 分别生成0号字库和DWIN ICL文件 0号字库文件在你软件的安装目录可以找到 ICL文件输出到你能找到的位置 等会要用 添加背景图片 …

异常检测论文1

本文仅作为个人阅读文献&#xff0c;做笔记记录。 <> \usepackage[dvipsnames]{xcolor} 一、摘要部分&#xff1a; 我们发现&#xff0c;现有的数据集偏向于局部结构异常&#xff0c;如划痕、凹痕或污染。特别是&#xff0c;它们缺乏违反逻辑约束形式的异常&#xff0…

【redis】Stream、String 超详细介绍

文章目录 一、Stream1.1 写入数据XADD条目 ID 的格式 1.2 获取数据XRANGE 和 XREVRANGEXREAD 监听新条目非阻塞形式阻塞形式 1.3 消费者组XGROUP 创建消费者组XREADGROUP 通过消费者组消费XACK 确认消息消费者组示例 1.4 XPENDING 和 XCLAIM 认领 其他消费者 的待处理消息XPEND…

(2022,MaskedGAN)掩蔽的生成对抗网络是数据高效生成学习者

Masked Generative Adversarial Networks are Data-Efficient Generation Learners 公众号&#xff1a;EDPJ 目录 0. 摘要 1. 简介 2. 相关工作 3. 方法 3.1 任务定义 3.2 掩蔽的生成对抗网络 3.3 理论见解 4. 实验 4.1 在 CIFAR-10、CIFAR-100 和 ImageNet 上使用…

算法基础学习笔记——④前缀和\差分\双指针\位运算

✨博主&#xff1a;命运之光 ✨专栏&#xff1a;算法基础学习 目录 ✨前缀和 ✨一维前缀和 &#x1f353;一维前缀和模板&#xff1a; ✨二维前缀和 &#x1f353;二位前缀和模板&#xff1a; 前言&#xff1a;算法学习笔记记录日常分享&#xff0c;需要的看哈O(∩_∩)O&a…

Python二级编程:分词去重

一、原题 参考编程模板&#xff0c;完善代码&#xff0c;实现以下功能。‪‪‪‪‪‫‫‪‪‪‪‪‪‪‪‪‪‪‪‪‪‪‪‪‫‪‪‪‪‪‪‪‪‪‪‪‪‪‫ 利用 jieba 库实现中文分词。对分词后的列表进行去重处理&#xff0c;然后将分词结果中字符数大于等于 3 的词语&…

大话手游原始服务端搭建教程Centos

大话手游原始服务端搭建教程Centos 大家好&#xff0c;我是艾西&#xff0c;今天给大家分享一款回合制的ARPG大话手游搭建教程。游戏场景、精美的画面以及多元的人物做的非常棒。在游戏中可以穿越神话世界&#xff0c;同时也可以结交好友&#xff0c;加入团队&#xff0c;共同…

按键的单击、双击、连续按、短按和长按实现思路

概念区分 看到好多教程说了这些概念&#xff0c;有的说单击就是短按&#xff0c;连续按就是长按等等。 其实&#xff0c;仔细想想&#xff0c;这几个概念是有一些区别的。 假如一个按键&#xff0c;没按下时是高电平&#xff0c;按下时是低电平&#xff0c;以此来理解这些概念。…

JVM—Class类文件结构详解

Class类文件的结构 要了解Class文件的结构首先得了解Class文件所采用的数据类型&#xff1a; Class文件格式采用一种类似C语言结构体的伪结构来存储数据&#xff0c;这种伪结构只有两种数据结构&#xff0c;即无符号数和表&#xff0c;解析Class文件全是以这两个数据结构为基础…

【数据结构】什么是堆,如何使用无序数组生成一个堆?

文章目录 一、堆的概念及其介绍二、如何使用无序序列构建一个堆&#xff1f;三、C语言实现堆的基本操作结构体创建与销毁获取堆顶数据与个数及堆的判空堆的插入与删除 源代码分享 一、堆的概念及其介绍 堆(Heap)是计算机科学中一类特殊的数据结构的统称&#xff0c;堆通常是一…