学校网站建设培训方案,丹徒网站建设策划,沃尔玛网上商城叫什么,那种做任务的网站叫什么目录
一、Gin
1、Ajax
2、文件上传
2.1、form表单中文件上传(单个文件)
2.2、form表单中文件上传(多个文件)
2.3、ajax上传单个文件
2.4、ajax上传多个文件
3、模板语法
4、数据绑定
5、路由组
6、中间件 一、Gin
1、Ajax AJAX 即“Asynchronous Javascript And XM…目录
一、Gin
1、Ajax
2、文件上传
2.1、form表单中文件上传(单个文件)
2.2、form表单中文件上传(多个文件)
2.3、ajax上传单个文件
2.4、ajax上传多个文件
3、模板语法
4、数据绑定
5、路由组
6、中间件 一、Gin
1、Ajax AJAX 即“Asynchronous Javascript And XML”异步 JavaScript和 XML是指一种创建交互式、快速动态网页应用的网页开发技术无需重新加载整个网页的情况下能够更新部分网页的技术。通过在后台与服务器进行少量数据交换AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下对网页的某部分进行更新。 AJAX的最大的特点 异步访问局部刷新。
案例Ajax之验证用户名是否被占用
main.go
func main() {r : gin.Default()r.LoadHTMLGlob(part02/templates/**/*)//指定js文件r.Static(/s, part02/static)r.GET(/test1, myfunc.Test1)r.POST(/getUserInfo, myfunc.Test2)r.POST(/ajaxpost, myfunc.Test3)r.Run()
}
myfunc.go
func Test1(context *gin.Context) {context.HTML(200, demo01/hello01.html, nil)
}func Test3(context *gin.Context) {//获取post-ajax请求的数据获取对应的参数uname : context.PostForm(uname)fmt.Println(uname)fmt.Println(uname 丽丽)if uname 丽丽 {context.JSON(200, gin.H{msg: 用户名重复了,})} else {context.JSON(200, gin.H{msg: ,})}
}hello01.html 注意引入jQuery.min.js
{{define demo01/hello01.html}}
html langen
headmeta charsetUTF-8titleTitle/titlelink relstylesheet href/s/css/mycss.cssscript src/s/js/jQuery.min.js/script
/head
body用户form表单brform action/getUserInfo methodpost用户名input typetext nameusername idunamespan iderrmsg/spanbr密码input typepassword namepwdinput typesubmit value提交/formscript//获取用户名的文本框var unametext document.getElementById(uname);//给文本框绑定一个事件失去焦点的时候会触发后面的函数的事件unametext.onblur function () {//获取文本框的内容var uname unametext.value;//alert(uname)可以弹出数据验证代码的正确性//局部刷新通过ajax技术来实现数据的校验 ---》 后台 异步访问局部刷新//调用ajax方法需要传入json格式的数据 $.ajax({属性名:属性值,属性名:属性值,方法名:方法})$.ajax({url : /ajaxpost,//请求路由type : POST,//请求类型 GET、POSTdata : {//向后端发送的数据以json格式向后传递uname : uname},success : function (info) {//后台响应成功会调用函数,info-后台响应的数据封装到info中info名字可以随便起document.getElementById(errmsg).innerText info[msg]},fail : function () {后台响应失败会调用函数}})}/script
/body
/html
{{end}}
测试 2、文件上传
2.1、form表单中文件上传(单个文件)
main.go
func main() {r : gin.Default()r.LoadHTMLGlob(part03/templates/**/*)r.GET(/userindex, myfunc.Test1)r.POST(/savefile, myfunc.Test2)r.Run()
}
myfunc.go
func Test1(context *gin.Context) {context.HTML(200, demo01/hello01.html, nil)
}func Test2(context *gin.Context) {//获取前端传入的文件file, _ : context.FormFile(myfile)fmt.Println(file.Filename)//加入一个时间戳time_int : time.Now().Unix()time_str : strconv.FormatInt(time_int, 10) //10:十进制//保存在我的本地context.SaveUploadedFile(file, e://time_strfile.Filename)//响应一个字符串context.String(200, 文件上传成功)
}
hello01.html
{{define demo01/hello01.html}}
html langen
headmeta charsetUTF-8titleTitle/titlelink relstylesheet href/s/css/mycss.css
/head
body用户form表单brform action/savefile methodpost enctypemultipart/form-datainput typefile namemyfileinput typesubmit value提交/form
/body
/html
{{end}}
测试 2.2、form表单中文件上传(多个文件)
main.go
func main() {r : gin.Default()r.LoadHTMLGlob(part03/templates/**/*)r.GET(/userindex, myfunc.Test1)r.POST(/savefile, myfunc.Test3)r.Run()
}
myfunc.go
func Test3(context *gin.Context) {//先获取form表单form, _ : context.MultipartForm()//在form表单中获取name相同的文件files : form.File[myfile] //File是个Map通过key获取value部分//files就是name相同的多个文件挨个处理---遍历处理for _, file : range files {//加入一个时间戳time_int : time.Now().Unix()time_str : strconv.FormatInt(time_int, 10) //10:十进制//保存在我的本地context.SaveUploadedFile(file, e://time_strfile.Filename)}//响应一个字符串context.String(200, 文件上传成功)
}
hello01.html
{{define demo01/hello01.html}}
html langen
headmeta charsetUTF-8titleTitle/titlelink relstylesheet href/s/css/mycss.css
/head
body用户form表单brform action/savefile methodpost enctypemultipart/form-datainput typefile namemyfileinput typefile namemyfileinput typefile namemyfileinput typesubmit value提交/form
/body
/html
{{end}}
测试 2.3、ajax上传单个文件
注意利用ajax上传文件的话在ajax中需要加两个参数 1contentType:false 默认为true当设置为true的时候,jquery ajax 提交的时候不会序列化 data而是直接使用data 2processData:false, 目的是防止上传文件中出现分界符导致服务器无法正确识别文件起始位置。
main.go
func main() {r : gin.Default()r.LoadHTMLGlob(part04/templates/**/*)r.Static(/s, part04/static)r.GET(/userindex, myfunc.Test1)r.POST(/savefile, myfunc.Test4)r.Run()
}
myfunc.go
func Test4(context *gin.Context) {//获取前端传入的文件file, _ : context.FormFile(file)fmt.Println(file.Filename)//加入一个时间戳time_int : time.Now().Unix()time_str : strconv.FormatInt(time_int, 10) //10:十进制//保存在我的本地context.SaveUploadedFile(file, e://time_strfile.Filename)//响应一个字符串context.String(200, 文件上传成功)
}
hello01.html
{{define demo01/hello01.html}}
html langen
headmeta charsetUTF-8titleTitle/titlescript src/s/js/jQuery.min.js/script
/head
body用户form表单brform action/savefile methodpostinput typefile classmyfile multiplemultipleinput typebutton value提交按钮 idbtn/formscript//获取按钮var btn document.getElementById(btn);//给按钮加入一个单击事件btn.onclick function () {//创建存放form表单的数据var form_data new FormData();//在form_data添加要传入到后台的元素form_data.append(file,$(.myfile)[0].files[0])//利用ajax向后台传递数据$.ajax({url : /savefile,type : POST,data : form_data,contentType:false,processData:false,success : function () {}})}/script
/body
/html
{{end}}
2.4、ajax上传多个文件
main.go
func main() {r : gin.Default()r.LoadHTMLGlob(part04/templates/**/*)r.Static(/s, part04/static)r.GET(/userindex, myfunc.Test1)r.POST(/savefile, myfunc.Test5)r.Run()
}
myfunc.go
func Test5(context *gin.Context) {//先获取form表单form, _ : context.MultipartForm()//在form表单中获取name相同的文件files : form.File[myfile] //File是个Map通过key获取value部分//files就是name相同的多个文件挨个处理---遍历处理for _, file : range files {//加入一个时间戳time_int : time.Now().Unix()time_str : strconv.FormatInt(time_int, 10) //10:十进制//保存在我的本地context.SaveUploadedFile(file, e://time_strfile.Filename)}//响应一个字符串context.String(200, 文件上传成功)
}
hello01.html
{{define demo01/hello01.html}}
html langen
headmeta charsetUTF-8titleTitle/titlescript src/s/js/jQuery.min.js/script
/head
body用户form表单brform action/savefile methodpostinput typefile classmyfileinput typefile classmyfileinput typefile classmyfileinput typebutton value提交按钮 idbtn/formscript//获取按钮var btn document.getElementById(btn);//给按钮加入一个单击事件btn.onclick function () {//创建存放form表单的数据var form_data new FormData();//获取多个文件var myfiles $(.myfile);//对多个文件进行遍历每一个添加到form_data中去for (var i 0;i myfiles.length;i){form_data.append(myfile,myfiles[i].files[0]);}//利用ajax向后台传递数据$.ajax({url : /savefile,type : POST,data : form_data,contentType:false,processData:false,success : function () {}})}/script
/body
/html
{{end}}
响应重定向:是请求服务器后服务器通知浏览器让浏览器去自主请求其他资源的一种方式。
3、模板语法
【1】模板 在写动态页面的网站的时候我们常常将不变的部分提出成为模板可变部分通过后端程序的渲染来生成动态网页golang也支持模板渲染。 【2】模板内内嵌的语法支持全部需要加 {{}} 来标记。 【3】在模板文件内 . 代表了当前位置的上下文 1在非循环体内. 就代表了后端传过来的上下文 2在循环体中. 就代表了循环的上下文 【4】在模板文件内 $ 代表了模板根级的上下文 【5】在模板文件内 $. 代表了模板根级的上下文
【6】字符串{{ “abc,Hello World ” }} 【7】原始字符串{{ abc }} {{ a }} 不会转义 【8】字节类型{{ a }} --- 97 会转义 【9】打印 打印字符串 {{ print Hello World }} nil类型{{ print nil }}
{{define demo01/hello.html}}
html langen
headmeta charsetUTF-8titleTitle/title
/head
body打印字符串 {{ print Hello World }}nil类型{{ print nil }} 变量的定义{{$name : XIAOMING}}变量的使用{{$name}}
/body
/html
{{end}}
【10】if
方式1
{{if .condition}}
{{end}}
方式2
{{if .condition1}}
{{else}}
{{end}}
方式3
{{if .condition1}}
{{else if .contition2}}
{{end}}内置的模板函数
not 非
and 与
or 或
eq 等于
ne 不等于
lt 小于 (less than)
le 小于等于
gt 大于
ge 大于等于
【11】range循环 {{range .arr}}{{.}}{{$.age}}{{end}}br{{range $i,$v : .arr}}{{$i}}{{$v}}{{end}}
【12】with 关键字
{{ with pipeline }} T1 {{ end }}
{{ with pipeline }} T1 {{ else }} T0 {{ end }}
其中 pipeline 为判断条件如满足就将 . 设为 pipeline 的值并执行 T1不修改外面的 . 。
否则执行 T0。
{{define demo01/hello.html}}
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodybr获取结构体中内容{{.stu.Age}}{{.stu.Name}}br启动with关键字{{with .stu}}{{.Age}}{{.Name}}{{else}}暂无数据{{end}}
/body
/html
{{end}}
【13】template作用引入另一个模板文件
{{template 模板名 pipeline}}
PS管道传递数据的
PS引入的模板文件中也要用{ {define 路径} } { {end} }包含
PS如果想在引入的模板中也需要获取动态数据必须使用 . 访问当前位置的上下文
hello.html
{{define demo01/hello.html}}
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodybr内嵌另外模板{{/* 如果想要传递内容到内嵌模板中可以通过.上下文进行传递和内嵌页面共享上下文数据*/}}{{template templates/demo01/hello2.html .}}
/body
/html
{{end}}
hello2.html
{{define templates/demo01/hello2.html}}
html langen
headmeta charsetUTF-8titleTitle/title
/head
body这是一个内嵌页面。。。{{with .stu}}{{.Age}}{{.Name}}{{else}}暂无数据{{end}}
/body
/html
{{end}}
模板函数
【1】print 打印字符串
【2】printf 按照格式化的字符串输出
格式参照Go中fmt.Sprintf
【3】len 返回对应类型的长度(map, slice, array, string, chan)
【4】管道传递符 |
函数中使用管道传递过来的数值
【5】括号提高优先级别()
【6】and 只要有一个为空则整体为空如果都不为空则返回最后一个
【7】or 只要有一个不为空则返回第一个不为空的如果都是空则返回空
【8】not 用于判断返回布尔值如果有值则返回false没有值则返回true
【9】index 读取指定类型对应下标的值(map, slice, array, string)
【10】eq等于equal返回布尔值
【11】ne不等于 not equal返回布尔值
【12】lt小于 less than返回布尔值
【13】le小于等于less equal返回布尔值
【14】gt大于 greater than返回布尔值
【15】ge大于等于 greater equal返回布尔值
【16】日期格式化 Format
实现了时间的格式化返回字符串设置时间格式比较特殊需要固定方式不能轻易改变
【17】自定义模板函数
【17】自定义模板函数
myfunc.go
// 定义一个函数
func Add(num1 int, num2 int) int {return num1 num2
}
main.go注册函数
import (github.com/gin-gonic/ginhtml/templatetest_gin/part05/myfunc
)func main() {r : gin.Default()//注册函数FuncMap是html/FuncMapr.SetFuncMap(template.FuncMap{//键值对的作用key指定前端调用的名字value指定的是后端对应的函数add: myfunc.Add,})r.LoadHTMLGlob(part05/templates/**/*)r.Static(/s, part05/static)r.GET(/test1, myfunc.Test1)r.Run()
}
hello01.html使用函数
{{define demo01/hello01.html}}
html langen
headmeta charsetUTF-8titleTitle/title
/head
body
br调用add函数{{add 11 82}}
/body
/html
{{end}}
测试 4、数据绑定
数据绑定:能够基于请求自动提取JSON、form表单和QueryString类型的数据并把值绑定到后端指定的结构体对象中去 5、路由组
路由组将不同的路由按照版本、模块进行不同的分组利于维护方便管理。 6、中间件 Gin框架允许开发者在处理请求的过程中加入用户自己的钩子(Hook)函数(中间件函数)这个钩子函数就叫中间件。 中间件适合处理一些公共的业务逻辑比如登录认证、权限校验、数据分页、记录日志、耗时统计等等。 Web framework-Gin
Go framework-Beego
难留少年时总有少年来
无论你是年轻还是年长所有程序员都需要记住时刻努力学习新技术否则就会被时代抛弃
