首页 > 其他分享 >CMS管理后台(前后端分离模式)

CMS管理后台(前后端分离模式)

时间:2024-11-26 11:58:32浏览次数:7  
标签:绑定 账号 分离 Authenticator Google 密钥 后台 CMS

本后台使用前后端分离模式开发,前端UI为Vue3+Ant Design Vue,后端Api为Go+Gin,解耦前后端逻辑,使开发更专注

技术栈

前端:Vue3,Ant Design Vue,Axios,分页,OTP动态码登录  
后端: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

标签:绑定,账号,分离,Authenticator,Google,密钥,后台,CMS
From: https://www.cnblogs.com/alan-lin/p/18569805

相关文章

  • RichCMS在Linux下的安装及部署
    RichCMS是一个使用Go语言开发的通用CMS,可用于个人网站、Blog、SEO内容网站、企业官网等。项目官网:https://www.richcms.net 安装包下载:https://www.richcms.net/down本文介绍RichCMS在Linux下的安装及部署,安装包的官网下载地址: https://www.richcms.cn/down ,本次使用cen......
  • SpringBoot3+Vue3+NaiveUI后台管理系统源码 | 小蚂蚁云
     项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、NaiveUI、MySQL等技术栈实现的单体前后端分离后台管理系统;后端基于Java语言采用SpringBoot3、SpringSecurity、MybatisPlus、MySQL等主流技术栈,前端基于Vue3、TypeScript、Vite等技术栈实现......
  • SpringBoot3+Vue3+NaiveUI后台开发框架 | 小蚂蚁云
     项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、NaiveUI、MySQL等技术栈实现的单体前后端分离后台管理系统;后端基于Java语言采用SpringBoot3、SpringSecurity、MybatisPlus、MySQL等主流技术栈,前端基于Vue3、TypeScript、Vite等技术栈实现......
  • SpringBoot3+Vue3+NaiveUI后台管理系统 | 小蚂蚁云
     项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、NaiveUI、MySQL等技术栈实现的单体前后端分离后台管理系统;后端基于Java语言采用SpringBoot3、SpringSecurity、MybatisPlus、MySQL等主流技术栈,前端基于Vue3、TypeScript、Vite等技术栈实现......
  • 利用1panel部署前后端分离项目 Java代码打包 前端打包
    初次发布于我的个人文档参考:1.1Panel官方文档本文介绍一下如何利用1panel部署一个简单的前后端分离项目。1,拥有一个Liunx服务器第一步是购买一个Linux服务器,可以买一台线下真实的机器+公网IP或买一个阿里云、腾讯云、京东云、华为云服务器。2.安装1panel参考1panel官方文......
  • 如果一个项目要你重构成前后端分离,你的方法论是什么?
    如果一个项目需要我重构成前后端分离,我的方法论如下:1.评估现有项目:技术栈:确定当前使用的后端语言、数据库、前端框架等。这有助于选择合适的技术进行前后端分离。代码结构:分析现有代码的组织方式,识别耦合程度较高的部分,以及可以复用的组件或模块。业务逻辑:理解项目的......
  • 对于前后端分离,你是怎么理解的?
    前后端分离是指将传统的Web应用前后端代码耦合的开发模式拆分成前后端独立开发、独立部署的模式。它本质上是一种架构模式,而非具体的技术。我理解的前后端分离的核心在于:职责分离:前端负责用户界面和用户体验,后端负责业务逻辑和数据处理。两者通过API进行交互,前端不再依......
  • 页面布局中的结构与表现分离,那么什么是结构?什么是表现呢?
    在前端开发中,结构与表现分离是构建网页的一个重要原则。它指的是将网页的内容结构(Structure)与视觉呈现(Presentation)分开处理。这样做的好处在于提高代码的可维护性、可重用性和可访问性。结构(Structure):指的是网页的内容和组织方式,它关注的是“网页是什么”。结构......
  • node.js毕设商品管理后台系统 程序+论文
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于商品管理后台系统的研究,现有研究主要以通用的管理系统开发为主,专门针对毕设商品管理后台系统的研究较少。在国内外,企业级商品管理系统的研究成果丰......
  • 怎么修改网站图片代码,如何在网站后台或代码中修改图片代码
    修改网站图片代码可以实现图片的替换或优化。以下是具体步骤:登录后台:如果网站有后台管理系统,使用管理员账号登录。在后台左侧菜单栏中选择“内容”->“页面”或“媒体库”。找到需要修改图片的页面或媒体库,点击“编辑”。使用FTP工具:如果需要直接编辑代码,可以使用F......