登录注册代码模板(Vue3+SpringBoot)[邮箱发送验证码(HTML)、RSA 加密解密(支持长文本)、黑暗与亮色主题切换、AOP信息校验]

news/2024/7/9 23:45:45 标签: spring boot, html, 后端, java, spring, vue, web
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

文章归档:https://www.yuque.com/u27599042/coding_star/cx5ptule64utcr9e

仓库地址

https://gitee.com/tongchaowei/login-register-template

网页效果展示

image.png
image.png
image.png
image.png

相关说明

在该代码模板中,实现了如下功能:

  1. 邮箱发送验证码(邮件内容为 HTML 格式),验证码的缓存与验证使用 redis
  2. 可以通过 RSA 对信息进行前端加密、后端解密(支持长文本)
  3. 后端对于 RSA 解密、字符串参数为空校验、邮箱合法校验等采用 AOP 实现
  4. 前端已完成 element plus、naive、ant design vue 的黑暗与亮色主题切换的配置
  5. 前端已完成 axios、vue router、element plus、naive、ant design vue 配置,前端页面中顶部导航栏使用 element plus,登录表单与轮播图使用 naive、切换主题按钮使用 ant design vue,顶部加载进度条使用 nprogress

下载

git clone https://gitee.com/tongchaowei/login-register-template.git

前端

安装依赖

pnpm i

运行

pnpm run dev

后端

IDEA 打开项目,刷新 Maven 加载依赖,找到主启动类,运行
image.png


http://www.niftyadmin.cn/n/5170952.html

相关文章

【Loki】最佳实践 - 基于LogQL的Metric

目录 1. 前言2. 最佳实践3. 后记4. 参考 1. 前言 职业生涯一直都是在传统软件行业里,因此所接触到的系统多以单体为主,规模体量上限低,因此不论是团队技术氛围,还是实际的资源投入上,监控这一块都属于是年三十晚上打的…

LeetCode16的最接近的三数之和

目录 优化解法暴力搜索 优化解法 看了题解之后的根据题解的意思编写的优化解法,感觉还行,代码算是比较简短了,没有复杂的逻辑,就是写的时候总是只记得记录那个sum,忘记要记录最小的差值,更新min_minus. class Solution {public int threeSumClosest(int[] nums, int target) {…

conda添加清华镜像源

一、conda下载 https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/ 显示所有channel conda config --show channels 二、添加清华镜像源 conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/ conda config --add channels https://…

Etsy自养号批量注册环境搭建系统

Etsy 是美国一个在线销售手工工艺品的网站,网站集聚了一大批极富影响力和号召力的手工艺术品设计师。在Etsy,人们可以开店,销售自己的手工艺品,模式类似eBay和中国的淘宝。 Etsy是一个网络商店平台,以手工艺成品买卖为…

HTML5学习系列之简单使用1

HTML5学习系列之简单使用1 前言基础显示学习定义网页标题定义网页元信息定义网页元信息定义文档结构div元素di和classtitlerole注释 总结 前言 下班加班期间的简单学习。 基础显示学习 定义网页标题 <html lang"en"> <head> <title>从今天开始努…

ScrollView 与 SliverPadding 的关系

基本页面布局 Scaffold 中有个 ListView&#xff0c;ListView 中有 100 个高 50 的 Container 用作辅助观看&#xff0c;ListView 中第三个元素是一个 GridView&#xff0c;GridView 的滑动效果被禁止。 class GiveView extends GetView<GiveController> {const GiveVi…

Leetcode-94 二叉树的中序遍历

递归实现 /*** Definition for a binary tree node.* public class TreeNode {* int val;* TreeNode left;* TreeNode right;* TreeNode() {}* TreeNode(int val) { this.val val; }* TreeNode(int val, TreeNode left, TreeNode right) {* …

莫桑比克市场开发攻略,收藏一篇就够了

中国与莫桑比克之间的经贸关系源远流长&#xff0c;两国之间的贸易和投资合作呈现出快速增长的趋势。莫桑比克是农业国&#xff0c;生产以及生活资料依赖进口&#xff0c;市场潜力还是非常不错的&#xff0c;今天就给大家分享一下。文章略长&#xff0c;大家点赞收藏关注慢慢看…