基于gin+Grom的Goweb框架bubble清单项目的记录与理解

2023-11-22 15:40

本文主要是介绍基于gin+Grom的Goweb框架bubble清单项目的记录与理解,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

  • 一、前端Vue框架的应用
    • 1.1 下载前端写好的代码(vue)
  • 二、后端逻辑功能实现
    • 1.添加事项gin后端功能实现
    • 2. 更新修改 某个事项
    • 3 .查看 显示所有事项
    • 4. 删除 肯定是某一个ID事项
    • 5. 整体后端功能请求
  • 三、企业级项目结构拆分
    • 3.1 controller层
    • 3.2 logic 层
    • 3.3 dao层
    • 3.4 model层
  • 总结

一、前端Vue框架的应用

1.1 下载前端写好的代码(vue)

清晰前端的json数据,理清需要是实现的功能点。对于我们这种前端不熟悉的人,可以借助Postman进行后端测试。
下载地址:https://github.com/Q1mi/go_web
查看前端界面:
在这里插入图片描述

二、后端逻辑功能实现

首先是资源文件来源配置与页面请求

//静态文件资源加载r.Static("/static", "./static")//加载资源文件r.LoadHTMLGlob("templates/*")r.GET("/index", func(c *gin.Context) {c.HTML(200, "index.html", nil)})

需要实现的功能:遇事不决,先写注释,对初学者来说十分重要。
bubble清单:待办事项
1.添加事项
2.更新修改 某个事项
3.查看 显示所有事项
4.删除 某个事项

1.添加事项gin后端功能实现

//添加 事项v1Group.POST("/todo", func(c *gin.Context) {//前端页面填写待办事项 点击提交 会发送请求到这里//1.从请求中把数据拿出来var todo Todo     //声明一个Todo类型的结构体 todoc.BindJSON(&todo) //将数据从请求中取出BindJSON 数据json格式,存入变量todo//2.存入数据库 DB.Create()//err := DB.Create(&todo).Error//if err != nil {////}//3.反应具体响应if err = DB.Create(&todo).Error; err != nil {c.JSON(http.StatusOK, gin.H{"error": err.Error()})} else {c.JSON(http.StatusOK, todo) //数据插入数据库成功 直接返回todo变量//c.JSON(http.StatusOK, gin.H{//	"code": 2000,//	"msg":  "success",//	"data": todo,//}) //数据插入数据库成功 直接返回todo变量,前端要求返回的格式}})

2. 更新修改 某个事项

//修改,更新  肯定是某一个ID事项v1Group.PUT("/todo/:id", func(c *gin.Context) {id, _ := c.Params.Get("id") //拿到请求路径的idvar todo Todo//通过id 从数据库 查询到对应的数据if err = DB.Where("id=?", id).First(&todo).Error; err != nil {c.JSON(http.StatusOK, gin.H{"error": err.Error()})}c.BindJSON(&todo) //BindJSON 将数据从请求中取出 数据json格式,存入变量todoif err = DB.Save(&todo).Error; err != nil {c.JSON(http.StatusOK, gin.H{"error": err.Error()})}})

3 .查看 显示所有事项

//查看所有待办事项,页面显示菜单v1Group.GET("/todo", func(c *gin.Context) {//查询todo这个表里面所有数据var todolist []Todo //声明一个Todo结构体类型的切片 todolostif err = DB.Find(&todolist).Error; err != nil {c.JSON(http.StatusOK, gin.H{"error": err.Error()})} else {c.JSON(http.StatusOK, todolist)//c.JSON(http.StatusOK, gin.H{//	"code": 2000,//	"msg":  "success",//	"data": todolost,//})}})//查看某一个代办事项v1Group.GET("/todo/:id", func(c *gin.Context) {// 该项目未使用})

4. 删除 肯定是某一个ID事项

