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

相关推荐
苹果酱05679 分钟前
SpringCloud第二篇:注册中心Eureka
java·vue.js·spring boot·mysql·课程设计
freejackman9 分钟前
MySQL 基础入门
数据库·后端·sql·mysql
Brilliant Nemo23 分钟前
Docker 镜像相关的基本操作
运维·docker·容器
二年级程序员31 分钟前
SQL语句(一)—— DDL
数据库·sql·mysql
Allen Bright38 分钟前
【MySQL基础-21】MySQL事务机制详解:原理、实现与最佳实践
数据库·mysql
Ares-Wang1 小时前
Docker Compose 部署Nginx反向代理 tomcat
nginx·docker·tomcat
JavaGuide18 小时前
公司来的新人用字符串存储日期,被组长怒怼了...
后端·mysql
怒放吧德德21 小时前
MySQL篇:MySQL主从集群同步延迟问题
后端·mysql·面试
Eip不易也不e1 天前
教程之同时安装两个版本的 mysql
mysql
sauTCc1 天前
Docker初探
docker