ChitChat论坛

《Go web编程》ChitChat论坛

本文摘自《Go web编程》
这里写图片描述

京东购书:https://item.jd.com/12252845.html

上一章在末尾展示了一个非常简单的Go Web应用,但是因为该应用只是一个Hello World程序,所以它实际上并没有什么用处。在本章中,我们将会构建一个简单的网上论坛Web应用,这个应用同样非常基础,但是却有用得多:它允许用户登录到论坛里面,然后在论坛上发布新帖子,又或者回复其他用户发表的帖子。

虽然本章介绍的内容无法让你一下子就学会如何编写一个非常成熟的Web应用,但这些内容将教会你如何组织和开发一个Web应用。在阅读完这一章之后,你将进一步地了解到使用Go进行Web应用开发的相关方法。

如果你觉得本章介绍的内容难度较大,又或者你觉得本章展示的大量代码看起来让人觉得胆战心惊,那也不必过于担心:本章之后的几章将对本章介绍的内容做进一步的解释,在阅读完本章并继续阅读后续章节时,你将会对本章介绍的内容有更加深入的了解。

2.1 ChitChat简介

网上论坛无处不在,它们是互联网上最受欢迎的应用之一,与旧式的电子公告栏(BBS)、新闻组(Usenet)和电子邮件一脉相承。雅虎公司和Google公司的群组(Groups)都非常流行,雅虎报告称,他们总共拥有1000万个群组以及1.15亿个群组成员,其中每个群组都拥有一个自己的论坛;而全球最具人气的网上论坛之一——Gaia在线——则拥有2300万注册用户以及接近230亿张帖子,并且这些帖子的数量还在以每天上百万张的速度持续增长。尽管现在出现了诸如Facebook这样的社交网站,但论坛仍然是人们在网上进行交流时最为常用的手段之一。作为例子,图2-1展示了GoogleGroups的样子。

02-01{80%}

图2-1 一个网上论坛示例:GoogleGroups里面的Go编程语言论坛

从本质上来说,网上论坛就相当于一个任何人都可以通过发帖来进行对话的公告板,公告板上面可以包含已注册用户以及未注册的匿名用户。论坛上的对话称为<span style=“font-family: Times New Roman,楷体_GB2312”>帖子</span>(thread),一个帖子通常包含了作者想要讨论的一个主题,而其他用户则可以通过回复这个帖子来参与对话。比较复杂的论坛一般都会按层级进行划分,在这些论坛里面,可能会有多个讨论特定类型主题的子论坛存在。大多数论坛都会由一个或多个拥有特殊权限的用户进行管理,这些拥有特殊权限的用户被称为<span style=“font-family: Times New Roman,楷体_GB2312”>版主</span>(moderator)。

在本章中,我们将会开发一个名为ChitChat的简易网上论坛。为了让这个例子保持简单,我们只会为ChitChat实现网上论坛的关键特性:在这个论坛里面,用户可以注册账号,并在登录之后发表新帖子又或者回复已有的帖子;未注册用户可以查看帖子,但是无法发表帖子或是回复帖子。现在,让我们首先来思考一下如何设计ChitChat这个应用。

{关于本章展示的代码!} 

跟本书的其他章节不一样,因为篇幅的关系,本章并不会展示ChitChat论坛的所有实现代码,但你可以在GitHub页面https://github.com/sausheong/gwp找到这些代码。如果你打算在阅读本章的同时实际了解一下这个应用,那么这些完整的代码应该会对你有所帮助。

2.2 应用设计

正如第1章所说,Web应用的一般工作流程是客户端向服务器发送请求,然后服务器对客户端进行响应(如图2-2所示),ChitChat应用的设计也遵循这一流程。

02-02{80%}

图2-2 Web应用的一般工作流程,客户端向服务器发送请求,然后等待接收响应

ChitChat的应用逻辑会被编码到服务器里面。服务器会向客户端提供HTML页面,并通过页面的超链接向客户端表明请求的格式以及被请求的数据,而客户端则会在发送请求时向服务器提供相应的数据,如图2-3所示。

02-03{80%}

图2-3 HTTP请求的URL格式

请求的格式通常是由应用自行决定的,比如,ChitChat的请求使用的是以下格式:<code>http://<服务器名><处理器名>?<参数></code&gt;。

<span style=“font-family: Times New Roman,楷体_GB2312”>服务器名(</span>server name)是ChitChat服务器的名字,而<span style=“font-family: Times New Roman,楷体_GB2312”>处理器名</span>(handler name)则是被调用的处理器的名字。处理器的名字是按层级进行划分的:位于名字最开头是被调用模块的名字,而之后跟着的则是被调用子模块的名字,以此类推,位于处理器名字最末尾的则是子模块中负责处理请求的处理器。比如,对<code>/thread/read</code>这个处理器名字来说,<code>thread</code>是被调用的模块,而<code>read</code>则是这个模块中负责读取帖子内容的处理器。

该应用的<span style=“font-family: Times New Roman,楷体_GB2312”>参数</span>(parameter)会以URL查询的形式传递给处理器,而处理器则会根据这些参数对请求进行处理。比如说,假设客户端要向处理器传递帖子的唯一ID,那么它可以将URL的参数部分设置成<code>id=123</code>,其中<code>123</code>就是帖子的唯一ID。

如果<code>chitchat</code>就是ChitChat服务器的名字,那么根据上面介绍的URL格式规则,客户端发送给ChitChat服务器的URL可能会是这样的:http://chitchat/thread/read?id=123。

当请求到达服务器时,<span style=“font-family: Times New Roman,楷体_GB2312”>多路复用器</span>(multiplexer)会对请求进行检查,并将请求重定向至正确的处理器进行处理。处理器在接收到多路复用器转发的请求之后,会从请求中取出相应的信息,并根据这些信息对请求进行处理。在请求处理完毕之后,处理器会将所得的数据传递给模板引擎,而模板引擎则会根据这些数据生成将要返回给客户端的HTML,整个过程如图2-4所示。

02-04{80%}

图2-4 服务器在典型Web应用中的工作流程

2.3 数据模型

绝大多数应用都需要以某种方式与数据打交道。对ChitChat来说,它的数据将被存储到关系式数据库PostgreSQL里面,并通过SQL与之交互。

ChitChat的数据模型非常简单,只包含4种数据结构,它们分别是:

  • <span style=“font-family: Times New Roman,楷体_GB2312”>User——表示论坛的用户信息;</span>
  • <span style=“font-family: Times New Roman,楷体_GB2312”>Session——表示论坛用户当前的登录会话;</span>
  • <span style=“font-family: Times New Roman,楷体_GB2312”>Thread——表示论坛里面的帖子,每一个帖子都记录了多个论坛用户之间的对话;</span>
  • <span style=“font-family: Times New Roman,楷体_GB2312”>Post——表示用户在帖子里面添加的回复。</span>

以上这4种数据结构都会被映射到关系数据库里面,图2-5展示了这4种数据结构是如何与数据库交互的。

