Go Vue3 CMS管理后台(前后端分离模式)

本后台使用前后端分离模式开发,前端UI为Vue3+Ant Design Vue,后端Api为Go+Gin,解耦前后端逻辑,使开发更专注

技术栈

前端:Vue3,Ant Design Vue,Axios,分页,OTP动态码登录  
后端:Go,Gin,Gorm,Mysql,Docker,JWT,跨域,Log,模型绑定,Validator,权限判断,分页,OTP动态码登录   

功能

登录,登出,修改密码(已完成)  
用户管理(用户列表、添、删、改、禁/启用、解锁、OTP动态码)(已完成)  
模块管理(模块列表、添、删、改、禁/启用)(已完成)  
角色管理(角色列表、添、删、改、禁/启用、分配权限)(已完成)  

菜单层级

系统管理  
-------账号管理  
----------------添/删/改等账号  

账密与密钥

用户名:snai,密码:snai2024  
otp密钥:IFLDIRSPINAU4NKHKRMEIU2VGIZFUOBVKJKUKOCRGE3DKRCCGJGA  

首次使用时需绑定管理员账号获取otp动态码,以后管理员可以通过 "用户管理">"opt码" 来扫码添加:  
1. 下载安装验证器  
   IOS:AppStore搜索 Google Authenticator 下载安装  
   Android:应用市场搜索 Authenticator 或  
            Google Play搜索 Authenticator 下载安装  
2. 验证器扫码绑定使用说明  
   IOS:打开"Google Authenticator"app,右下角"+">"输入设置密钥"或"扫描二维码"  
   Android:打开"Authenticator"app  
            Google Authenticator:右下角"+">"输入设置密钥"或"扫描二维码"  
            Microsoft Authenticator:右上角"+">"QR扫码或其他账号"  
3. 打开验证器绑定账号获取动态码  
   1. 扫描otp二维码绑定   
   2. 添加账号绑定  
      账户名称:snai_cms:snai  
      密钥:IFLDIRSPINAU4NKHKRMEIU2VGIZFUOBVKJKUKOCRGE3DKRCCGJGA  

仓库

前端:https://github.com/Liu-Alan/Snai.CMS.UI
后端:https://github.com/Liu-Alan/Snai.CMS.Api

界面展示









博客地址:https://www.snaill.net/post/14

posted @ 2024-11-27 14:56  蜗牛丨  阅读(72)  评论(0编辑  收藏  举报