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

最新推荐文章于 2024-09-10 21:37:16 发布

匠造一知识

最新推荐文章于 2024-09-10 21:37:16 发布

阅读量223

点赞数

分类专栏： Golang gin框架 gin搭建一个后台管理系统文章标签： gin golang

本文链接：https://blog.csdn.net/a_lwieui_learn/article/details/134221475

版权

本文介绍如何在Gin框架中改造已有的静态资源，包括将静态文件归档到对应文件夹，创建模板文件夹并管理路由。重点讨论了登录页面的改造，涉及验证码生成、模板渲染及中间件的使用。通过示例代码展示了如何实现验证码生成、登录控制器以及中间件在路由组中的应用。

摘要由CSDN通过智能技术生成

如何改造已经有的项目

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

首先我们可以查看出，下载后的资源。内部构成，是由纯静态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