ChitChat论坛允许用户在登录之后发布新帖子或者回复已有的帖子,未登录的用户可以阅读帖子,但是不能发布新帖子或者回复帖子。为了对应用进行简化,ChitChat论坛没有设置版主这一职位,因此用户在发布新帖子或者添加新回复的时候不需要经过审核。

02-05{80%}

图2-5 Web应用访问数据存储系统的流程

在了解了ChitChat的设计方案之后,现在可以开始考虑具体的实现代码了。在开始学习ChitChat的实现代码之前,请注意,如果你在阅读本章展示的代码时遇到困难,又或者你是刚开始学习Go语言,那么为了更好地理解本章介绍的内容,你可以考虑先花些时间阅读一本Go语言的编程入门书,比如,由William Kennedy、Brian Ketelsen和Erik St. Martin撰写的《Go语言实战》就是一个很不错的选择。

除此之外,在阅读本章时也请尽量保持耐性:本章只是从宏观的角度展示Go Web应用的样子,并没有对Web应用的细节作过多的解释,而是将这些细节留到之后的章节再进一步说明。在有需要的情况下,本章也会在介绍某种技术的同时,说明在哪一章可以找到这一技术的更多相关信息。

2.4 请求的接收与处理

请求的接收和处理是所有Web应用的核心。正如之前所说,Web应用的工作流程如下。

(1)客户端将请求发送到服务器的一个URL上。

(2)服务器的多路复用器将接收到的请求重定向到正确的处理器,然后由该处理器对请求进行处理。

(3)处理器处理请求并执行必要的动作。

(4)处理器调用模板引擎,生成相应的HTML并将其返回给客户端。

让我们先从最基本的根URL(<code>/</code>)来考虑Web应用是如何处理请求的:当我们在浏览器上输入地址<code>http://localhost</code>的时候,浏览器访问的就是应用的根URL。在接下来的几个小节里面,我们将会看到ChitChat是如何处理发送至根URL的请求的,以及它又是如何通过动态地生成HTML来对请求进行响应的。

2.4.1 多路复用器

因为编译后的二进制Go应用总是以<code>main</code>函数作为执行的起点,所以我们在对Go应用进行介绍的时候也总是从包含<code>main</code>函数的主源码文件(main source code file)开始。ChitChat应用的主源码文件为<code>main.go</code>,代码清单2-1展示了它的一个简化版本。

代码清单2-1 <code>main.go</code>文件中的<code>main</code>函数,函数中的代码经过了简化

package mainimport ("net/http"
)func main() {mux := http.NewServeMux()files := http.FileServer(http.Dir("/public"))mux.Handle("/static/", http.StripPrefix("/static/", files))mux.HandleFunc("/", index)server := &http.Server{Addr: "0.0.0.0:8080",Handler: mux,}server.ListenAndServe()
}

<code>main.go</code>首先创建了一个多路复用器,然后通过一些代码将接收到的请求重定向到处理器。<code>net/http</code>标准库提供了一个默认的多路复用器,这个多路复用器可以通过调用<code>NewServeMux</code>函数来创建:

mux := http.NewServeMux()

为了将发送至根URL的请求重定向到处理器,程序使用了<code>HandleFunc</code>函数:

mux.HandleFunc("/", index)

<code>HandleFunc</code>函数接受一个URL和一个处理器的名字作为参数,并将针对给定URL的请求转发至指定的处理器进行处理,因此对上述调用来说,当有针对根URL的请求到达时,该请求就会被重定向到名为<code>index</code>的处理器函数。此外,因为所有处理器都接受一个<code>ResponseWriter</code>和一个指向<code>Request</code>结构的指针作为参数,并且所有请求参数都可以通过访问<code>Request</code>结构得到,所以程序并不需要向处理器显式地传入任何请求参数。

需要注意的是,前面的介绍模糊了处理器以及处理器函数之间的区别:我们刚开始谈论的是处理器,而现在谈论的却是处理器函数。这是有意而为之的——尽管处理器和处理器函数提供的最终结果是一样的,但它们实际上<span style=“font-family: Times New Roman,楷体_GB2312”>并不相同</span>。本书的第3章将对处理器和处理器函数之间的区别做进一步的说明,但是现在让我们暂时先忘掉这件事,继续研究ChitChat应用的代码实现。

2.4.2 服务静态文件

除负责将请求重定向到相应的处理器之外,多路复用器还需要为静态文件提供服务。为了做到这一点,程序使用<code>FileServer</code>函数创建了一个能够为指定目录中的静态文件服务的处理器,并将这个处理器传递给了多路复用器的<code>Handle</code>函数。除此之外,程序还使用<code>StripPrefix</code>函数去移除请求URL中的指定前缀:

files := http.FileServer(http.Dir("/public"))
mux.Handle("/static/", http.StripPrefix("/static/", files))

当服务器接收到一个以<code>/static/</code>开头的URL请求时,以上两行代码会移除URL中的<code>/static/</code>字符串,然后在<code>public</code>目录中查找被请求的文件。比如说,当服务器接收到一个针对文件<code>http://localhost/static/css/bootstrap.min.css</code>的请求时,它将会在<code>public</code>目录中查找以下文件:

<application root>/css/bootstrap.min.css

当服务器成功地找到这个文件之后,会把它返回给客户端。

2.4.3 创建处理器函数

正如之前的小节所说,ChitChat应用会通过<code>HandleFunc</code>函数把请求重定向到处理器函数。正如代码清单2-2所示,处理器函数实际上就是一个接受<code>ResponseWriter</code>和<code>Request</code>指针作为参数的Go函数。

代码清单2-2 <code>main.go</code>文件中的<code>index</code>处理器函数

func index(w http.ResponseWriter, r *http.Request) {files := []string{"templates/layout.html","templates/navbar.html","templates/index.html",}templates := template.Must(template.ParseFiles(files...))threads, err := data.Threads(); if err == nil {templates.ExecuteTemplate(w, "layout", threads)}
}

<code>index</code>函数负责生成HTML并将其写入<code>ResponseWriter</code>中。因为这个处理器函数会用到<code>html/template</code>标准库中的<code>Template</code>结构,所以包含这个函数的文件需  要在文件的开头导入<code>html/template</code>库。之后的小节将对生成HTML的方法做进一步的介绍。

除了前面提到过的负责处理根URL请求的<code>index</code>处理器函数,<code>main.go</code>文件实际上还包含很多其他的处理器函数,如代码清单2-3所示。

代码清单2-3 ChitChat应用的<code>main.go</code>源文件

package mainimport ("net/http"
)func main() {mux := http.NewServeMux()files := http.FileServer(http.Dir(config.Static))mux.Handle("/static/", http.StripPrefix("/static/", files))mux.HandleFunc("/", index)mux.HandleFunc("/err", err)mux.HandleFunc("/login", login)mux.HandleFunc("/logout", logout)mux.HandleFunc("/signup", signup)mux.HandleFunc("/signup_account", signupAccount)mux.HandleFunc("/authenticate", authenticate)mux.HandleFunc("/thread/new", newThread)mux.HandleFunc("/thread/create", createThread)mux.HandleFunc("/thread/post", postThread)mux.HandleFunc("/thread/read", readThread)server := &http.Server{Addr:      "0.0.0.0:8080",Handler:    mux,}server.ListenAndServe()
}