v1Group.DELETE("/todo/:id", func(c *gin.Context) {//从库里面删除id, _ := c.Params.Get("id") //拿到请求路径的id//var todo Todo//通过id 从数据库 删除对应的数据if err = DB.Where("id=?", id).Delete(&Todo{}).Error; err != nil {c.JSON(http.StatusOK, gin.H{"error": err.Error()})} else {c.JSON(http.StatusOK, gin.H{id: "delteted",})}})

5. 整体后端功能请求

1.定义模块

// Model Todo 1、定义模块
type Todo struct {ID     int    `json:"id"`Title  string `json:"title"`Status bool   `json:"status"`
}

2.创建数据库
bubble:sql CREAT DATABASE bubble
3.连接数据库

// 包装成一个函数 //下载依赖 _ "github.com/jinzhu/gorm/dialects/mysql"
func initMYSQL() (err error) {dsn := "root:123456@(127.0.0.1:3306)/bubble?charset=utf8mb4&parseTime=True&loc=Local"DB, err = gorm.Open("mysql", dsn) //初始化全局变量DB,不能用DB, err := gorm.Open("mysql", dsn)if err != nil {return}return DB.DB().Ping() //是否ping得通
}//3.连接数据库err := initMYSQL()if err != nil {panic(err) //连接数据库失败}

4. 模型绑定,自动创建表 表名字Todos表结构

	DB.AutoMigrate(&Todo{})

5.整体全部后端逻辑与请求

package mainimport ("github.com/gin-gonic/gin""github.com/jinzhu/gorm"_ "github.com/jinzhu/gorm/dialects/mysql""net/http"
)// Model Todo 1、定义模块
type Todo struct {ID     int    `json:"id"`Title  string `json:"title"`Status bool   `json:"status"`
}// 初始化全局变量DB
var (DB *gorm.DB
)// 包装成一个函数 //下载依赖 _ "github.com/jinzhu/gorm/dialects/mysql"
func initMYSQL() (err error) {dsn := "root:123456@(127.0.0.1:3306)/bubble?charset=utf8mb4&parseTime=True&loc=Local"DB, err = gorm.Open("mysql", dsn) //初始化全局变量DB,不能用DB, err := gorm.Open("mysql", dsn)if err != nil {return}return DB.DB().Ping() //是否ping得通
}func main() {r := gin.Default()//2.创建数据库 bubble:sql CREAT DATABASE bubble//3.连接数据库err := initMYSQL()if err != nil {panic(err) //连接数据库失败}defer DB.Close() //程序退出关闭数据库连// 模型绑定,自动创建表 表名字Todos表结构DB.AutoMigrate(&Todo{})//静态文件资源加载r.Static("/static", "./static")//加载资源文件r.LoadHTMLGlob("templates/*")r.GET("/index", func(c *gin.Context) {c.HTML(200, "index.html", nil)})//v1v1Group := r.Group("v1"){//待办事项//添加 事项v1Group.POST("/todo", func(c *gin.Context) {//前端页面填写待办事项 点击提交 会发送请求到这里//1.从请求中把数据拿出来var todo Todo     //声明一个Todo类型的结构体 todoc.BindJSON(&todo) //将数据从请求中取出BindJSON 数据json格式,存入变量todo//2.存入数据库 DB.Create()//err := DB.Create(&todo).Error//if err != nil {////}//3.反应具体响应if err = DB.Create(&todo).Error; err != nil {c.JSON(http.StatusOK, gin.H{"error": err.Error()})} else {c.JSON(http.StatusOK, todo) //数据插入数据库成功 直接返回todo变量//c.JSON(http.StatusOK, gin.H{//	"code": 2000,//	"msg":  "success",//	"data": todo,//}) //数据插入数据库成功 直接返回todo变量,前端要求返回的格式}})//查看所有待办事项,页面显示菜单v1Group.GET("/todo", func(c *gin.Context) {//查询todo这个表里面所有数据var todolist []Todo //声明一个Todo结构体类型的切片 todolostif err = DB.Find(&todolist).Error; err != nil {c.JSON(http.StatusOK, gin.H{"error": err.Error()})} else {c.JSON(http.StatusOK, todolist)//c.JSON(http.StatusOK, gin.H{//	"code": 2000,//	"msg":  "success",//	"data": todolost,//})}})//查看某一个代办事项v1Group.GET("/todo/:id", func(c *gin.Context) {// 该项目未使用})//修改,更新  肯定是某一个ID事项v1Group.PUT("/todo/:id", func(c *gin.Context) {id, _ := c.Params.Get("id") //拿到请求路径的idvar todo Todo//通过id 从数据库 查询到对应的数据if err = DB.Where("id=?", id).First(&todo).Error; err != nil {c.JSON(http.StatusOK, gin.H{"error": err.Error()})}c.BindJSON(&todo) //BindJSON 将数据从请求中取出 数据json格式,存入变量todoif err = DB.Save(&todo).Error; err != nil {c.JSON(http.StatusOK, gin.H{"error": err.Error()})}})//删除  肯定是某一个ID事项v1Group.DELETE("/todo/:id", func(c *gin.Context) {//从库里面删除id, _ := c.Params.Get("id") //拿到请求路径的id//var todo Todo//通过id 从数据库 删除对应的数据if err = DB.Where("id=?", id).Delete(&Todo{}).Error; err != nil {c.JSON(http.StatusOK, gin.H{"error": err.Error()})} else {c.JSON(http.StatusOK, gin.H{id: "delteted",})}})}r.Run(":8080")
}

三、企业级项目结构拆分

3.1 controller层

1.controller层面里面 不写具体逻辑 只调用具体的逻辑 像logic层
url --> controller --> logic --> model
请求来了 --> 控制器 -->业务逻辑层 复杂 --> 模型层的具体的增删改查**

main 里面的路由请求全部放到controller层。
在这里插入图片描述
controller层的函数结构:如下
在这里插入图片描述

3.2 logic 层

由于这个清单项目比较简单,可以直接从controller操作dao层的函数处理

3.3 dao层

1、定义模块

// Model Todo 1、定义模块
type Todo struct {ID     int    `json:"id"`Title  string `json:"title"`Status bool   `json:"status"`
}

2.具体的数据库操作放置

Todo 的增删改查操作都会放在这里


// CreatATodo 创建todo
func CreatATodo(todo *Todo) (err error) {if err = dao.DB.Create(&todo).Error; err != nil {return err}return
}// 查询 全部数据 函数
func Getlisttodo() (todolist []*Todo, err error) {if err = dao.DB.Find(&todolist).Error; err != nil {return nil, err}return
}// 通过id 查询到某个数据
func GetAtodo(id string) (todo *Todo, err error) {//通过id 从数据库 查询到对应的数据todo = new(Todo)err = dao.DB.Where("id=?", id).First(&todo).Errorif err != nil {return nil, err}return
}// 通过id 查询到某个数据后,再更新改数据的
func UpdataAtodo(todo *Todo) (err error) {err = dao.DB.Save(&todo).Errorreturn
}
func DeltetAtodo(id string) (err error) {if err = dao.DB.Where("id=?", id).Delete(&Todo{}).Error; err != nil {return}return
}

3.4 model层

数据库连接包装

package daoimport "github.com/jinzhu/gorm"// 数据库连接
// 初始化全局变量DB
var (DB *gorm.DB
)// 包装成一个函数 //下载依赖 _ "github.com/jinzhu/gorm/dialects/mysql"
func InitMYSQL() (err error) {dsn := "root:123456@(127.0.0.1:3306)/bubble?charset=utf8mb4&parseTime=True&loc=Local"DB, err = gorm.Open("mysql", dsn) //初始化全局变量DB,不能用DB, err := gorm.Open("mysql", dsn)if err != nil {return}return DB.DB().Ping() //是否ping得通
}func Close() {DB.Close()
}

总结

bubble小清单项目 前端Vue不是很熟悉,要加强对前端代码的理解。后端框架的操作,遇事不决,先写注释。继续学习进阶Go web 。

这篇关于基于gin+Grom的Goweb框架bubble清单项目的记录与理解的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/411165

相关文章

Python获取中国节假日数据记录入JSON文件

《Python获取中国节假日数据记录入JSON文件》项目系统内置的日历应用为了提升用户体验,特别设置了在调休日期显示“休”的UI图标功能,那么问题是这些调休数据从哪里来呢?我尝试一种更为智能的方法:P... 目录节假日数据获取存入jsON文件节假日数据读取封装完整代码项目系统内置的日历应用为了提升用户体验,

Spring Boot 配置文件之类型、加载顺序与最佳实践记录

《SpringBoot配置文件之类型、加载顺序与最佳实践记录》SpringBoot的配置文件是灵活且强大的工具,通过合理的配置管理,可以让应用开发和部署更加高效,无论是简单的属性配置,还是复杂... 目录Spring Boot 配置文件详解一、Spring Boot 配置文件类型1.1 applicatio

一文教你如何将maven项目转成web项目

《一文教你如何将maven项目转成web项目》在软件开发过程中,有时我们需要将一个普通的Maven项目转换为Web项目,以便能够部署到Web容器中运行,本文将详细介绍如何通过简单的步骤完成这一转换过程... 目录准备工作步骤一:修改​​pom.XML​​1.1 添加​​packaging​​标签1.2 添加

tomcat多实例部署的项目实践

《tomcat多实例部署的项目实践》Tomcat多实例是指在一台设备上运行多个Tomcat服务,这些Tomcat相互独立,本文主要介绍了tomcat多实例部署的项目实践,具有一定的参考价值,感兴趣的可... 目录1.创建项目目录,测试文China编程件2js.创建实例的安装目录3.准备实例的配置文件4.编辑实例的

MySQL INSERT语句实现当记录不存在时插入的几种方法

《MySQLINSERT语句实现当记录不存在时插入的几种方法》MySQL的INSERT语句是用于向数据库表中插入新记录的关键命令,下面:本文主要介绍MySQLINSERT语句实现当记录不存在时... 目录使用 INSERT IGNORE使用 ON DUPLICATE KEY UPDATE使用 REPLACE

Python 中的异步与同步深度解析(实践记录)

《Python中的异步与同步深度解析(实践记录)》在Python编程世界里,异步和同步的概念是理解程序执行流程和性能优化的关键,这篇文章将带你深入了解它们的差异,以及阻塞和非阻塞的特性,同时通过实际... 目录python中的异步与同步:深度解析与实践异步与同步的定义异步同步阻塞与非阻塞的概念阻塞非阻塞同步

Python Dash框架在数据可视化仪表板中的应用与实践记录

《PythonDash框架在数据可视化仪表板中的应用与实践记录》Python的PlotlyDash库提供了一种简便且强大的方式来构建和展示互动式数据仪表板,本篇文章将深入探讨如何使用Dash设计一... 目录python Dash框架在数据可视化仪表板中的应用与实践1. 什么是Plotly Dash?1.1

基于Flask框架添加多个AI模型的API并进行交互

《基于Flask框架添加多个AI模型的API并进行交互》:本文主要介绍如何基于Flask框架开发AI模型API管理系统,允许用户添加、删除不同AI模型的API密钥,感兴趣的可以了解下... 目录1. 概述2. 后端代码说明2.1 依赖库导入2.2 应用初始化2.3 API 存储字典2.4 路由函数2.5 应

Python GUI框架中的PyQt详解

《PythonGUI框架中的PyQt详解》PyQt是Python语言中最强大且广泛应用的GUI框架之一,基于Qt库的Python绑定实现,本文将深入解析PyQt的核心模块,并通过代码示例展示其应用场... 目录一、PyQt核心模块概览二、核心模块详解与示例1. QtCore - 核心基础模块2. QtWid

springboot集成Deepseek4j的项目实践

《springboot集成Deepseek4j的项目实践》本文主要介绍了springboot集成Deepseek4j的项目实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价... 目录Deepseek4j快速开始Maven 依js赖基础配置基础使用示例1. 流式返回示例2. 进阶