Go Web开发之Revel - 网页请求处理流程

我们之前已经已经创建了myapp的应用,现在我们来看看revel是如何处理一个浏览器访问http://localhost:9000的请求的。

Routes(路由)

首先revel会检查conf/routes文件,这个文件包含一个路由,如下:

复制代码
GET     /                                       Application.Index

这个路由信息告诉revel当访问 / 路径是应该调用Application Controller的Index方法

Actions(行为)

下面我们我们来看一下Controll中的Action,所在路径为app/controllers/app.go

复制代码
package controllers

import "github.com/robfig/revel"

type Application struct {
    *rev.Controller
}

func (c Application) Index() rev.Result {
    return c.Render()
}

所有的controller必须struct类型的同时里面嵌入rev.Controller*rev.Controller,在Controller中任何Action的返回值都是rev.Result,revel Controller提供了很多有用的方法来生成Result,在上面的代码中它调用了Render方法来生成Result,这个方法告诉Revel查找和渲染一个模板来作为输出结果。

Templates(模板)

全部的模板都存放在app/views 目录下,当一个模板的名字没有被显式声明的时候,revel会查找匹配action的名字,按照上面的代码revel会找到app/views/Application/Index.html这个文件同时把它作为一个Go模板render输出。

复制代码
{{set . "title" "Home"}}
{{template "header.html" .}}

<h1>Your Application Is Ready</h1>

{{template "footer.html" .}}

上面的函数是有Go模板提供的,Revel也添加了一些自己辅助方法。

这个模板的意思如下

1.为render的上下文添加一个title变量

2.包含header.html模板文件

3.显示欢迎信息

4.包含footer.html

如果你看一下header.html文件,你会发现更多的模板标签

复制代码
<!DOCTYPE html>
<html>
  <head>
    <title>{{.title}}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="/public/stylesheets/main.css">
    <link rel="shortcut icon" type="image/png" href="/public/images/favicon.png">
    <script src="/public/javascripts/jquery-1.5.2.min.js" type="text/javascript" charset="utf-8"></script>
    {{range .moreStyles}}
      <link rel="stylesheet" type="text/css" href="/public/{{.}}">
    {{end}}
    {{range .moreScripts}}
      <script src="/public/{{.}}" type="text/javascript" charset="utf-8"></script>
    {{end}}
  </head>
  <body>

你可以看到里面有用到之前定义title,还可以通过调用模板方法包含更多的JS和CSS文件,主要是通过moreStylesmoreScripts这两个变量添加进去的。

Hot-reload(热重载)

Revel支持热重载,真是开发的福音啊,修改一下Index.html是一下,把"Your Application Is Ready"改成"Hello World"试一下,然后刷新你的浏览器,你应该可以立即看到变化,Revel已经知道了你的修改并重新加载了它。

Revel会监视如下内容(Revel通过另一个开源项目(fsnotify)实现的文件监控,都是同一个作者开发的)

  • app目录下面的所有代码
  • app/views下面的全部模板文件
  • conf/routes下面的路由

改变任何上面所监控的文件Revel都会用最新代码更新你的应用,现在试试改变一下app/controllers/app.go

复制代码
return c.Render()

改成

复制代码
return c.Renderx()

刷新页面将会产生一个错误提示信息

最后我们来试试给模板传递一些参数

复制代码
return c.Renderx()

改为

复制代码
greeting := "Aloha World"
return c.Render(greeting)

修改一下模板文件app/views/Application/Index.html

复制代码
<h1>Hello World</h1>

改为

复制代码
<h1>{{.greeting}}</h1>

刷新浏览器将看到如下所示表示修改成功。

至此结束。

相关推荐
一大树4 分钟前
Vue3 开发必备:20 个实用技巧
前端·vue.js
Ashlee_code8 分钟前
什么是Web3?金融解决方案
开发语言·金融·架构·eclipse·web3·区块链·php
颜渊呐9 分钟前
uniapp中APPwebview与网页的双向通信
前端·uni-app
Evand J21 分钟前
【MATLAB例程】AOA与TDOA混合定位例程,适用于三维环境、4个锚点的情况,附下载链接
开发语言·matlab
机器视觉知识推荐、就业指导21 分钟前
Qt 与Halcon联合开发八: 结合Qt与Halcon实现海康相机采图显示(附源码)
开发语言·数码相机·qt
10年前端老司机21 分钟前
React 受控组件和非受控组件区别和使用场景
前端·javascript·react.js
夏晚星22 分钟前
vue实现微信聊天emoji表情
前端·javascript
停止重构24 分钟前
【方案】前端UI布局的绝技,响应式布局,多端适配
前端·网页布局·响应式布局·grid布局·网页适配多端
極光未晚25 分钟前
TypeScript在前端项目中的那些事儿:不止于类型的守护者
前端·javascript·typescript
ze_juejin26 分钟前
Vue3 + Vite + Ant Design Vue + Axios + Pinia 脚手架搭建
前端·vue.js