<code>main</code>函数中使用的这些处理器函数并没有在<code>main.go</code>文件中定义,它们的定义在其他文件里面,具体请参考ChitChat项目的完整源码。

为了在一个文件里面引用另一个文件中定义的函数,诸如PHP、Ruby和Python这样的语言要求用户编写代码去包含(include)被引用函数所在的文件,而另一些语言则要求用户在编译程序时使用特殊的链接(link)命令。

但是对Go语言来说,用户只需要把位于相同目录下的所有文件都设置成同一个包,那么这些文件就会与包中的其他文件分享彼此的定义。又或者,用户也可以把文件放到其他独立的包里面,然后通过导入(import)这些包来使用它们。比如,ChitChat论坛就把连接数据库的代码放到了独立的包里面,我们很快就会看到这一点。

2.4.4 使用cookie进行访问控制

跟其他很多Web应用一样,ChitChat既拥有任何人都可以访问的公开页面,也拥有用户在登录账号之后才能看见的私人页面。

当一个用户成功登录以后,服务器必须在后续的请求中标示出这是一个已登录的用户。为了做到这一点,服务器会在响应的首部中写入一个cookie,而客户端在接收这个cookie之后则会把它存储到浏览器里面。代码清单2-4展示了<code>authenticate</code>处理器函数的实现代码,这个函数定义在<code>route_auth.go</code>文件中,它的作用就是对用户的身份进行验证,并在验证成功之后向客户端返回一个cookie。

代码清单2-4 <code> route_auth.go</code>文件中的<code>authenticate</code>处理器函数

func authenticate(w http.ResponseWriter, r *http.Request) {r.ParseForm()user, _ := data.UserByEmail(r.PostFormValue("email"))if user.Password == data.Encrypt(r.PostFormValue("password")) {session := user.CreateSession()cookie := http.Cookie{Name: "_cookie",Value: session.Uuid,HttpOnly: true,}http.SetCookie(w, &cookie)http.Redirect(w, r, "/", 302)} else {http.Redirect(w, r, "/login", 302)}
}

注意,代码清单2-4中的<code>authenticate</code>函数使用了两个我们尚未介绍过的函数,一个是<code>data.Encrypt</code>,而另一个则是<code>data.UserbyEmail</code>。因为本节关注的是ChitChat论坛的访问控制机制而不是数据处理方法,所以本节将不会对这两个函数的实现细节进行解释,但这两个函数的名字已经很好地说明了它们各自的作用:<code>data.UserByEmail</code>函数通过给定的电子邮件地址获取与之对应的<code>User</code>结构,而<code>data.Encrypt</code>函数则用于加密给定的字符串。本章稍后将会对<code>data</code>包作更详细的介绍,但是在此之前,让我们回到对访问控制机制的讨论上来。

在验证用户身份的时候,程序必须先确保用户是真实存在的,并且提交给处理器的密码在加密之后跟存储在数据库里面的已加密用户密码完全一致。在核实了用户的身份之后,程序会使用<code>User</code>结构的<code>CreateSession</code>方法创建一个<code>Session</code>结构,该结构的定义如下:

type Session struct {Id    intUuid   stringEmail   stringUserId  intCreatedAt time.Time
}

<code>Session</code>结构中的<code>Email</code>字段用于存储用户的电子邮件地址,而<code>UserId</code>字段则用于记录用户表中存储用户信息的行的ID。<code>Uuid</code>字段存储的是一个随机生成的唯一ID,这个ID是实现会话机制的核心,服务器会通过cookie把这个ID存储到浏览器里面,并把<code>Session</code>结构中记录的各项信息存储到数据库中。

在创建了<code>Session</code>结构之后,程序又创建了<code>Cookie</code>结构:

cookie := http.Cookie{Name:   "_cookie",Value:   session.Uuid,HttpOnly: true,
}

cookie的名字是随意设置的,而cookie的值则是将要被存储到浏览器里面的唯一ID。因为程序没有给cookie设置过期时间,所以这个cookie就成了一个会话cookie,它将在浏览器关闭时自动被移除。此外,程序将<code>HttpOnly</code>字段的值设置成了<code>true</code>,这意味着这个cookie只能通过HTTP或者HTTPS访问,但是却无法通过JavaScript等非HTTP API进行访问。

在设置好cookie之后,程序使用以下这行代码,将它添加到了响应的首部里面:

http.SetCookie(writer, &cookie)

在将cookie存储到浏览器里面之后,程序接下来要做的就是在处理器函数里面检查当前访问的用户是否已经登录。为此,我们需要创建一个名为<code>session</code>的工具(utility)函数,并在各个处理器函数里面复用它。代码清单2-5展示了<code>session</code>函数的实现代码,跟其他工具函数一样,这个函数也是在<code>util.go</code>文件里面定义的。再提醒一下,虽然程序把工具函数的定义都放在了<code>util.go</code>文件里面,但是因为<code>util.go</code>文件也隶属于<code>main</code>包,所以这个文件里面定义的所有工具函数都可以直接在整个<code>main</code>包里面调用,而不必像<code>data.Encrypt</code>函数那样需要先引入包然后再调用。

代码清单2-5 <code>util.go</code>文件中的<code>session</code>工具函数

func session(w http.ResponseWriter, r *http.Request)(sess data.Session, errerror){cookie, err := r.Cookie("_cookie")if err == nil {sess = data.Session{Uuid: cookie.Value}if ok, _ := sess.Check(); !ok {err = errors.New("Invalid session")}}return
}

为了从请求中取出cookie,<code>session</code>函数使用了以下代码:

cookie, err := r.Cookie("_cookie")

如果cookie不存在,那么很明显用户并未登录;相反,如果cookie存在,那么<code>session</code>函数将继续进行第二项检查——访问数据库并核实会话的唯一ID是否存在。第二项检查是通过<code>data.Session</code>函数完成的,这个函数会从cookie中取出会话并调用后者的<code>Check</code>方法:

sess = data.Session{Uuid: cookie.Value}
if ok, _ := sess.Check(); !ok {err = errors.New("Invalid session")
}

在拥有了检查和识别已登录用户和未登录用户的能力之后,让我们来回顾一下之前展示的<code>index</code>处理器函数,代码清单2-6中被加粗的代码行展示了这个处理器函数是如何使用<code>session</code>函数的。

{--:}代码清单2-6 <code>index</code>处理器函数

