首页 > 其他分享 >gofiber:模板:包含header和footer

gofiber:模板:包含header和footer

时间:2024-11-16 20:41:01浏览次数:1  
标签:Title Article footer header html gofiber article

一,代码

1,controller

func (dc *ArticleController) GetArticle(c *fiber.Ctx) error {
	// 处理获取文章的逻辑
	article := new(Article)
	article.Id = 1
	article.Title = "三国演义金圣叹批本"
	article.Author = "罗贯中"
	//return c.Status(200).JSON(config.Success(artilce))

    return c.Render("article/info", fiber.Map{
            "Title": article.Title,
            "Article":article,
        })
}

2,view

header.html

<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="utf-8">
    <title>中国古典文学</title>
</head>
<body>
<header style="width: 100%;text-align: center;background: #ff00ff;"><h2>这里是header</h2></header>

footer.html


<footer style="width: 100%;text-align: center;background: #ff0000;"><h2>这里是footer</h2></footer>
</body>
</html>

info.html

{{template "partials/header" .}}
    <main style="background:#ffff00;width:100%;text-align: center;">
      <h1>{{.Title}}</h1>
      <h2>{{.Article.Author}}</h2>
    </main>
{{template "partials/footer" .}}

二,测试效果

 

标签:Title,Article,footer,header,html,gofiber,article
From: https://www.cnblogs.com/architectforest/p/18549788

相关文章

  • gofiber: 使用模板
    一,安装模板库$gogetgithub.com/gofiber/template/html/v2go:downloadinggithub.com/gofiber/template/html/v2v2.1.2go:downloadinggithub.com/gofiber/utilsv1.1.0go:addedgithub.com/gofiber/template/html/v2v2.1.2go:addedgithub.com/gofiber/utilsv1.1.0......
  • nginx中proxy_set_header Host $host的作用及$proxy_host,$host与$http_host的区别
    一、nginx中proxy_set_headerHost$host的作用nginx为了实现反向代理的需求而增加了一个ngx_http_proxy_module模块。其中proxy_set_header指令就是该模块需要读取的配置文件。在这里,所有设置的值的含义和http请求体中的含义完全相同,除了Host外还有X-Forward-For。Host......
  • 最详细的devServer.proxy的配置讲解,看完你就明白为何会报No ‘Access-control-Allow-0
    devServer.proxy用于开发环境中的API请求转发。它并不会实际处理跨域问题,而是通过代理将前端发出的请求重定向到不同的服务器。这样,前端和后端的交互都由devServer处理,从而避免浏览器的同源策略限制。工作原理:客户端请求发到devServer。devServer根据proxy配置将请求转发......
  • 【漏洞复现】通达OA 2013、2016、2017 header.inc.php 任意用户登陆漏洞
    免责声明:        本文旨在提供有关特定漏洞的信息,以帮助用户了解潜在风险。发布此信息旨在促进网络安全意识和技术进步,并非出于恶意。读者应理解,利用本文提到的漏洞或进行相关测试可能违反法律或服务协议。未经授权访问系统、网络或应用程序可能导致法律责任或严......
  • Fileheader 2.0.2 | times.h
    Downloadtimes.h提供了查询系统时间的通用方法class::times你可以通过声明一个class::times变量来调用查询系统时间timesa;cout<<a.year();//2024times返回的任何数据都是std::string类型的,你可以利用hdk::tool::to_number(std::string)[tool.h]来将其转为数......
  • HeaderFile 2.0 | tool.h
    Download字符串处理部分substr()定义(一)conststringsubstr(conststring&x,stringexpr="")引自python的字符串切片功能传入的两个参数,第一个参数为被切片的字符串,第二个参数为限定参数当限定参数为空时返回原字符串第一参数:返回的子串的开始位置,为空或为\(0\)则从......
  • HDK Fileheader Download(2.0)
    HDKFileheaderLibraryDownload2.0Download1.13|1.13.1|1.13.2|1.13.3|1.13.4Download1.12|1.12.1|1.12.2Download1.11Download1.10|1.10.1Download1.9Download1.8|ForLinuxDownload1.7|1.7.1|1.7.2Download1.6Download1.5Downloa......
  • Nginx反向代理报错400 Request Header Or Cookie Too Large
    RequestHeaderOrCookieTooLarge1、问题2、原因3、解决1、问题Nginx反向代理报错400RequestHeaderOrCookieTooLarge400RequestHeaderOrCookieTooLarge2、原因假设需要重定向到:www.baidu.com报错的配置如下:location/my-pc{acce......
  • RN 中的createNativeStackNavigator,为什么出现顶部的 header
    在ReactNative中,createNativeStackNavigator是ReactNavigation库提供的一个用于创建原生堆栈导航器的函数。它允许你在应用程序中创建具有堆栈导航功能的屏幕,其中每个屏幕都可以被推送到堆栈上或从堆栈中弹出。createNativeStackNavigator生成的导航器默认包含一个......
  • C# 使用SuperSocket的FixedHeaderReceiveFilter进行通信
    一、服务端publicpartialclassForm1:Form{publicForm1(){InitializeComponent();}privatevoidbutton1_Click(objectsender,EventArgse){MyServerappServer=newMyServer();......