go语言html css,Go 语言 Gin 框架 Web开发 HTML 加载静态资源

开发目的：Gin 框架 加载HTML 静态资源

最近在使用Go 语言进行Web 端开发。看来看去，就使用了Gin框架。开发过程当中遇到了很多的问题，但愿将问题和解决方式分享给你们。可让Go语言开发的社区更加活跃。javascript

问题复现：HTML 路径指定错误，致使前端没法加载图片css

1.使用Bootstrap 官网推荐的在线 网络框架搭建网站 Layoutit.com。经编辑事后得到 html / css / javascript 等文件。 其中，加载图片，加载css文件等的路径自动生成为html

../css/bootstrap.min.css

../img/xxx.jpg

../js/scripts.js

2. 此处  “../css/"，开头的两个点就是让我页面加载不出来的缘由。在这里，咱们须要本身进行修改，通常是能够把 .. 替换为/static 。只要在html 页面中各处有引用的地方进行替换就能够。无需更改文件存放结构，防止出现更多的错误。前端

3.接下来说解一下Gin框架中，如何渲染HTML文件。java

engine := gin.Default()

/此处是启动咱们gin框架

engine.LoadHTMLGlob("./static/html/*")

/指明咱们要加载的html文件。

/其中*表明加载 html文件夹 下面的全部html文件。

/其中.表明咱们的根目录。

/我把全部静态资源，包括html文件都放在了 static的文件夹下面。

engine.StaticFS("/static", http.Dir("./static"))

/StaticFS 是加载目录下面全部内容。

/此函数是加载静态资源的关键。 第一个变量是为html使用的。在这里须要改成，段落1中已经说过的(将../css 替换为/stati/css)相对路径。具体内容能够你来指定。

/第二哥变量是填写你静态资源存放在计算机的哪一个地址。建议填写为相对路径。我把全部静态资源，包括html文件都放在了static的文件夹下面。因此此处写为 ./static

/由于当你换另一台计算机部署的时候，绝对路径容易出错。

engine.Run(":8080")

/将咱们的框架启动起来。默认为localhost:8080. 若是你想要修改，就直接把8080修改为你想要的端口。能够在局域网里头进行测试，是很是有趣的事情。

4.接下来咱们就能够完美渲染咱们的网页了。bootstrap

5. 固然你们不要忘记了添加咱们 HTML 的GET等请求。否则浏览器会没有响应。​​​​​​​浏览器

接下来给你们看看个人目录结构。 网络