<pre class="代码无行号"><code>func index(w http.ResponseWriter, r http.Request) {
 threads, err := data.Threads(); if err == nil {
  <strong>, err := session(w, r)</strong>
  public_tmpl_files := []string{"templates/layout.html",
                 "templates/public.navbar.html",
                 "templates/index.html"}
  private_tmpl_files := []string{"templates/layout.html",
                  "templates/private.navbar.html",
                  "templates/index.html"}
  var templates
template.Template
  if err != nil {
   templates = template.Must(template.Parse-
 Files(private_tmpl_files...))
  } else {
   templates = template.Must(template.ParseFiles(public_tmpl_files...))
  }
  templates.ExecuteTemplate(w, "layout", threads)
 }
}</code></pre>

通过调用<code>session</code>函数可以取得一个存储了用户信息的<code>Session</code>结构,不过因为<code>index</code>函数目前并不需要这些信息,所以它使用<span style=“font-family: Times New Roman,楷体GB2312”>空白标识符</span>(blank identifier)()忽略了这一结构。<code>index</code>函数真正感兴趣的是<code>err</code>变量,程序会根据这个变量的值来判断用户是否已经登录,然后以此来选择是使用<code>public</code>导航条还是使用<code>private</code>导航条。

好的,关于ChitChat应用处理请求的方法就介绍到这里了。本章接下来会继续讨论如何为客户端生成HTML,并完整地叙述之前没有说完的部分。

2.5 使用模板生成HTML响应

<code>index</code>处理器函数里面的大部分代码都是用来为客户端生成HTML的。首先,函数把每个需要用到的模板文件都放到了Go切片里面(这里展示的是私有页面的模板文件,公开页面的模板文件也是以同样方式进行组织的):

private_tmpl_files := []string{"templates/layout.html","templates/private.navbar.html","templates/index.html"}

跟Mustache和CTemplate等其他模板引擎一样,切片指定的这3个HTML文件都包含了特定的嵌入命令,这些命令被称为<span style=“font-family: Times New Roman,楷体_GB2312”>动作</span>(action),动作在HTML文件里面会被<code>{{</code>符号和<code>}}</code>符号包围。

接着,程序会调用<code>ParseFiles</code>函数对这些模板文件进行语法分析,并创建出相应的模板。为了捕捉语法分析过程中可能会产生的错误,程序使用了<code>Must</code>函数去包围<code>ParseFiles</code>函数的执行结果,这样当<code>ParseFiles</code>返回错误的时候,<code>Must</code>函数就会向用户返回相应的错误报告:

templates := template.Must(template.ParseFiles(private_tmpl_files...))

好的,关于模板文件的介绍已经足够多了,现在是时候来看看它们的庐山真面目了。

ChitChat论坛的每个模板文件都定义了一个模板,这种做法并不是强制的,用户也可以在一个模板文件里面定义多个模板,但模板文件和模板一一对应的做法可以给开发带来方便,我们在之后就会看到这一点。代码清单2-7展示了<code>layout.html</code>模板文件的源代码,源代码中使用了<code>define</code>动作,这个动作通过文件开头的<code>{{ define "layout" }}</code>和文件末尾的<code>{{ end }}</code>,把被包围的文本块定义成了<code>layout</code>模板的一部分。

代码清单2-7 <code>layout.html</code>模板文件

{{ define "layout" }}<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=9"><meta name="viewport" content="width=device-width, initial-scale=1"><title>ChitChat</title><link href="/static/css/bootstrap.min.css" rel="stylesheet"><link href="/static/css/font-awesome.min.css" rel="stylesheet"></head><body>{{ template "navbar" . }}<div class="container">{{ template "content" . }}</div> <!-- /container --><script src="/static/js/jquery-2.1.1.min.js"></script><script src="/static/js/bootstrap.min.js"></script></body>
</html>{{ end }}

除了<code>define</code>动作之外,<code>layout.html</code>模板文件里面还包含了两个用于引用其他模板文件的<code>template</code>动作。跟在被引用模板名字之后的点(<code>.</code>)代表了传递给被引用模板的数据,比如<code>{{ template "navbar" . }}</code>语句除了会在语句出现的位置引入<code>navbar</code>模板之外,还会将传递给<code>layout</code>模板的数据传递给<code>navbar</code>模板。

代码清单2-8展示了<code>public.navbar.html</code>模板文件中的<code>navbar</code>模板,除了定义模板自身的<code>define</code>动作之外,这个模板没有包含其他动作(严格来说,模板也可以不包含任何动作)。

代码清单2-8 <code>public.navbar.html</code>模板文件

{{ define "navbar" }}<div class="navbar navbar-default navbar-static-top" role="navigation"><div class="container"><div class="navbar-header"><button type="button" class="navbar-toggle collapsed"➥ data-toggle="collapse" data-target=".navbar-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="/"><i class="fa fa-comments-o"></i>ChitChat</a></div><div class="navbar-collapse collapse"><ul class="nav navbar-nav"><li><a href="/">Home</a></li></ul><ul class="nav navbar-nav navbar-right"><li><a href="/login">Login</a></li></ul></div></div>
</div>{{ end }}

最后,让我们来看看定义在<code>index.html</code>模板文件中的<code>content</code>模板,代码清单2-9展示了这个模板的源代码。注意,尽管之前展示的两个模板都与模板文件拥有相同的名字,但实际上模板和模板文件分别拥有不同的名字也是可行的。

代码清单2-9 <code>index.html</code>模板文件

{{ define "content" }}<p class="lead"><a href="/thread/new">Start a thread</a> or join one below!
</p>{{ range . }}<div class="panel panel-default"><div class="panel-heading"><span class="lead"> <i class="fa fa-comment-o"></i> {{ .Topic }}</span></div><div class="panel-body">Started by {{ .User.Name }} - {{ .CreatedAtDate }} - {{ .NumReplies }}posts.<div class="pull-right"><a href="/thread/read?id={{.Uuid }}">Read more</a></div></div></div>
{{ end }}{{ end }}

<code>index.html</code>文件里面的代码非常有趣,特别值得一提的是文件里面包含了几个以点号(<code>.</code>)开头的动作,比如<code>{{ .User.Name }}</code>和<code>{{ .CreatedAtDate }}</code>,这些动作的作用和之前展示过的<code>index</code>处理器函数有关:

threads, err := data.Threads(); if err == nil {templates.ExecuteTemplate(writer, "layout", threads)
}

在以下这行代码中:

templates.ExecuteTemplate(writer, "layout", threads)

程序通过调用<code>ExecuteTemplate</code>函数,执行(execute)已经经过语法分析的<code>layout</code>模板。执行模板意味着把模板文件中的内容和来自其他渠道的数据进行合并,然后生成最终的HTML内容,具体过程如图2-6所示。

02-06{80%}

图2-6 模板引擎通过合并数据和模板来生成HTML

程序之所以对<code>layout</code>模板而不是<code>navbar</code>模板或者<code>content</code>模板进行处理,是因为<code>layout</code>模板已经引用了其他两个模板,所以执行<code>layout</code>模板就会导致其他两个模板也被执行,由此产生出预期的HTML。但是,如果程序只执行<code>navbar</code>模板或者<code>content</code>模板,那么程序最终只会产生出预期的HTML的一部分。

