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