当前位置： 首页 > news >正文

gin使用embed打包html

news 2026/4/1 5:59:02

embed

使用类似的注释打包html文件

//go:embed pages/dist/*

打包的代码如下

package mainimport ("embed""io/fs""net/http""github.com/gin-gonic/gin"
)//go:embed pages/dist/*
var embedFs embed.FSfunc main() {e := gin.Default()fpages, _ := fs.Sub(embedFs, "pages")fdist, _ := fs.Sub(fpages, "dist")fjs, _ := fs.Sub(fdist, "js")fcss, _ := fs.Sub(fdist, "css")e.StaticFS("/js", http.FS(fjs))e.StaticFS("/css", http.FS(fcss))e.GET("/", func(c *gin.Context) {c.FileFromFS("/", http.FS(fdist))})e.Run()
}

浏览器在请求服务端页面时，根据url匹配文件

io.fs.open(“/”)

返回"/“路径下所有的文件，不会递归遍历，所有c.FileFromFS(”/", http.FS(fdist))返回更目录中的所有文件

下面代码中的js和css文件在单独的目录里面，使用"/"无法访问

<!doctype html>
<html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>pages</title><script defer="defer" src="/js/chunk-vendors.87e17c26.js"></script><script defer="defer" src="/js/app.cf230781.js"></script><link href="/css/app.2cf79ad6.css" rel="stylesheet">
</head><body><noscript><strong>We're sorry but pages doesn't work properly without JavaScript enabled. Please enable it tocontinue.</strong></noscript><div id="app"></div>
</body></html>

添加静态文件服务器

e.StaticFS(“/js”, http.FS(fjs))
e.StaticFS(“/css”, http.FS(fcss))

或者修改html相对路径，保证文件能在"/"路径中所有搜索到或者在静态文件服务器中找到。

相关文章：

gin使用embed打包html

embed 使用类似的注释打包html文件 //go:embed pages/dist/* 打包的代码如下 package mainimport ("embed""io/fs""net/http""github.com/gin-gonic/gin" )//go:embed pages/dist/* var embedFs embed.FSfunc main() {e : gin.Defau…...

编程日记 2023/7/2 11:34:52

Android启动优化实践

作者&#xff1a;95分技术 启动优化是Android优化老生常谈的问题了。众所周知&#xff0c;android的启动是指用户从点击 icon 到看到首帧可交互的流程。 而启动流程 粗略的可以分为以下几个阶段 fork创建出一个新的进程创建初始化Application类、创建四大组件等 走Applicatio…...

编程日记 2023/7/2 11:01:31

ROS：通信机制实操

目录 ROS&#xff1a;通信机制一、话题发布实操1.1需求1.2分析1.3实现流程1.4实现代码1.4.1C版1.4.2Python版 1.5执行 二、话题订阅实操2.1需求2.2分析2.3流程2.4实现代码2.4.1启动无辜GUI与键盘控制节点2.4.2C版 ROS&#xff1a;通信机制 一、话题发布实操 1.1需求 编码实现…...

编程日记 2023/7/2 10:28:11

C/C++内存管理（内存分布、动态内存分配、动态内存分配与释放、内存泄漏等）

喵~ 内存之5大区&#xff08;栈区、堆区、静态区、常量区、代码区&#xff09;C/C中各自的内存分配操作符内存泄露?内存泄漏检测方法 内存之5大区&#xff08;栈区、堆区、静态区、常量区、代码区&#xff09; 1、栈区&#xff08;stack&#xff09;&#xff1a;由编译器自动分…...

编程日记 2023/7/2 9:54:50

【云原生】软件架构的演进以及各个架构的优缺点

文章目录 1. 什么是软件架构?2. 单机架构3. 应用数据分离架构4. 应用服务集群架构5. 读写分离架构6. 冷热分离架构7.垂直分库架构8. 微服务架构9. 容器编排架构10. 小结 1. 什么是软件架构? 软件架构是指在设计和构建软件系统时&#xff0c;对系统的组织结构、组件、模块、接…...

编程日记 2023/7/2 9:21:28

力扣刷题笔记——二叉树