现在,你应该已经明白了,点号(<code>.</code>)代表的就是传入到模板里面的数据(实际上还不仅如此,接下来的小节会对这方面做进一步的说明)。图2-7展示了程序根据模板生成的ChitChat论坛的样子。

02-07{80%}

图2-7 ChitChat Web应用示例的主页

整理代码

因为生成HTML的代码会被重复执行很多次,所以我们决定对这些代码进行一些整理,并将它们移到代码清单2-10所示的<code>generateHTML</code>函数里面。

代码清单2-10 <code>generateHTML</code>函数

func generateHTML(w http.ResponseWriter, data interface{}, fn ...string) {var files []stringfor _, file := range fn {files = append(files, fmt.Sprintf("templates/%s.html", file))}templates := template.Must(template.ParseFiles(files...))templates.ExecuteTemplate(writer, "layout", data)
}

<code>generateHTML</code>函数接受一个<code>ResponseWriter</code>、一些数据以及一系列模板文件作为参数,然后对给定的模板文件进行语法分析。<code>data</code>参数的类型为空接口类型(empty interface type),这意味着该参数可以接受任何类型的值作为输入。刚开始接触Go语言的人可能会觉得奇怪——Go不是静态编程语言吗,它为什么能够使用没有类型限制的参数?

但实际上,Go程序可以通过接口(interface)机制,巧妙地绕过静态编程语言的限制,并藉此获得接受多种不同类型输入的能力。Go语言中的接口由一系列方法构成,并且每个接口就是一种类型。一个空接口就是一个空集合,这意味着任何类型都可以成为一个空接口,也就是说任何类型的值都可以传递给函数作为参数。

<code>generateHTML</code>函数的最后一个参数以3个点(<code>...</code>)开头,它表示<code>generateHTML</code>函数是一个<span style=“font-family: Times New Roman,楷体_GB2312”>可变参数函数</span>(variadic function),这意味着这个函数可以在最后的可变参数中接受零个或任意多个值作为参数。<code>generateHTML</code>函数对可变参数的支持使我们可以同时将任意多个模板文件传递给该函数。在Go语言里面,可变参数必须是可变参数函数的最后一个参数。

在实现了<code>generateHTML</code>函数之后,让我们回过头来,继续对<code>index</code>处理器函数进行整理。代码清单2-11展示了经过整理之后的<code>index</code>处理器函数,现在它看上去更整洁了。

代码清单2-11 <code>index</code>处理器函数的最终版本

func index(writer http.ResponseWriter, request *http.Request) {threads, err := data.Threads(); if err == nil {_, err := session(writer, request)if err != nil {generateHTML(writer, threads, "layout", "public.navbar", "index")} else {generateHTML(writer, threads, "layout", "private.navbar", "index")}}
}

在这一节中,我们学习了很多关于模板的基础知识,之后的第5章将对模板做更详细的介绍。但是在此之前,让我们先来了解一下ChitChat应用使用的数据源(data source),并藉此了解一下ChitChat应用的数据是如何与模板一同生成最终的HTML的。

2.6 安装PostgreSQL

在本章以及后续几章中,每当遇到需要访问关系数据库的场景,我们都会使用PostgreSQL。在开始使用PostgreSQL之前,我们首先需要学习的是如何安装并运行PostgreSQL,以及如何创建本章所需的数据库。

2.6.1 在Linux或FreeBSD系统上安装

www.postgresql.org/download为各种不同版本的Linux和FreeBSD都提供了预编译的二进制安装包,用户只需要下载其中一个安装包,然后根据指示进行安装就可以了。比如说,通过执行以下命令,我们可以在Ubuntu发行版上安装Postgres:

sudo apt-get install postgresql postgresql-contrib

这条命令除了会安装<code>postgres</code>包之外,还会安装附加的工具包,并在安装完毕之后启动PostgreSQL数据库系统。

在默认情况下,Postgres会创建一个名为<code>postgres</code>的用户,并将其用于连接服务器。为了操作方便,你也可以使用自己的名字创建一个Postgres账号。要做到这一点,首先需要登入Postgres账号:

sudo su postgres

接着使用<code>createuser</code>命令创建一个PostgreSQL账号:

createuser –interactive

最后,还需要使用<code>createdb</code>命令创建以你的账号名字命名的数据库:

createdb <YOUR ACCOUNT NAME>

2.6.2 在Mac OS X系统上安装

要在Mac OS X上安装PostgreSQL,最简单的方法是使用PostgresApp.com提供的Postgres应用:你只需要把网站上提供的zip压缩包下载下来,解压它,然后把<code>Postgres.app</code>文件拖曳到自己的<code>Applications</code>文件夹里面就可以了。启动<code>Postgres.app</code>的方法跟启动其他Mac OS X应用的方法完全一样。<code>Postgres.app</code>在初次启动的时候会初始化一个新的数据库集群,并为自己创建一个数据库。因为命令行工具<code>psql</code>也包含在了<code>Postgres.app</code>里面,所以在设置好正确的路径之后,你就可以使用<code>psql</code>访问数据库了。设置路径的工作可以通过在你的<code>~/.profile</code>文件或者<code>~/.bashrc</code>文件中添加以下代码行来完成<a href="#anchor21" id="ac21"><sup>[1]</sup></a>:

export PATH=$PATH:/Applications/Postgres.app/Contents/Versions/9.4/bin

2.6.3 在Windows系统上安装

因为Windows系统上的很多PostgreSQL图形安装程序都会把一切安装步骤布置妥当,用户只需要进行相应的设置就可以了,所以在Windows系统上安装PostgreSQL也是非常简单和直观的。其中一个流行的安装程序是由Enterprise DB提供的:www.enterprisedb.com/products- services-training/pgdownload。

除了PostgreSQL数据库本身之外,安装包还会附带诸如pgAdmin等工具,以便用户通过这些工具进行后续的配置。

2.7 连接数据库

本章前面在展示ChitChat应用的设计方案时,曾经提到过ChitChat应用包含了4种数据结构。虽然把这4种数据结构放到主源码文件里面也是可以的,但更好的办法是把所有与数据相关的代码都放到另一个包里面——ChitChat应用的<code>data</code>包也因此应运而生。

为了创建<code>data</code>包,我们首先需要创建一个名为<code>data</code>的子目录,并创建一个用于保存所有帖子相关代码的<code>thread.go</code>文件(在之后的小节里面,我们还会创建一个用于保存所有用户相关代码的<code>user.go</code>文件)。在此之后,每当程序需要用到<code>data</code>包的时候(比如处理器需要访问数据库的时候),程序都需要通过<code>import</code>语句导入这个包:

import ("github.com/sausheong/gwp/Chapter_2_Go_ChitChat/chitchat/data"
)

代码清单2-12展示了定义在<code>thread.go</code>文件里面的<code>Thread</code>结构,这个结构存储了与帖子有关的各种信息。

