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://img2024.cnblogs.com/blog/1145599/202411/1145599-20241126112001295-1056621038.jpg)
![](https://img2024.cnblogs.com/blog/1145599/202411/1145599-20241126112320419-458257712.jpg)
![](https://img2024.cnblogs.com/blog/1145599/202411/1145599-20241126112344137-1728040206.jpg)
![](https://img2024.cnblogs.com/blog/1145599/202411/1145599-20241126112410386-1916077992.jpg)
![](https://img2024.cnblogs.com/blog/1145599/202411/1145599-20241126112431356-1270066968.jpg)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek-R1本地部署如何选择适合你的版本?看这里
· 开源的 DeepSeek-R1「GitHub 热点速览」
· 传国玉玺易主,ai.com竟然跳转到国产AI
· 揭秘 Sdcb Chats 如何解析 DeepSeek-R1 思维链
· 自己如何在本地电脑从零搭建DeepSeek!手把手教学,快来看看! (建议收藏)