Code Monkey home page Code Monkey logo

springboot-vue-template-jwt's Introduction

前后端分离项目（JWT方案）

采用SpringBoot3 + Vue3编写的前后端分离模版项目，集成多种技术栈，使用JWT校验方案。

后端功能与技术点

用户注册、用户登录、重置密码等基础功能以及对应接口

  • 采用Mybatis-Plus作为持久层框架，使用更便捷
  • 采用Redis存储注册/重置操作验证码，带过期时间控制
  • 采用RabbitMQ积压短信发送任务，再由监听器统一处理
  • 采用SpringSecurity作为权限校验框架，手动整合Jwt校验方案
  • 采用Redis进行IP地址限流处理，防刷接口
  • 视图层对象和数据层对象分离，编写工具方法利用反射快速互相转换
  • 错误和异常页面统一采用JSON格式返回，前端处理响应更统一
  • 手动处理跨域，采用过滤器实现
  • 使用Swagger作为接口文档自动生成，已自动配置登录相关接口
  • 采用过滤器实现对所有请求自动生成雪花ID方便线上定位问题
  • 针对于多环境进行处理，开发环境和生产环境采用不同的配置
  • 日志中包含单次请求完整信息以及对应的雪花ID，支持文件记录
  • 项目整体结构清晰，职责明确，注释全面，开箱即用

前端功能与技术点

用户注册、用户登录、重置密码等界面，以及一个简易的主页

  • 采用Vue-Router作为路由
  • 采用Axios作为异步请求框架
  • 采用Element-Plus作为UI组件库
  • 使用VueUse适配深色模式切换
  • 使用unplugin-auto-import按需引入，减少打包后体积

springboot-vue-template-jwt's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.