{--:}代码清单2-12 定义在<code>thread.go</code>文件里面的<code>Thread</code>结构

<pre class="代码无行号"><code><strong>package data</strong>

import(
 "time"
)
type Thread struct {
 Id    int
 Uuid   string
 Topic   string
 UserId  int
 CreatedAt time.Time
}</code></pre>

正如代码清单2-12中加粗显示的代码行所示,文件的包名现在是<code>data</code>而不再是<code>main</code>了,这个包就是前面小节中我们曾经见到过的<code>data</code>包。<code>data</code>包除了包含与数据库交互的结构和代码,还包含了一些与数据处理密切相关的函数。隶属于其他包的程序在引用<code>data</code>包中定义的函数、结构或者其他东西时,必须在被引用元素的名字前面显式地加上<code>data</code>这个包名。比如说,引用<code>Thread</code>结构就需要使用<code>data.Thread</code>这个名字,而不能仅仅使用<code>Thread</code>这个名字。

<code>Thread</code>结构应该与创建关系数据库表<code>threads</code>时使用的<span style=“font-family: Times New Roman,楷体_GB2312”>数据定义语言</span>(Data Definition Language,<SPAN STYLE=“FONT-FAMILY: TIMES NEW ROMAN,楷体_GB2312”>DDL</SPAN>)保持一致。因为<code>threads</code>表目前尚未存在,所以我们必须创建这个表以及容纳该表的数据库。创建<code>chitchat</code>数据库的工作可以通过执行以下命令来完成:

createdb chitchat

在创建数据库之后,我们就可以通过代码清单2-13展示的<code>setup.sql</code>文件为ChitChat论坛创建相应的数据库表了。

代码清单2-13 用于在PostgreSQL里面创建数据库表的<code>setup.sql</code>文件

create table users (id     serial primary key,uuid    varchar(64) not null unique,name    varchar(255),email   varchar(255) not null unique,password  varchar(255) not null,created_at timestamp not null
);create table sessions (id     serial primary key,uuid    varchar(64) not null unique,email   varchar(255),user_id  integer references users(id),created_at timestamp not null
);create table threads (id     serial primary key,uuid    varchar(64) not null unique,topic   text,user_id  integer references users(id),created_at timestamp not null
);create table posts (id     serial primary key,uuid    varchar(64) not null unique,body    text,user_id  integer references users(id),thread_id integer references threads(id),created_at timestamp not null
);

运行这个脚本需要用到<code>psql</code>工具,正如上一节所说,这个工具通常会随着PostgreSQL一同安装,所以你只需要在终端里面执行以下命令就可以了:

psql –f setup.sql –d chitchat

如果一切正常,那么以上命令将在<code>chitchat</code>数据库中创建出相应的表。在拥有了表之后,程序就必须考虑如何与数据库进行连接以及如何对表进行操作了。为此,程序创建了一个名为<code>Db</code>的全局变量,这个全局变量是一个指针,指向的是代表数据库连接池的<code>sql.DB</code>,而后续的代码则会使用这个<code>Db</code>变量来执行数据库查询操作。代码清单2-14展示了<code>Db</code>变量在<code>data.go</code>文件中的定义,此外还展示了一个用于在Web应用启动时对<code>Db</code>变量进行初始化的<code>init</code>函数。

代码清单2-14 <code> data.go</code>文件中的<code>Db</code>全局变量以及<code>init</code>函数

Var Db *sql.DBfunc init() {var err errorDb, err = sql.Open("postgres", "dbname=chitchat sslmode=disable")if err != nil {log.Fatal(err)}return
}

现在程序已经拥有了结构、表以及一个指向数据库连接池的指针,接下来要考虑的是如何连接(connect)<code>Thread</code>结构和<code>threads</code>表。幸运的是,要做到这一点并不困难:跟ChitChat应用的其他部分一样,我们只需要创建能够在结构和数据库之间互动的函数就可以了。例如,为了从数据库里面取出所有帖子并将其返回给<code>index</code>处理器函数,我们可以使用<code>thread.go</code>文件中定义的<code>Threads</code>函数,代码清单2-15给出了这个函数的定义。

代码清单2-15 <code> threads.go</code>文件中定义的<code>Threads</code>函数

func Threads() (threads []Thread, err error){rows, err := Db.Query("SELECT id, uuid, topic, user_id, created_at FROMthreads ORDER BY created_at DESC")if err != nil {return}for rows.Next() {th := Thread{}if err = rows.Scan(&th.Id, &th.Uuid, &th.Topic, &th.UserId,➥&th.CreatedAt); err != nil {return}threads = append(threads, th)}rows.Close()return
}

简单来讲,<code>Threads</code>函数执行了以下工作:

(1)通过数据库连接池与数据库进行连接;

(2)向数据库发送一个SQL查询,这个查询将返回一个或多个行作为结果;

(3)遍历行,为每个行分别创建一个<code>Thread</code>结构,首先使用这个结构去存储行中记录的帖子数据,然后将存储了帖子数据的<code>Thread</code>结构追加到传入的<code>threads</code>切片里面;

(4)重复执行步骤3,直到查询返回的所有行都被遍历完毕为止。

本书的第6章将对数据库操作的细节做进一步的介绍。

在了解了如何将数据库表存储的帖子数据提取到<code>Thread</code>结构里面之后,我们接下来要考虑的就是如何在模板里面展示<code>Thread</code>结构存储的数据了。在代码清单2-9中展示的index.html模板文件,有这样一段代码:

{{ range . }}<div class="panel panel-default"><div class="panel-heading"><span class="lead"> <i class="fa fa-comment-o"></i> {{ .Topic }}</span></div><div class="panel-body">Started by {{ .User.Name }} - {{ .CreatedAtDate }} - {{ .NumReplies }}posts.<div class="pull-right"><a href="/thread/read?id={{.Uuid }}">Read more</a></div></div></div>
{{ end }}

正如之前所说,模板动作中的点号(<code>.</code>)代表传入模板的数据,它们会和模板一起生成最终的结果,而<code>{{ range . }}</code>中的<code>.</code>号代表的是程序在稍早之前通过<code>Threads</code>函数取得的<code>threads</code>变量,也就是一个由<code>Thread</code>结构组成的切片。

<code>range</code>动作假设传入的数据要么是一个由结构组成的切片,要么是一个由结构组成的数组,这个动作会遍历传入的每个结构,而用户则可以通过字段名访问结构里面的字段,比如,动作<code>{{ .Topic }}</code>访问的是<code>Thread</code>结构的<code>Topic</code>字段。注意,在访问字段时必须在字段名的前面加上点号,并且字段名的首字母必须大写。

用户除可以在字段名的前面加上点号来访问结构中的字段以外,还可以通过相同的方法调用一种名为<span style=“font-family: Times New Roman,楷体_GB2312”>方法</span>(method)的特殊函数。比如,在上面展示的代码中,<code>{{ .User.Name }}</code>、<code>{{ .CreatedAtDate }}</code>和<code>{{ .NumReplies }}</code>这些动作的作用就是调用结构中的同名方法,而不是访问结构中的字段。

