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.Userc.ShouldBindJSON(&user)g.GDB.Create(&user)c.JSON(200, user)
}

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

func userGetAll(c *zdpgo_gin.Context) {var users []model.Userg.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.Userc.ShouldBind(&reqUser)var user = model.User{Id: id}g.GDB.Find(&user).First(&user)user.Name = reqUser.Nameuser.Age = reqUser.Ageg.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+vue3开发前后端分离管理系统，积累实际的前后端分离开发经验。

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

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

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

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