Gin框架如何使用并搭建一个后台管理系统（三）

最新推荐文章于 2024-07-22 14:01:49 发布
最新推荐文章于 2024-07-22 14:01:49 发布
阅读量156 收藏
点赞数
分类专栏： Golang gin框架 gin搭建一个后台管理系统 文章标签： gin golang
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A_LWIEUI_Learn/article/details/134221475
版权

如何改造已经有的项目

在（二）中我们使用到的 静态资源，该如何改造呢这里我们可以这样操作：

首先我们可以查看出，下载后的资源。内部构成，是由纯静态css文件，web框架bootstrap文件内部是框架使用的css、js、font、等资源。同时，也有对应js操作文件，和html文件静态页面；

一、对已经存在静态文件进行归档


        对已经存在的css、js、bootstra 文件就是静态文件，进行改造放到对应的文件夹内static。

        同时，在 templates文件夹内存储的是这个项目模板渲染文件。那么解析来我具体讲解一下，如何改变的渲染到html页面的；

首先，我们在 templates  文件夹创建出对应需要渲染的文件夹，比如登录login文件夹，首页main文件夹，还有抽离出来公共头部尾部页面等等文件存储在public文件夹下， 这些都属于admin 也就是我们坊商城后台管理系统的后台存储html的文件夹。

如上图，所示其中focus 文件夹和 manager 文件夹内不得html，基本没有变化。那是因为在这次的日记中，我也是复制粘贴 ctr+c ｜ctr+v 操作一番。

接下来，我将从基础的login页面开始改造，并且我会附上对应的旧代码和改造完成的代码。

首先 login.html 改造

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>用户登录</title>
  
	<link rel="stylesheet" href="css/login.css"> 
   </head>
<body>
<div class="container">
        <div id="login">
                <form action="/yuqing/admin.php?m=Public&amp;a=login" method="post" id="myform">
                    <input type="hidden" name="ajaxlogin" id="ajaxlogin">
                    <inp