方法是隶属于特定类型的函数,指针、接口以及包括结构在内的所有具名类型都可以拥有自己的方法。比如说,通过将函数与指向<code>Thread</code>结构的指针进行绑定,可以创建出一个针对<code>Thread</code>结构的方法,而传入方法里面的<code>Thread</code>结构则称为<span style=“font-family: Times New Roman,楷体_GB2312”>接收者</span>(receiver):方法可以访问接收者,也可以修改接收者。

作为例子,代码清单2-16展示了<code>NumReplies</code>方法的实现代码。

代码清单2-16 <code> thread.go</code>文件中的<code>NumReplies</code>方法

func (thread *Thread) NumReplies() (count int) {rows, err := Db.Query("SELECT count(*) FROM posts where thread_id = $1",thread.Id)if err != nil {return}for rows.Next() {if err = rows.Scan(&count); err != nil {return}}rows.Close()return
}

<code>NumReplies</code>方法首先打开一个指向数据库的连接,接着通过执行一条SQL查询来取得帖子的数量,并使用传入方法里面的<code>count</code>参数来记录这个值。最后,<code>NumReplies</code>方法返回帖子的数量作为方法的执行结果,而模板引擎则使用这个值去代替模板文件中出现的<code>{{ .NumReplies }}</code>动作。

通过为<code>User</code>、<code>Session</code>、<code>Thread</code>和<code>Post</code>这4种数据结构创建相应的函数和方法,ChitChat最终在处理器函数和数据库之间构建起了一个数据层,以此来避免处理器函数直接对数据库进行访问,图2-8展示了这个数据层和数据库以及处理器函数之间的关系。虽然有很多库都可以达到同样的效果,但亲自构建数据层能够帮助我们学习如何对数据库进行基本的访问,并藉此了解到实现这种访问并不困难,只需要用到一些简单直接的代码,这一点是非常有益的。

02-08{80%}

图2-8 通过结构模型连接数据库和处理器

2.8 启动服务器

在本章的最后,让我们来看一下ChitChat应用是如何启动服务器并将多路复用器与服务器进行绑定的。执行这一工作的代码是在<code>main.go</code>文件里面定义的:

server := &http.Server{Addr:   "0.0.0.0:8080",Handler: mux,
}
server.ListenAndServe()

这段代码非常简单,它所做的就是创建一个<code>Server</code>结构,然后在这个结构上调用<code>ListenAndServe</code>方法,这样服务器就能够启动了。

现在,我们可以通过执行以下命令来编译并运行ChitChat应用:

go build

这个命令会在当前目录以及<code>$GOPATH/bin</code>目录中创建一个名为<code>chitchat</code>的二进制可执行文件,它就是ChitChat应用的服务器。接着,我们可以通过执行以下命令来启动这个服务器:

./chitchat

如果你已经按照之前所说的方法,在数据库里面创建了ChitChat应用所需的数据库表,那么现在你只需要访问http://localhost:8080/并注册一个新账号,然后就可以使用自己的账号在论坛上发布新帖子了。

2.9 Web应用运作流程回顾

在本章的各节中,我们对一个Go Web应用的不同组成部分进行了初步的了解和观察。图2-9对整个应用的工作流程进行了介绍,其中包括:

(1)客户端向服务器发送请求;

(2)多路复用器接收到请求,并将其重定向到正确的处理器;

(3)处理器对请求进行处理;

(4)在需要访问数据库的情况下,处理器会使用一个或多个数据结构,这些数据结构都是根据数据库中的数据建模而来的;

(5)当处理器调用与数据结构有关的函数或者方法时,这些数据结构背后的模型会与数据库进行连接,并执行相应的操作;

(6)当请求处理完毕时,处理器会调用模板引擎,有时候还会向模板引擎传递一些通过模型获取到的数据;

(7)模板引擎会对模板文件进行语法分析并创建相应的模板,而这些模板又会与处理器传递的数据一起合并生成最终的HTML;

(8)生成的HTML会作为响应的一部分回传至客户端。

02-09{80%}

图2-9 Web应用工作流程概览

主要的步骤大概就是这些。在接下来的几章中,我们会更加深入地学习这一工作流程,并进一步了解该流程涉及的各个组件。

2.10 小结

  • <span style=“font-family: Times New Roman,楷体_GB2312”>请求的接收和处理是所有Web应用的核心。</span>
  • <span style=“font-family: Times New Roman,楷体_GB2312”>多路复用器会将HTTP请求重定向到正确的处理器进行处理,针对静态文件的请求也是如此。</span>
  • <span style=“font-family: Times New Roman,楷体_GB2312”>处理器函数是一种接受</span><code>ResponseWriter</code><span style=“font-family: Times New Roman,楷体_GB2312”>和</span><code>Requeest</code><span style=“font-family: Times New Roman,楷体_GB2312”>指针作为参数的Go函数。</span>
  • <span style=“font-family: Times New Roman,楷体_GB2312”>cookie可以用作一种访问控制机制。</span>
  • <span style=“font-family: Times New Roman,楷体_GB2312”>对模板文件以及数据进行语法分析会产生相应的HTML,这些HTML会被用作返回给浏览器的响应数据。</span>
  • <span style=“font-family: Times New Roman,楷体_GB2312”>通过使用</span><code>sql</code><span style=“font-family: Times New Roman,楷体_GB2312”>包以及相应的SQL语句,用户可以将数据持久地存储在关系数据库中。</span>

<hr />

<p class="footnote"><a href="#ac21" id="anchor21">[1]</a> 在安装<code>Postgres.app</code>时,你可能需要根据<code>Postgres.app</code>的版本对路径的版本部分做相应的修改,比如,将其中的<code>9.4</code>修改为<code>9.5</code>或者<code>9.6</code>,诸如此类。——译者注
</p>

转载于:https://blog.51cto.com/13127751/2049742

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/31048.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微信聊天机器人,不使用iChat,可以群聊

目录 1. 微信聊天界面截图 2. 图片文字识别 3. 获取最新消息 3.1 独聊 3.2 群聊 4. 机器人聊天系统 5. 成果展示 6. 全部代码 本文参考大神【喵王叭】的文章&#xff1a;python实现微信、QQ聊天自动回复【纯物理】_喵王叭的博客-CSDN博客_python自动回复纯物理方式实现微…

【论文翻译】2020.8 清华大学AI课题组——大型中文短文本对话数据集(A Large-Scale Chinese Short-Text Conversation Dataset)

大型中文短文本对话数据集 写在前面&#xff1a; 研究用&#xff0c;原创翻译&#xff0c;转载请标明出处&#xff1b;第一次译文&#xff0c;之后会跟进完善。侵删。 今年暑假末&#xff0c;清华大学公开了大型对话数据集及预训练模型。该数据集融合各大社交媒体对话数据库&am…

头条原创文章一键转换剪映生成视频

