golang 开发后端基础(2)

栏目: CSS · 发布时间: 6年前

内容简介:我们看一下 home.html 文件,在 index 中我们引入 style.css 作为样式表来控制页面的显示。将 style.css 放置 public/css 目录下。运行程序,我们没有看到页面有任何的变化,说明样式没有成功加载。看一下是什么原因,打开控制台,看一下有关 style.css 的加载的信息,发现 html 加载 content type 为 text/html ,这个没有问题,而 css 的 content type 也是 text/plain 而不是 text/css 。所以没有识别

我们看一下 home.html 文件,在 index 中我们引入 style.css 作为样式表来控制页面的显示。将 style.css 放置 public/css 目录下。

golang 开发后端基础(2)

golang 开发后端基础(2)

style 位置

运行程序,我们没有看到页面有任何的变化,说明样式没有成功加载。看一下是什么原因,打开控制台,看一下有关 style.css 的加载的信息,发现 html 加载 content type 为 text/html ,这个没有问题,而 css 的 content type 也是 text/plain 而不是 text/css 。所以没有识别出样式,我们来尝试解决一下这个问题。

golang 开发后端基础(2)

golang 开发后端基础(2)

在之前代码的基础之上,我们添加名称 contentType 的 string 类型变量,让他接受类型, 然后根据文件扩展名来给出不同的 contentType 表示加载不同类型的文件,大家注意一下, css 文件类型 contentType 应为 text/css。

golang 开发后端基础(2)

golang 开发后端基础(2)

在 style.css 中给 body背景色为蓝色,以便清楚查看样式是否加载成功。

golang 开发后端基础(2)

这一次运行程序,发现页面背景色变为蓝色说明已经成功地加载了 css 文件并解析他。

golang 开发后端基础(2)

golang 开发后端基础(2)

接下来为了提高性能,我们用 buffer 来读取文件,这次只是读取文件方式不同,其他内容不变。大家可以看一下

golang 开发后端基础(2)

修改项目结构,在 src 下添加一个名字为 main 文件夹,然后将 main.go 文件放到这个文件夹下。目的是为了让项目结构看起来更清晰。

golang 开发后端基础(2)

删除 main.go 文件中的原有的代码,重新写一下。这一次我们使用 http.Dir 来直接读取服务端的目录结构,可以通过 http 访问服务端的文件夹以及其内容。有点像打开svn 服务

golang 开发后端基础(2)

golang 开发后端基础(2)

好到现在为止,我们对用 go 写 web 应用有一定的了解,不过现在渲染的界面都是静态的界面,接下来我们来通过模板的形式来动态地给用户展示页面,先看以一个简单的示例。

这里新建一个模板,可以给模板起任意的名称,然后解析 html 字符串。tmpl 执行模板时,第二个参数我们给 nil 第二参数是往模板里传的数据。

golang 开发后端基础(2)

golang 开发后端基础(2)

现在就完成了动态模板功能,在上面的代码基础上进行修改,将 Execute 第二个参数替换为 url 中内容,然后往模板中添加一些占位符,来显示将要传入的数据,{{.}} 代表全部。

golang 开发后端基础(2)

golang 开发后端基础(2)

接下里代码很多,看上去有点复杂,其实很好懂,我就不做过多的解释了,大家自己看吧。我已经把需要看的内容标记出来

golang 开发后端基础(2)
golang 开发后端基础(2)

早上好!

golang 开发后端基础(2)


以上所述就是小编给大家介绍的《golang 开发后端基础(2)》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

世界是平的(3.0版)

世界是平的(3.0版)

[美] 托马斯·弗里德曼 / 何帆、肖莹莹、郝正非 / 湖南科学技术出版社 / 2008-9 / 58.00元

世界变得平坦,是不是迫使我们跑得更快才能拥有一席之地? 在《世界是平的》中,托马斯·弗里德曼描述了当代世界发生的重大变化。科技和通信领域如闪电般迅速的进步,使全世界的人们可以空前地彼此接近——在印度和中国创造爆炸式增长的财富;挑战我们中的一些人,比他们更快占领地盘。3.0版新增两章,更新了报告和注释方面的内容,这些内容均采自作者考察世界各地特别是整个美国中心地带的见闻,在美国本土,世界的平坦......一起来看看 《世界是平的(3.0版)》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

SHA 加密
SHA 加密

SHA 加密工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具