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

最新推荐文章于 2023-07-05 10:00:00 发布
最新推荐文章于 2023-07-05 10:00:00 发布
阅读量740 收藏
点赞数
文章标签： gin 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44790306/article/details/129530753
版权

目录

一、前端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类型的结构体 todo
			c.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") //拿到请求路径的id
			var 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格式,存入变量todo
			if 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结构体类型的切片 todolost
			if 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 main

import (
	"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)

	})
	//v1
	v1Group := r.Group("v1")
	{
		//待办事项
		//添加 事项
		v1Group.POST("/todo", func(c *gin.Context) {
			//前端页面填写待办事项 点击提交 会发送请求到这里
			//1.从请求中把数据拿出来
			var todo Todo     //声明一个Todo类型的结构体 todo
			c.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结构体类型的切片 todolost
			if 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") //拿到请求路径的id
			var 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格式,存入变量todo
			if 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).Error
	if err != nil {
		return nil, err
	}
	return
}

// 通过id 查询到某个数据后，再更新改数据的
func UpdataAtodo(todo *Todo) (err error) {
	err = dao.DB.Save(&todo).Error
	return
}
func DeltetAtodo(id string) (err error) {
	if err = dao.DB.Where("id=?", id).Delete(&Todo{}).Error; err != nil {
		return
	}
	return
}

3.4 model层

数据库连接包装

package dao

import "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 。

catcous
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bubble-Name:一个简单的Web应用程序来创建泡泡效果
05-04
气泡名称 创建气泡效果的简单Web应用程序这是一个使用amazon bubble.js为输入的文本创建气泡效果的简单Web应用程序。此项目已从Codepen中分叉，并添加了用户文本输入功能。
java web快速开发框架_bubble
weixin_39887531的博客
02-16 666
简介Bubble是一个基于Java Servlet的全栈Web框架。Bubble结合了性能和开发效率，只需具备基础的Java WEB开发知识就可快速上手。Bubble高度模块化，采用无状态设计，具备多级缓存能力；是开发高性能，可伸缩Web Application的理想框架！组成模块Controller基于'Servlet 3.1'的控制器Global数据集装箱View视图适配器,支持JSP, JS...
Gin+Gorm+Vue全栈开发那些事儿~
做一个有情怀的技术人
01-10 791
近期，基于个人目前技术栈的熟悉加深以及后期公司项目使用为目的，学习并练手使用了Gin+Gorm+Vue相关技术栈，使用前后端分离模式开发，开发了一套前端端系统的CMS类型的项目。通过该项目，加深了Go相关语法以及其前端框架Vue等对应技术栈的熟识程度，可达到后期直接个人全栈开发Web相关前后端，能够做到直接上手架构设计、以及开撸代码的程度。故此，做一下相关技术学习总结，加深学习印象以及后期项目开发的快速使用方便性。 1、相关技术栈 golang Gin web framework ...
Go语言如何用Gin和Gorm框架快速的搭建一个Web应用
qq_56924476的博客
11-06 830
如何用Go语言快速的搭建一个Web后端服务
基于Go + Gin + Gorm + Vue开发的小清单.zip
05-16
基于Go + Gin + Gorm + Vue开发的小清单 基于Go + Gin + Gorm + Vue开发的小清单 基于Go + Gin + Gorm + Vue开发的小清单 基于Go + Gin + Gorm + Vue开发的小清单 ...
基于Go语言Gin框架的Web项目骨架设计源码
最新发布
05-23
GinSkeleton是一个基于Go语言Gin框架封装的Web项目骨架，包含145个文件，其中包括94个Go源文件、36个Markdown文件、3个文本文件、3个SQL文件、2个YAML文件、1个Git忽略文件、1个LICENSE文件、1个Go Mod文件、1个Sum...
go web项目框架（viper+gin+gorm）适合初学者使用
01-26
go web项目框架（viper+gin+gorm）适合初学者使用
基于 vue+go+gin+mysql+redis 的博客论坛 web 项目
02-21
基于 vue+go+gin+mysql+redis 的博客论坛 web 项目。它主要实现了以下功能： UKEY 实名认证登录：用户可以通过插入 UKEY 来进行身份验证，提高安全性和便捷性。 软件中心和软件管理：用户可以通过软件中心来浏览、...
基于gin框架的Go Web开发项目实战
03-22
基于gin框架的Go Web开发项目实战视频教程分享，提供配套的源码下载！基于Go语言和gin框架开发的个人博客系统，该项目可以帮助你的golang应用快速实现前端和后端系统。
bubble-master_gin+gorm学习项目_已分层.rar
07-20
bubble-master_gin+gorm学习项目_已分层.rar
Go+gin+gorm搭建web开发脚手架(一)
qq_38403558的博客
08-01 4270
Go+gin+gorm搭建web开发脚手架(一) 原因: 网上有很多大佬的脚手架,但是自己打算开发一款适合自己的, 因为前端不是太熟练,东西也是一点点往上添加,不喜勿喷. 前期准备工作 代码先做整理,后期发布到github上去,喜欢的大家去点个start 开发工具 git : 这里大家都知道go语言工具的获取渠道 goland : 选择goland开发觉得支持性比较好吧. gin web框架,链接地址七米老师的博客: https://www.liwenzhou.com/posts/Go/Gin_framew
golang 实现 middleware（非 web 项目）
小草的博客
06-14 454
背景 在开发中，如果需要封装一些组件，但是不想通过 before&after 这类切面来操作，就需要有 middleware 的支撑。其实middleware 的设计非常简单，但是网上很多都是讲 web 的，好像没有非 web 项目的，这里就写一个吧 middleware 与 before&after 这种场景不太一样，middleware 希望知道每个操作前后带来的变化，“视野”会更完整 下面是 middleware 的流程 demo: package main import ( "
部署Go Web应用的N+1种方法
General_zy的博客
05-22 2422
可以为多个服务创建不同的配置文件（建议为每个服务（域名）创建一个单独的配置文件），每一个独立的 Nginx 服务配置文件都必须以 .conf结尾，并存储在。标志位-p用来定义端口绑定。Supervisor 是业界流行的一个通用的进程管理程序，它能将一个普通的命令行进程变为后台守护进程，并监控该进程的运行状态，当该进程异常退出时能将其自动重启。内部服务端口为3306，映射到外部的13306端口。上面的部署方案中，所有浏览器的请求都是直接访问前端服务，而如果是浏览器直接访问后端API服务的部署模式下，如下图。
考核题2
热门推荐
abu1216的博客
02-26 7万+
6. springmvc的工作流程是什么？ SpringMVC流程 1、 用户向服务端发送一次请求，这个请求会先到前端控制器DispatcherServlet(也叫中央控制器)。 2、DispatcherServlet接收到请求后会调用HandlerMapping处理器映射器。由此得知，该请求该由哪个Controller来处理（并未调用Controller，只是得知） 3、DispatcherServlet调用HandlerAdapter处理器适配器，告诉处理器适配器应该要去执行哪个Controll
web开发介绍、iris框架安装、HTTP请求和返回、Iris路由处理
wang11876的博客
07-05 801
web项目从大的功能上可以分为前台和后台两个部分。前台主要是我们在浏览器中或者桌面应用、Android、iOS移动应用等直接面向用户的程序，直接接受用户的操作和使用，我们称之为前台，也称之为客户端；为前台应用提供数据和功能调用的部署运行在服务器上的程序，用于操作处理前端应用的数据，我们称之为后台，也称之为服务端。类似于上述这种客户端和服务端的架构，我们通常称之为CS模式，C为client的缩写，S为server的缩写。
Go进阶：总结19款Go语言日常开发中使用到的热门开源项目
SteveRocket's-Blog
05-22 6674
​ 前面的文章中已经分享了开源的关于Go语言的Web开发框架以stars数的大小进行排列，分别介绍了下Web框架的一些特点和优缺点。本篇将总结一下在日常开发过程中接触比较多的关于Go的热门开源项目（非Web开发框架），涉及到云原生，微服务，数据库，缓存等项目。同样后面的文章中将分别介绍下这些框架的功能特性和使用技巧。还是按照老规矩本篇按照github上的stars数大小依次做个排列介绍。- 高并发：Golang具有高并发的特点，可以轻松处理大量并发请求。 - 内存管理：Golang具有自动内存管理的 ​
2021-05-13 GO Web 项目初次实战总结
涂涂努力ing
05-13 636
GO Web 项目初次实战总结 项目参考： https://www.pianshen.com/article/7828308085/ 代码原创作者回首笑人间 本章重点 GO web项目的项目结构 GO web项目的配置文件和路由 定义响应的Handler层 自定义错误码 GO web项目中两个常用包的重点解析 "github.com/spf13/viper" "github.com/gin-gonic/gin" web项目目录结构 配置文件 如上图所示，项目的配置文件分为2部分conf包下的con
css3 bubble-tail2,前端开发纯CSS3制作的冒着气泡的瓶子
weixin_29424569的博客
08-03 183
/p>瓶子里的水.position: relative;width: 195px;margin: 150px auto;text-align: center;transform: scale(2.5);}.background: radial-gradient(circle at 50% 55%,rgba(240, 245, 255, 0.9),rgba(240, 245, 255, 0.9...
go入门-GORM+Gin实现后端接口设计
m0_57949886的博客
03-09 703
这里在之前gorm框架完成的基础之上结合gin完成了一些简单的接口设计。主要想做的还是把从数据库到接口返回数据这一块先做通，其中肯定还有一些漏洞和不合理的地方需要修改。分支:3.9test。
go微服务开发】gin+grpc+etcd 重构 grpc-todolist 项目
10-26
Gin是一个轻量级的Web框架，使用它可以快速构建高性能的Web应用程序。它具有简单易用、性能出色和灵活的特点。在微服务开发中，Gin可以作为HTTP服务器框架，处理和响应客户端的HTTP请求。 gRPC是一种高性能、开源的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值