最近一段时间某更新了一个功能就是自己发布的文章可以在后台通过视频平台的功能一键生成短视频。 但是这个功能只能支持自己的写的文章,而且只能在本平台发布视频,还暂时不能同步到其他平台。而且必须是自己的原创文章哟,不是话会有一些问题。 这个做了几个视频之后发出来…

自媒体必备视频剪辑SDK,操作简单,功能强大,让每个精彩瞬间都能锦上添花!

VESDK DELUXE介绍&#xff1a; 一个全能好用的视频编辑工具&#xff0c;帮你轻松剪出美好生活。VESDK Deluxe APP视频编辑SDK集手机视频拍摄和视频剪辑主要功能于一体,同时包含手机端视频配音配乐&#xff0c;字幕特效&#xff0c;滤镜&#xff0c;转场特效等各种功能&#xff…

抖音之电脑版剪映的使用

本内容介绍剪映功能的使用以及一些个人剪映作品。紫色文字是超链接&#xff0c;点击自动跳转至相关博文。持续更新&#xff0c;原创不易&#xff01; 目录&#xff1a; 一、抖音&#xff1a;逝雪情感的剪映作品 1、曾经以为离不开的是微信 2、半生走过 3、夏日田园 二、音…

剪映专业版 - 你的短视频剪辑小帮手!附Mac/Win地址!

剪映专业版&#xff1a;做精品视频你不一定要用 FCPX &#xff01;随着短视频的崛起&#xff0c;市面上的剪辑软件也越来越多。除我们熟知的Premiere、Final Cut Pro等专业剪辑软件外&#xff0c;也有很多轻松易上手的App等待我们选择。近期&#xff0c;剪映推出了全新的专业版…

剪映电脑版详细使用教程,让视频剪辑变得更简单了

这几天关于剪映电脑版的消息非常多&#xff0c;相比于专业成熟的视频剪辑软件&#xff0c;但大家对这款剪映似乎特别感兴趣&#xff0c;小编也抽时间简单使用了一下&#xff0c;相比于adobe Premiere 和达芬奇来说&#xff0c;真的特别简单上手&#xff0c;结合了手机版的触摸与…

剪映app怎么剪辑视频

剪映是一款非常好用的手机上的视频剪辑软件&#xff0c;拥有这款软件的话&#xff0c;用户们即使是在手机上也能够快速方便的进行视频剪辑哦&#xff0c;但是有很多用户们没有剪辑过视频&#xff0c;不会使用剪映这款软件等&#xff0c;那么剪映app具体要怎么操作使用呢&#x…

AIz作画阶段小结后续内容安排

效果呈现 视频效果&#xff1a; 1.小说插画 2.动作系列 图画效果&#xff1a; 1.场景画面&#xff08;6张左右&#xff09; 2.人物画面&#xff08;6张左右&#xff0c;可以更多&#xff0c;可爱、知性、性感、古典、游戏、二次元&#xff09; 3.插画设计 4.广告元素 5.3d角色&…

Spring Boot 项目中使用 OpenAI ChatGPT APIs

大家好&#xff0c;我是Yuan&#xff0c;这篇文章主要介绍如何在springboot项目中集成调用chatgpt的api功能。 1. 概述 在本教程中&#xff0c;我们将学习如何在 Spring Boot 中调用 OpenAI ChatGPT API。我们将创建一个 Spring Boot 应用程序&#xff0c;该应用程序将通过调…

2021年茶艺师(中级)最新解析及茶艺师(中级)免费试题

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安全生产模拟考试一点通&#xff1a;茶艺师&#xff08;中级&#xff09;最新解析考前必练&#xff01;安全生产模拟考试一点通每个月更新茶艺师&#xff08;中级&#xff09;免费试题题目及答案&#xff01;多做几遍…

2021年茶艺师(中级)最新解析及茶艺师(中级)模拟考试题库

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安全生产模拟考试一点通&#xff1a;茶艺师&#xff08;中级&#xff09;最新解析是安全生产模拟考试一点通生成的&#xff0c;茶艺师&#xff08;中级&#xff09;证模拟考试题库是根据茶艺师&#xff08;中级&#…

2021年茶艺师(中级)考试题库及茶艺师(中级)复审考试

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 茶艺师&#xff08;中级&#xff09;考试题库考前必练&#xff01;安全生产模拟考试一点通每个月更新茶艺师&#xff08;中级&#xff09;复审考试题目及答案&#xff01;多做几遍&#xff0c;其实通过茶艺师&#xf…

2021年茶艺师(中级)考试题及茶艺师(中级)考试试卷

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安全生产模拟考试一点通&#xff1a;茶艺师&#xff08;中级&#xff09;考试题根据新茶艺师&#xff08;中级&#xff09;考试大纲要求&#xff0c;安全生产模拟考试一点通将茶艺师&#xff08;中级&#xff09;模拟…

2021年茶艺师(中级)考试内容及茶艺师(中级)最新解析

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 茶艺师&#xff08;中级&#xff09;考试内容是安全生产模拟考试一点通总题库中生成的一套茶艺师&#xff08;中级&#xff09;最新解析&#xff0c;安全生产模拟考试一点通上茶艺师&#xff08;中级&#xff09;作业…

2021年茶艺师(中级)考试及茶艺师(中级)考试题库

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安全生产模拟考试一点通&#xff1a;茶艺师&#xff08;中级&#xff09;考试根据新茶艺师&#xff08;中级&#xff09;考试大纲要求&#xff0c;安全生产模拟考试一点通将茶艺师&#xff08;中级&#xff09;模拟考…

2021年茶艺师(中级)免费试题及茶艺师(中级)试题及解析

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安全生产模拟考试一点通&#xff1a;茶艺师&#xff08;中级&#xff09;免费试题参考答案及茶艺师&#xff08;中级&#xff09;考试试题解析是安全生产模拟考试一点通题库老师及茶艺师&#xff08;中级&#xff09;…

2021年茶艺师(中级)考试题库及茶艺师(中级)考试试卷

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安全生产模拟考试一点通&#xff1a;茶艺师&#xff08;中级&#xff09;考试题库根据新茶艺师&#xff08;中级&#xff09;考试大纲要求&#xff0c;安全生产模拟考试一点通将茶艺师&#xff08;中级&#xff09;模…

2021年茶艺师(中级)考试题及茶艺师(中级)考试报名

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安全生产模拟考试一点通&#xff1a;茶艺师&#xff08;中级&#xff09;考试题参考答案及茶艺师&#xff08;中级&#xff09;考试试题解析是安全生产模拟考试一点通题库老师及茶艺师&#xff08;中级&#xff09;操…

2020年茶艺师(中级)考试题库及茶艺师(中级)模拟考试题

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 2020年茶艺师&#xff08;中级&#xff09;考试题库及茶艺师&#xff08;中级&#xff09;模拟考试题&#xff0c;包含茶艺师&#xff08;中级&#xff09;考试题库答案和解析及茶艺师&#xff08;中级&#xff09;模…