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.UI)
后端：[https://github.com/Liu-Alan/Snai.CMS.Api](https://github.com/Liu-Alan/Snai.CMS.Api)
### 界面展示
<img src="/sitedata/image/go-vue-logon.jpg" width="45%" />
<br />
<br />
<img src="/sitedata/image/go-vue-pwd.jpg" width="70%" />
<br />
<br />
<img src="/sitedata/image/go-vue-user.jpg" width="95%" />
<br />
<br />
<img src="/sitedata/image/go-vue-module.jpg" width="95%" />
<br />
<br />
<img src="/sitedata/image/go-vue-role.jpg" width="95%" />