【go项目01_学习记录07】-编程知识

学习记录

1 创建博文
- 1.1 在main.go中添加路由
- 1.2 构建表单
2 读取表单数据
- 2.1 完善articlesStoreHandler() 函数
- 2.2 修改代码，查看区别
3 表单验证
- 3.1 数据验证
- 3.2 出错提示

1 创建博文

1.1 在main.go中添加路由

在这里插入图片描述
访问http://localhost:3000/articles/create

1.2 构建表单

在这里插入图片描述
报错

router在main函数中定义，但其他函数无法直接识别，需将router定义在函数体外面当成全局变量（包级别的变量）。

包级别的变量不能使用:=声明并赋值变量
应该使用

var router = mux.NewRouter( )

浏览器访问 localhost:3000/articles/create
在这里插入图片描述
浏览器中查看源码

2 读取表单数据

2.1 完善articlesStoreHandler() 函数

func articlesStoreHandler(w http.ResponseWriter, r *http.Request) {if err := r.ParseForm(); err != nil{//解析错误，这里应该有错误处理fmt.Fprintf(w,"请提供正确的数据！")return}title := r.PostForm.Get("title")fmt.Fprintf(w,"POST PostForm: %v <br>",r.PostForm)fmt.Fprintf(w,"POST Form: %v <br>",r.Form)fmt.Fprintf(w,"title 的值为: %v <br>", title)
}

访问 localhost:3000/articles/create ，在标题和内容里输入信息：
在这里插入图片描述

在这里插入图片描述

2.2 修改代码，查看区别

.
.
.
func articlesCreateHandler(w http.ResponseWriter, r *http.Request) {html := `
<!DOCTYPE html>
<html lang="en">
<head><title>创建文章 —— 我的技术博客</title>
</head>
<body><form action="%s?test=data" method="post"><p><input type="text" name="title"></p><p><textarea name="body" cols="30" rows="10"></textarea></p><p><button type="submit">提交</button></p></form>
</body>
</html>
`storeURL, _ := router.Get("articles.store").URL()fmt.Fprintf(w, html, storeURL)
}
.
.
.

重新打开 localhost:3000/articles/create 并填写数据（注意如果你使用浏览器的回退功能的话，需要重新刷新页面），再次提交：

在这里插入图片描述
Form多了URL参数里的数据

如不想获取所有的请求内容，而是逐个获取的话，这也是比较常见的操作，无需使用 r.ParseForm() 可直接使用 r.FormValue() 和 r.PostFormValue() 方法：

.
.
.
func articlesStoreHandler(w http.ResponseWriter, r *http.Request) {fmt.Fprintf(w, "r.Form 中 title 的值为: %v <br>", r.FormValue("title"))fmt.Fprintf(w, "r.PostForm 中 title 的值为: %v <br>", r.PostFormValue("title"))fmt.Fprintf(w, "r.Form 中 test 的值为: %v <br>", r.FormValue("test"))fmt.Fprintf(w, "r.PostForm 中 test 的值为: %v <br>", r.PostFormValue("test"))
}
.
.
.

在这里插入图片描述

3 表单验证

3.1 数据验证

.
.
.
func articlesStoreHandler(w http.ResponseWriter, r *http.Request) {title := r.PostFormValue("title")body := r.PostFormValue("body")errors := make(map[string]string)// 验证标题if title == "" {errors["title"] = "标题不能为空"} else if len(title) < 3 || len(title) > 40 {errors["title"] = "标题长度需介于 3-40"}// 验证内容if body == "" {errors["body"] = "内容不能为空"} else if len(body) < 10 {errors["body"] = "内容长度需大于或等于 10 个字节"}// 检查是否有错误if len(errors) == 0 {fmt.Fprint(w, "验证通过!<br>")fmt.Fprintf(w, "title 的值为: %v <br>", title)fmt.Fprintf(w, "title 的长度为: %v <br>", len(title))fmt.Fprintf(w, "body 的值为: %v <br>", body)fmt.Fprintf(w, "body 的长度为: %v <br>", len(body))} else {fmt.Fprintf(w, "有错误发生，errors 的值为: %v <br>", errors)}
}
.
.
.

errors := make(map[string]string)
这行代码的含义是创建了一个空的map，其中键的类型为string，值的类型也为string。这个map被命名为errors。

访问并输入数据
在这里插入图片描述

在这里插入图片描述
在Java中，一个汉字通常占用两个字节，因为Java中使用的是UTF-16编码，每个字符通常占用16位，即2个字节。这使得Java中处理Unicode字符和汉字比较方便。

在Go语言中，一个汉字通常占用3个字节，因为Go语言中的字符串是以UTF-8格式保存的，而UTF-8编码中一个汉字通常由3个字节表示。

若要按字符个数计算而非字节数，可以使用Go语言中的utf8包中的RuneCountInString()函数来计算。这个函数会返回字符串中Unicode字符的个数，而不是字节数。

修改代码

.
.
.
func articlesStoreHandler(w http.ResponseWriter, r *http.Request) {title := r.PostFormValue("title")body := r.PostFormValue("body")errors := make(map[string]string)// 验证标题if title == "" {errors["title"] = "标题不能为空"} else if utf8.RuneCountInString(title) < 3 || utf8.RuneCountInString(title) > 40 {errors["title"] = "标题长度需介于 3-40"}// 验证内容if body == "" {errors["body"] = "内容不能为空"} else if utf8.RuneCountInString(body) < 10 {errors["body"] = "内容长度需大于或等于 10 个字节"}// 检查是否有错误if len(errors) == 0 {fmt.Fprint(w, "验证通过!<br>")fmt.Fprintf(w, "title 的值为: %v <br>", title)fmt.Fprintf(w, "title 的长度为: %v <br>", utf8.RuneCountInString(title))fmt.Fprintf(w, "body 的值为: %v <br>", body)fmt.Fprintf(w, "body 的长度为: %v <br>", utf8.RuneCountInString(body))} else {fmt.Fprintf(w, "有错误发生，errors 的值为: %v <br>", errors)}
}
.
.
.

网页验证
在这里插入图片描述

在这里插入图片描述

3.2 出错提示

数据验证的逻辑

正确则存入数据库
错误则重新显示表单，并显示错误提示

erros大于0时，我们需要将错误信息的参数渲染到HTML中，html/template标准库专门设计解决这种场景。

.
.
.
// ArticlesFormData 创建博文表单数据
type ArticlesFormData struct {Title, Body stringURL         *url.URLErrors      map[string]string
}func articlesStoreHandler(w http.ResponseWriter, r *http.Request) {...// 检查是否有错误if len(errors) == 0 {...} else {html := `
<!DOCTYPE html>
<html lang="en">
<head><title>创建文章 —— 我的技术博客</title><style type="text/css">.error {color: red;}</style>
</head>
<body><form action="{{ .URL }}" method="post"><p><input type="text" name="title" value="{{ .Title }}"></p>{{ with .Errors.title }}<p class="error">{{ . }}</p>{{ end }}<p><textarea name="body" cols="30" rows="10">{{ .Body }}</textarea></p>{{ with .Errors.body }}<p class="error">{{ . }}</p>{{ end }}<p><button type="submit">提交</button></p></form>
</body>
</html>
`storeURL, _ := router.Get("articles.store").URL()data := ArticlesFormData{Title:  title,Body:   body,URL:    storeURL,Errors: errors,}tmpl, err := template.New("create-form").Parse(html)if err != nil {panic(err)}err = tmpl.Execute(w, data)if err != nil {panic(err)}}
}
.
.
.