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

蜗牛丨2024-11-27 15:04

本后台使用前后端分离模式开发，前端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