最低0.47元/天 解锁文章
匠造一知识
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Gin框架如何使用并搭建一个后台管理系统（五）
A_LWIEUI_Learn的博客
11-27 628
1.请求接口 post ： localhost:8888/admin/doLogin2. 这时候，提交表单走路由routers 【routers/adminRouters.go】3. 处理登录提交表单请求 /admin/doLogin4. 查看数据库 manager表数据是否存在用户名和登录如没有对应数据表可以直接创建ginxiaomi库，然后直接执行下面的sql语句可以看出，创建出对应的manager表和数据；这里我们就可以 执行命令（）跑起来对应程序……
gin-vue-admin-基于gin+vue搭建的后台管理系统框架
11-19
基于gin+vue搭建的后台管理系统框架，集成jwt鉴权，权限管理，动态路由，分页封装，多点登录拦截，资源权限，上传下载，代码生成器，表单生成器，通用工作流等基础功能，五分钟一套CURD前后端代码，目前已支持VUE3，...
基于gin+vue搭建的后台管理系统框架-Golang开发
05-26
基于gin+vue搭建的后台管理系统框架，集成jwt鉴权，权限管理，动态路由，分页封装，多点登录拦截，资源权限，上传下载，代码生成器，表单生成器，通用工作流等基础功能，五分钟一套CURD前后端代码，目前已支持VUE3 English | 简体中文 gitee地址:https://gitee.com/pixelmax/gin-vue-admin github地址:https://github.com/flipped-aurora/gin-vue-admin vue3版本分支地址:https://github.com/flipped-aurora/gin-vue-admin/tree/vue3Develop 项目文档 在线文档 : https://www.gin-vue-admin.com/ 从环境到部署教学视频 开发教学 (贡献者: LLemonGreen And Fann) 前端UI框架：element-ui 后台框架：gin 1. 基本介绍 1.1 项目介绍 在线预览 测试用户名：admin 测试密码：123456 Gin-vue-admin是一个基于vue和
golang后台管理系统Beego+Layui框架搭建教程
weixin_50196917的博客
04-17 3899
一款 Go 语言基于Beego、Layui、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮、图片裁剪等等一系列个性化、轻量级的组件，是一款真正意义上实现组件化开发的敏捷开发框架。...
初探golang和应用其框架 gin 的 使用教程（二）项目布局篇
孙三苗的专栏
10-18 1792
目录 一、项目目录 1、common目录 ①common.go ②commonconfig.go 2、conf 目录 3、connections 目录 4、controller 目录 5、router 目录 6、service 目录 7、static 目录 8、views 目录 说明：本节主要说明golang 和 gin 的 项目布局。 操作环境：linux 64 ...
[golang gin框架] 11.Gin 商城项目后台管理系统-控制器配置,views模板分离,局部刷新架构
zhoupenghui168的博客
03-29 1070
商城项目后台管理系统-控制器配置,views模板分离,局部刷新架构
go快速开发框架gin+vue快速开发后台管理(前后端分离)，极快接口api生成器，快到不写一行代码，10秒接口就可以调用
GoFLy开发者的博客
06-03 5253
​用 Go 语言基于Gin、Vue、Typescript、vite、Arco Design、MySQL等框架精心打造的一款模块化、插件化、高度自动化、高性能的前后端分离架构敏捷开发框架，可快速搭建前后端分离后台管理系统。本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器一键生成管理后台的前后端代码，快速开发或生成api接口代码和接口文档、测试api接口等编辑，完全自主研发了自定义GO后端服务模板和前端Vue自定义模板
基于gin+vue搭建的后台管理系统框架
05-21
基于gin+vue搭建的后台管理系统框架，集成jwt鉴权，权限管理，动态路由，分页封装，多点登录拦截，资源权限，上传下载，代码生成器，表单生成器，通用工作流等基础功能，五分钟一套CURD前后端代码，目前已支持VUE3，
gin-vue-admin 后台管理系统框架 v2.5.9.zip
03-21
Gin-Vue-Admin 是一个强大的后台管理系统框架，它基于 Go 语言的 Gin 框架和 Vue.js 前端框架构建，旨在为开发者提供一套高效、便捷的开发解决方案。本篇文章将详细介绍 Gin-Vue-Admin v2.5.9 版本的核心特性、设计...
GIN+SCUI企业级后台管理系统;后端基于go语言开发，前端基于vue3开发的scui框架
07-02
GS Admin=gin+scui 它是golang 开发的一个企业级后台。遵循MIT开源协议。前端框架是scui,SCUI基于 Vue3、elementPlus 持续性的提供独家组件和丰富的业务模板帮助你快速搭建企业级中后台前端任务。后端框架是gin,Gin...
go语言有哪些web框架
weixin_50196917的博客
07-06 3205
由于工作需要，这些年来也接触了不少的开发框架，Golang的开发框架比较多，不过基本都是Web”框架”为主。这里稍微打了个引号，因为大部分”框架”从设计和功能定位上来讲，充其量都只能算是一个组件，需要项目使用的话得自己四处再去找找其他的组件，或者自己造轮子。如果用于Web开发，这些”框架”的Web开发能力均已完备，无太大差别，且均是自标准库net/http.Server的二次封装。由于框架众多，这里笔者只选择了几个曾做过技术选型评估、较为熟悉，且目前比较流行和典型的Golang”框架”，从适用于业务项目开发
Gin框架如何使用并搭建一个后台管理系统（一）
A_LWIEUI_Learn的博客
11-02 625
通过gin框架，搭建一个后台管理项目，需要哪些准备；也简单表达了一下，对应项目结构图，创建了相对应的文件夹和文件存放位置。
基于Go的后台管理框架Gin-vue-admin
yftyzs的博客
04-24 2120
gin-vue-admin: 基于vite+vue3+gin搭建的开发基础平台（支持TS,JS混用），集成jwt鉴权，权限管理，动态路由，显隐可控组件，分页封装，多点登录拦截，资源权限，上传下载，代码生成器，表单生成器,chatGPT自动查表等开发必备功能。
vue+gin golang快速开发全栈后台管理系统模板推荐
a303176530的博客
11-17 4259
本项目主要是小弟在接各种私活的时候发现频繁得书写CURD、权限管理、用户管理、列表、分页、上传下载、日志包封装、文档自动化等等功能 为了方方便各位个人开发者快速搭建项目基础模型，于是开发本模板，也为了以后自己可以剩下一些初期开发的功夫 本身是前端出身，所以对于后端的项目目录或者架构可能偏向前端思维，如果有什么地方需要改动感谢大家iss 强烈希望在各位的帮助下，此项目可以用于企业级项目的开发
基于Go语言Gin+Vue+ElementUI的前后端分离敏捷开发框架
weixin_50196917的博客
03-05 1838
是一款基于Golang、Gin、Xorm、Vue、ElementUI、MySQL等技术栈开发平台框架，拥有完善的(RBAC)权限架构和基础核心管理模块，为了缩短研发周期，系统框架集成了代码生成器，内置平台自定义研发的模板引擎，可以一键CRUD生成整个模块的全部代码，本框架为一站式系统框架开发平台，可以帮助开发者提升开发效率、降低研发成本，同时便于后期的系统维护升级。......
Gin实战-开发用户管理系统（脚手架）
王大阳的博客
05-23 2411
地址： https://www.imooc.com/learn/1175 gin基础知识 搭建企业级脚手架 开发用户管理系统
Go之Web急速入门Gin+Gorm框架
Meta39的博客
07-20 592
Go之Web急速入门Gin+Gorm框架
【Gin】精准应用：Gin框架中工厂模式的现代软件开发策略与实施技巧(上)
寸铁的博客
07-22 1172
在现代软件开发中，设计模式是提高代码质量和可维护性的重要工具之一。特别是对于像Gin这样的高性能、轻量级的Web框架，如何合理运用设计模式显得尤为重要。工厂模式作为其中一种经典的创建型模式，能够帮助开发者有效地解耦对象的创建过程，并提供更大的灵活性和可扩展性。本文将深入探讨在Gin框架中工厂模式的具体应用场景、实施技巧以及现代软件开发中的最佳实践。
【Go实战】Gin-Vue-Admin对db-list的疑惑
最新发布
weixin_42206314的博客
07-22 1017
后面会通过Viper的方法将config.yaml中的信息读入全局的变量GVA_CONFIG中，也即是config.Server结构体。如图所示，config.yaml配置给出pgsql（也有mysql等其它数据库配置段），又给出了db-list来配置数据库，我很奇怪为啥数据库要配置在多个地方？通常我们做开发，指定一个数据库就够用了，配置指定数据库的结构体即可。从中，我们就能得知，这些数据库结构，都是GeneralDB，也对应于config.yaml中数据库的配置。我考虑到有时，我们对安全性有更高的要求。
怎么混合使用gin框架和grpc框架写一个web服务并运行
05-12
可以按照以下步骤来混合使用gin框架和grpc框架写一个web服务并运行： 1. 安装gin和grpc框架： ```bash go get -u github.com/gin-gonic/gin go get -u google.golang.org/grpc ``` 2. 创建一个grpc服务： ```go package main import ( "context" "fmt" "net" pb "path/to/your/proto" // 导入你的protobuf文件 "google.golang.org/grpc" ) type server struct{} func (s *server) SayHello(ctx context.Context, in *pb.HelloRequest) (*pb.HelloReply, error) { return &pb.HelloReply{Message: "Hello " + in.Name}, nil } func main() { lis, err := net.Listen("tcp", ":50051") if err != nil { panic(err) } s := grpc.NewServer() pb.RegisterGreeterServer(s, &server{}) fmt.Println("grpc server started on port 50051...") if err := s.Serve(lis); err != nil { panic(err) } } ``` 3. 创建一个gin服务： ```go package main import ( "fmt" "github.com/gin-gonic/gin" ) func main() { router := gin.Default() router.GET("/", func(c *gin.Context) { c.JSON(200, gin.H{ "message": "Hello World!", }) }) fmt.Println("gin server started on port 8080...") router.Run(":8080") } ``` 4. 将grpc服务和gin服务结合： ```go package main import ( "context" "fmt" "net" pb "path/to/your/proto" // 导入你的protobuf文件 "github.com/gin-gonic/gin" "google.golang.org/grpc" ) type server struct{} func (s *server) SayHello(ctx context.Context, in *pb.HelloRequest) (*pb.HelloReply, error) { return &pb.HelloReply{Message: "Hello " + in.Name}, nil } func main() { // grpc server go func() { lis, err := net.Listen("tcp", ":50051") if err != nil { panic(err) } s := grpc.NewServer() pb.RegisterGreeterServer(s, &server{}) fmt.Println("grpc server started on port 50051...") if err := s.Serve(lis); err != nil { panic(err) } }() // gin server router := gin.Default() router.GET("/", func(c *gin.Context) { // grpc client conn, err := grpc.Dial("localhost:50051", grpc.WithInsecure()) if err != nil { panic(err) } defer conn.Close() client := pb.NewGreeterClient(conn) // call grpc service resp, err := client.SayHello(context.Background(), &pb.HelloRequest{Name: "world"}) if err != nil { panic(err) } c.JSON(200, gin.H{ "message": resp.Message, }) }) fmt.Println("gin server started on port 8080...") router.Run(":8080") } ``` 5. 运行服务： ```bash go run main.go ``` 现在，你就可以通过访问 `http://localhost:8080`，来调用grpc服务并获取响应了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

匠造一知识

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值