首先定义二叉树节点的结构体 struct TreeNode{TreeNode* left;TreeNode* right;int val;TreeNode():val(0),left(nullptr),right(nullptr){}TreeNode(int val):val(val),left(nullptr),right(nullptr){}TreeNode(int val,TreeNode* l,TreeNode* R):val(val),left(l),right(R){…...

编程日记 2023/7/2 8:48:07

【华为OD机试】工号不够用了怎么办？（python, java, c++, js）

工号不够用了怎么办？ 前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目…...

编程日记 2023/7/2 8:14:46

【leetcode】198. 打家劫舍

你是一个专业的小偷&#xff0c;计划偷窃沿街的房屋。每间房内都藏有一定的现金&#xff0c;影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统&#xff0c;如果两间相邻的房屋在同一晚上被小偷闯入&#xff0c;系统会自动报警。 给定一个代表每个房屋存放金额的非…...

编程日记 2023/7/2 7:41:25

【react全家桶学习】react的 (新/旧) 生命周期（重点）

目录 生命周期&#xff08;旧&#xff09; 挂载时的生命周期 constructor&#xff08;props&#xff09; componentWillMount&#xff08;&#xff09;-------------新生命周期已替换 render&#xff08;&#xff09; componentDidMount&#xff08;&#xff09;--- 组件…...

编程日记 2023/7/2 7:08:04

Gradio私网和公网的使用

Gradio私网问题 如果部署的服务器只有私有地址&#xff0c;那么无法直接从外部网络中的其他计算机访问该服务器和其中运行的 Gradio 应用程序。在这种情况下&#xff0c;你可以考虑使用端口转发技术&#xff0c;将服务器的私有地址映射到一定的公开地址上&#xff0c;从而可以…...

编程日记 2023/7/2 6:34:43

ant design vue 配置菜单外部打开

实现如下 菜单配置 前端项目地址&#xff1a;http://localhost:3000 菜单路径&#xff1a;dataCenter/HealthData 打开方式&#xff1a;外部 在项目中src-->config-->router.config.js文件 将需要再外部打开的菜单地址进行如下配置 菜单地址&#xff1a;/dataCenter/Hea…...

编程日记 2023/7/2 6:01:21

YOLOv5/v7 添加注意力机制，30多种模块分析⑦，CCN模块，GAMAttention模块

目录 一、注意力机制介绍1、什么是注意力机制&#xff1f;2、注意力机制的分类3、注意力机制的核心 二、CCN模块1、CCN模块的原理2、实验结果3、应用示例 三、GAMAttention模块1、GAMAttention模块的原理2、实验结果3、应用示例 大家好&#xff0c;我是哪吒。 &#x1f3c6;本…...

编程日记 2023/7/2 5:28:00

IDEA下Logback.xml自动提示功能配置

首先打开logback的配置文件&#xff0c;在configuration标签中加入xsd的配置 <configuration xmlns"http://ch.qos.logback/xml/ns/logback"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://ch.qos.logback/xml…...

编程日记 2023/7/2 4:54:39

CUDA编程模型系列八(原子操作 / 规约 / 向量元素求和)

本系列视频目的是帮助开发者们一步步地学会利用CUDA编程模型加速GPU应用, 我们的口号是: 让GPU飞起来 本期我介绍了cuda 当中规约算法的一种情况, 也是小何尚职业生涯中的第一道面试题, 计算数组中所有元素的和. CUDA编程模型系列八(原子操作 / 规约 / 向量元素求和) #include…...

编程日记 2023/7/2 4:21:18

go语言系列基础教程总结（4）

1、goroutine和channel 每执行一次go func()就创建一个 goroutine&#xff0c;包含要执行的函数和上下文信息。 goroutine 是Go程序并发的执行体&#xff0c;channel是它们之间的沟通连接通道。 var ch1 chan int. //声明一个整型的通道 2、channel 常用操作 //定义一个…...

编程日记 2023/7/2 3:47:57

网络基础一：网络协议初识与网络传输基本流程

目录 网络协议认识“协议”网络协议初识协议分层OSI七层模型&#xff08;理论模型&#xff09;TCP/IP五层(或四层)模型&#xff08;工程实现模型&#xff09; 网络中的地址管理MAC地址IP地址 网络传输基本流程路由的本质 数据包封装和分用网络协议需要解决的问题 网络协议 计算…...

编程日记 2023/7/2 3:14:36

Mysql找出执行慢的SQL【慢查询日志使用与分析】

分析慢SQL的步骤 慢查询的开启并捕获&#xff1a;开启慢查询日志&#xff0c;设置阈值&#xff0c;比如超过5秒钟的就是慢SQL&#xff0c;至少跑1天&#xff0c;看看生产的慢SQL情况&#xff0c;并将它抓取出来explain 慢SQL分析show Profile。&#xff08;比explain还要详细…...

编程日记 2023/7/2 2:41:15

设计模式3：单例模式：JMM与volatile和synchronized的关系

本文目录 JMM简介Java 内部内存模型(The Internal Java Memory Model)硬件内存架构(Hardware Memory Architecture)弥合 Java 内存模型和硬件内存架构之间的差距(Bridging The Gap Between The Java Memory Model And The Hardware Memory Architecture)1.共享对象的可见性2.竞…...

编程日记 2023/7/2 2:07:54

一个简单的OPC UA/ModbusTCP 网关（Python）

使用我前面几篇博文的内容&#xff0c;能够使用Python编写一个最简单的OPC UA /ModbusTCP网关。 从这个程序可以看出&#xff1a; 应用OPC UA 并不难&#xff0c;现在我们就可以应用到工程应用中&#xff0c;甚至DIY项目也可以。不必采用复杂的工具软件。使用Python 来构建工…...

编程日记 2023/7/2 1:34:33

线性代数行列式的几何含义

行列式可以看做是一系列列向量的排列&#xff0c;并且每个列向量的分量可以理解为其对应标准正交基下的坐标。 行列式有非常直观的几何意义&#xff0c;例如&#xff1a; 二维行列式按列向量排列依次是 a \mathbf{a} a和 b \mathbf{b} b&#xff0c;可以表示 a \mathbf{a} a和…...

编程日记 2023/7/2 1:01:12

解决Gradio share=True报错：手动下载并配置frpc_linux_amd64_v0.3文件的保姆级教程

解决Gradio shareTrue报错的完整实战指南&#xff1a;从手动配置frpc到深度优化 当你兴奋地准备向客户展示刚完成的Gradio应用时&#xff0c;却在终端看到红色的报错信息——shareTrue参数失效了。这种场景对开发者来说再熟悉不过&#xff1a;本地调试一切正常&#xff0c;但需…...

编程新知 2026/4/1 5:53:10

保姆级万物识别教程：阿里开源镜像快速部署，识别图片超简单

保姆级万物识别教程&#xff1a;阿里开源镜像快速部署&#xff0c;识别图片超简单 1. 开篇&#xff1a;为什么选择这个镜像&#xff1f; 今天给大家介绍一个特别实用的AI工具——阿里开源的"万物识别-中文-通用领域"镜像。这个镜像最大的特点就是简单易用&#xff…...

编程新知 2026/4/1 5:31:00

HuggingFace大语言模型实战：如何用Python脚本批量翻译YouTube字幕（含环境配置避坑指南）

HuggingFace大语言模型实战&#xff1a;Python脚本批量翻译YouTube字幕全攻略 当你在YouTube上发现一段精彩的英文技术讲座&#xff0c;或是需要研究某个外语行业报告时&#xff0c;自动翻译工具能大幅提升信息获取效率。本文将带你用HuggingFace生态构建一个本地化翻译工作流&…...

编程新知 2026/4/1 4:21:54

Qwen3-Reranker-8B开源大模型：支持HuggingFace Transformers原生加载

Qwen3-Reranker-8B开源大模型&#xff1a;支持HuggingFace Transformers原生加载 如果你正在构建一个智能搜索系统、问答机器人或者文档分析工具&#xff0c;那么“重排序”这个环节你一定不陌生。简单来说&#xff0c;它就像一个智能裁判&#xff0c;当你的检索系统从海量文档…...

编程新知 2026/4/1 4:11:49

避坑指南：Matplotlib调用LaTeX渲染公式时，你可能会遇到的5个报错及解决方法

Matplotlib与LaTeX公式渲染&#xff1a;5个典型报错排查手册 当你第一次在Matplotlib中启用usetexTrue时&#xff0c;屏幕上突然弹出的红色LaTeX错误信息往往让人手足无措。这不是你代码逻辑的问题&#xff0c;而是两个强大工具在握手时产生的"语言障碍"。本文将带你…...

编程新知 2026/4/1 3:29:10

Python 3.14 JIT编译延迟高达83ms？这不是Bug，是设计——揭秘AST→LLVM IR→Native Code三级缓存失效链

第一章&#xff1a;Python 3.14 JIT编译器性能调优架构设计图Python 3.14 引入的实验性 JIT 编译器&#xff08;代号 “Triton”&#xff09;采用分层编译策略&#xff0c;将热点函数动态划分为解释执行、字节码优化、LLVM IR 生成与本地机器码缓存四个协同层级。其核心设计目标…...

编程新知 2026/4/1 3:18:56

快速原型构建遇阻？用快马AI一键绕过npm error 128，聚焦核心功能验证

最近在尝试用Node.js快速验证一个Web服务原型时&#xff0c;遇到了烦人的npm error code 128问题。这个错误通常和Git仓库权限相关&#xff0c;会直接卡住依赖安装流程。经过一番折腾&#xff0c;我总结出一套在InsCode(快马)平台快速绕开这个坑的实践方案&#xff0c;分享给同…...

编程新知 2026/4/1 2:03:58

Multisim课程设计救星：从卡诺图到仿真，手把手搞定五人表决器（附源文件）

五人表决器数字电路设计实战&#xff1a;从卡诺图到Multisim仿真的全流程解析 第一次拿到数字电路课程设计任务书时&#xff0c;看着"五人表决器"这个题目&#xff0c;我的大脑和实验室的示波器一样一片空白。直到在面包板上成功点亮第一个LED指示灯&#xff0c;才真…...

编程新知 2026/4/1 0:13:39

实战应用：为团队部署即装即用的中文版mobaxterm统一环境

在团队协作开发中&#xff0c;统一开发环境配置是个常见痛点。最近我们团队就遇到了这个问题&#xff1a;新成员加入时&#xff0c;每个人都要手动配置MobaXterm的中文界面、服务器连接、工具集等&#xff0c;既费时又容易出错。经过实践摸索&#xff0c;我总结出一套用脚本自动…...

编程新知 2026/3/31 23:00:45

【喜报】义翘神州再获CNAS认可，全面对标2025版药典新标准

义翘神州生物安全检测实验室近日成功通过中国合格评定国家认可委员会&#xff08;CNAS&#xff09;的扩项评审及定期监督评审&#xff0c;并已完成全部能力附表更新&#xff01;这标志着实验室技术能力与质量管理体系持续符合ISO/IEC 17025:2017国际标准的严苛要求&#xff0c;…...

编程新知 2026/3/31 22:15:58