Go语言加Vue3零基础入门全栈班15 gin+gorm+vue3用户管理系统实战录播课 2024年08月04日 课程笔记

预览

登录页面：

首页：

用户列表：

新增用户：

删除用户：

暗黑模式：

概述

如果您没有Golang的基础，应该学习如下前置课程。

• 01 Golang零基础入门课_20240726_149元
• 02 Golang面向对象编程_20240727_199元
• 03 GoWeb基础_20240728_169元
• 04 Go语言开发RESTAPI接口_20240728_239元
• 05 Go语言操作MySQL开发用户管理系统API教程_20240729_289元
• 06 Redis零基础快速入门_20231227_168元
• 07 Go语言+Redis开发用户管理系统API实战_20240730_259元
• 08 MongoDB快速入门_20240411_188元
• 09 Go语言+MongoDB用户管理系统实战_20240730_199元
• 10 Go语言+gRPC用户微服务项目实战_20240730_188元
• 11 Go语言+gorm用户管理系统实战_20240803_179元
• 12 使用Vue3进行前端开发_20231221_370元
• 13 Vue3整合Tailwindcss之Layout布局_20240603_410元
• 14 Vue3整合AntDesignVue之快速入门_20240606_390元

基础不好的同学每节课的代码最好配合视频进行阅读和学习，如果基础比较扎实，则阅读本教程巩固一下相关知识点即可，遇到不会的知识点再看视频。

课程特色

本教程录制于2024年8月4日，使用Go1.22版本，基于Goland2024进行开发，采用的技术栈比较新。

每节课控制在十分钟以内，课时精简，每节课都是一个独立的知识点，如果有遗忘，完全可以当做字典来查询，绝不浪费大家的时间。

整个课程从gin+gorm如何开发API接口讲起，以一个用户管理系统为实战，结合Vue3开发的前端，实现一个基本的前后端分离的用户管理系统，层层递进，学习路径平缓。

Golang是当前国内越来越多的企业正在全面转的一门系统级别的高性能的编程语言，比C语言写法更加的简单，比Python性能更加的好，是新时代的C语言，建议每个程序员都掌握！

视频课程

最近发现越来越多的公司在用Golang了，所以精心整理了一套视频教程给大家，这个是其中的第15部，后续还会有很多。

视频已经录制完成，完整目录截图如下：

本套录播课的售价是139元。

本套课程的特色是每节课都是一个核心知识点，每个视频控制在十分钟左右，精简不废话，拒绝浪费大家的时间。

课程目录

• 01 概述
• 02 环境搭建
• 03 封装初始化和关闭MySQL的方法
• 04 启动gin服务
• 05 实现新增用户接口并使用postman测试
• 06 实现查询所有用户的接口并使用postman进行测试
• 07 实现修改用户的接口并使用postman进行测试
• 08 实现删除用户接口并使用postman进行测试
• 09 配置前端跨域和安装Axios
• 10 获取所有用户并渲染为表格
• 11 新增新增用户的功能
• 12 实现修改用户的功能
• 13 实现删除用户的功能
• 14 总结

完整代码

05 实现新增用户接口并使用postman测试

func userAdd(c *zdpgo_gin.Context) {
	var user model.User
	c.ShouldBindJSON(&user)
	g.GDB.Create(&user)
	c.JSON(200, user)
}

06 实现查询所有用户的接口并使用postman进行测试

func userGetAll(c *zdpgo_gin.Context) {
	var users []model.User
	g.GDB.Find(&users)
	c.JSON(200, users)
}

07 实现修改用户的接口并使用postman进行测试

func userUpdate(c *zdpgo_gin.Context) {
	idStr := c.Param("id")
	id, err := strconv.Atoi(idStr)
	if err != nil {
		fmt.Println(err)
		c.JSON(http.StatusBadRequest, nil)
	}

	var reqUser model.User
	c.ShouldBind(&reqUser)

	var user = model.User{Id: id}
	g.GDB.Find(&user).First(&user)

	user.Name = reqUser.Name
	user.Age = reqUser.Age

	g.GDB.Save(&user)

	c.JSON(200, user)
}

08 实现删除用户接口并使用postman进行测试

func userDelete(c *zdpgo_gin.Context) {
	idStr := c.Param("id")
	id, err := strconv.Atoi(idStr)
	if err != nil || id <= 0 {
		fmt.Println(err)
		c.JSON(http.StatusBadRequest, nil)
	}

	g.GDB.Delete(&model.User{Id: id})

	c.JSON(200, nil)
}

10 获取所有用户并渲染为表格

const loadTableData = async  ()=>{
  await  axios({
    method: "get",
    url: "/api/user"
  }).then(res => {
    userTableData.value = res.data
  })
}

11 新增新增用户的功能

await axios({
    method: "post",
    url: "/api/user",
    data: {
        name: user.value.name,
        age: user.value.age,
    }
})
await loadTableData()
toast.add({severity: 'success', summary: '成功', detail: '新增用户成功', life: 3000});

12 实现修改用户的功能

await axios({
    method: "put",
    url: `/api/user/${user.value.id}`,
    data: {
        name: user.value.name,
        age: user.value.age,
    }
})
await loadTableData()

13 实现删除用户的功能

await axios({
    method: "delete",
    url: `/api/user/${user.value.id}`
})
await loadTableData()

总结

整个课程从gin+gorm如何开发API接口讲起，以一个用户管理系统为实战，结合Vue3开发的前端，实现一个基本的前后端分离的用户管理系统，层层递进，学习路径平缓。

通过本套课程，能帮你入门gin+gorm+vue3开发前后端分离管理系统，积累实际的前后端分离开发经验。

如果您需要完整的源码，打赏20元即可。

人生苦短，我用PyGo，我是您身边的Python私教~