使用GoAdmin极速搭建golang应用管理后台(二)——自定义登录页面

前面我们介绍怎么快速上手搭建一个管理后台，这一节就介绍一下怎么自定义登录的页面。

框架内置提供了一个登陆界面，但有时候我们想要自定义一个，这时我们需要自定义一个组件去引入。线上的demo的登录页面就是自定义的组件。其代码这里：https://github.com/GoAdminGro...。

我们想要自定义一个登录界面，可以照葫芦画瓢，先将demo的这个登录组件下载下来，放到我们的项目目录下：

<pre><code>. ├── login │   ├── Makefile Makefile命令 │   ├── assets │   │   ├── login │   │   │   └── dist 前端资源文件合并 │   │   └── src │   │   ├── css 前端css文件 │   │   └── js 前端js文件 │   ├── assets.go 前端资源文件编译的go文件 │   ├── assets_list.go 前端资源文件列表 │   ├── login.go 组件定义 │   ├── login.tmpl 前端html │   └── template.go 前端html编译的go文件 ├── ... └── main.go</code></pre>

接下来我们要做的就是修改html，css以及js并编译成go文件，其实大部分时候我们只要改css/html即可，如果只是修改样式的话。

....省略修改过程，大家可以根据自(ling)己(dao)的喜好进行修改。

修改完后，linux/mac的用户可以进入login文件夹中直接执行 Makefile 的命令，即：

<pre><code>make</code></pre>

并将tmpl文件内容复制到template.go中，就可以完成生成资源文件对应的go文件了。

而我们的windows用户，则可以进入login文件夹中依次执行：

<pre><code class="shell">adm.exe combine js --src=./assets/src/js/combine/ --dist=./assets/login/dist/all.min.js adm.exe combine css --src=./assets/src/css/ --dist=./assets/login/dist/all.min.css adm.exe compile asset --src=./assets/login/dist/ --dist=./ --package=login</code></pre>

并将tmpl文件内容复制到template.go中，就可以完成生成资源文件对应的go文件了。

到这里离成功狠接近了！

现在只需要在我们的main.go中，增加这一步：

<pre><code class="go">package main import ( ... ) func main() { r := gin.Default() eng := engine.Default() // 引入我们定义的login组件 template.AddLoginComp(login.Get()) if err := eng.AddConfig(cfg). AddGenerators(tables.Generators). Use(r); err != nil { panic(err) } ... }</code></pre>

记住！要加engine.Use前面加上。至此就已经完成了，重新启动可以看到效果。

到此这篇关于“使用GoAdmin极速搭建golang应用管理后台(二)——自定义登录页面”的文章就介绍到这了,更多文章或继续浏览下面的相关文章，希望大家以后多多支持JQ教程网！

您可能感兴趣的文章：
使用GoAdmin极速搭建golang应用管理后台(二)——自定义登录页面
PHP无限级分类菜单实例程序
php实现简单用户登录功能程序代码
php session 同ip不同端口的多个网站session冲突的解决办法
windowx如何取消开机密码和开机登陆框方法
网页标题随机显示名言js代码
专家教你如何有效的学习Drupal - Drupal问答
MySQL中group_concat函数使用例子
mysql导入导出数据时中文乱码的解决办法
用于管理iptables的shell脚本一例