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