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

本背景使用前后端分离模式开发，前端UI为Vue3+Ant Design Vue，后端Api为Go+Gin，解耦前后端逻辑，使开发更专注
技术栈

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

复制代码

功能

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

复制代码

菜单层级

1. 系统管理  
2. -------账号管理  
3. ----------------添/删/改等账号  

复制代码

账密与密钥

1. 用户名：snai，密码：snai2024  
2. otp密钥：IFLDIRSPINAU4NKHKRMEIU2VGIZFUOBVKJKUKOCRGE3DKRCCGJGA  
4. 首次使用时需绑定管理员账号获取otp动态码，以后管理员可以通过 "用户管理">"opt码" 来扫码添加：  
5. 1. 下载安装验证器  
6.    IOS：AppStore搜索 Google Authenticator 下载安装  
7.    Android：应用市场搜索 Authenticator 或  
8.             Google Play搜索 Authenticator 下载安装  
9. 2. 验证器扫码绑定使用说明  
10.    IOS：打开"Google Authenticator"app，右下角"＋">"输入设置密钥"或"扫描二维码"  
11.    Android：打开"Authenticator"app  
12.             Google Authenticator：右下角"＋">"输入设置密钥"或"扫描二维码"  
13.             Microsoft Authenticator：右上角"＋">"QR扫码或其他账号"  
14. 3. 打开验证器绑定账号获取动态码  
15.    1. 扫描otp二维码绑定   
16.    2. 添加账号绑定  
17.       账户名称：snai_cms:snai  
18.       密钥：IFLDIRSPINAU4NKHKRMEIU2VGIZFUOBVKJKUKOCRGE3DKRCCGJGA  

复制代码

仓库

前端：https://github.com/Liu-Alan/Snai.CMS.UI
后端：https://github.com/Liu-Alan/Snai.CMS.Api
界面展示

  

  

  

  

  博客所在：https://www.snaill.net/post/14

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。