golang 开发后台基础(2)

作者 : 开心源码 本文共891个字,预计阅读时间需要3分钟 发布时间: 2022-05-12 共153人阅读

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

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

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

在 style.css 中给body背景色为蓝色

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

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

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

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

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

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

动态模板,我们上面的代码基础上进行修改,将 Execute 第二个参数替换为 url 中内容,而后将模板中增加占位符来显示传入的数据,{{.}}代表一律。

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

早上好!

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » golang 开发后台基础(2)

发表回复