当前位置: 首页 > news >正文

Vue3+SpringBoot快速开发模板

起因:个人开发过程经常会使用到Vue3+SpringBoot技术栈来开发项目,每次在项目初始化时都需要涉及一些重复的整理工作,于是结合一些个人觉得不错的前后端模板进行整合,打通一些大多数项目都需要的实现的基础功能,以便于快速开发项目。代码已按个人力所能及的规范编写,如有不足多多见谅~

一.功能预览

为了提高模板的通用性与精简性,只实现一些基础的功能:

  • 登录 \ 注册
  • 密码修改 \ 重置
  • 用户管理(增删改分页)
  • 个人信息查看 \ 修改
  • 头像上传

(1) 登录

登录、注册、修改密码、重置密码表单后端已实现基础的格式校验。
在这里插入图片描述

(2) 注册

验证码方面都是采用邮箱验证码,可根据个人需要进行配置或者修改。参考博客:

  • 手机验证码
  • 邮箱验证码
    在这里插入图片描述

(3) 重置密码

在这里插入图片描述

(4) 主页

在这里插入图片描述

(5) 用户管理

基础的增删改查功能,包括图片上传(admin角色状态展示)

在这里插入图片描述

(6) 修改密码

在这里插入图片描述

(7) 个人信息

在这里插入图片描述

(8) 编辑个人信息

在这里插入图片描述

二.必备配置

上述预览效果必要配置项:

  • 前端
    • 使用如下指令安装依赖包即可
# 1. 安装依赖包
pnpm install
# 2. 启动项目
pnpm dev
  • 后端
    • 根据/sql目录下的/create_table.sql创建表
    • 修改application.yml文件中的 MySQL数据库连接Redis数据库连接
    • 修改/utils/CodeUtils.java中的邮箱配置
    • 阿里云oss配置

三.代码说明

  • 代码地址:https://gitee.com/fspStudy/quick-develop-template.git (前后端项目放在了同一个父目录中,可以根据需要分别管理)

  • 前端模板基于Pure Admin 进行二次开发,可以参考一下原始模板。

  • 后端模板基于b站程序员鱼皮编程导航中的通用版本模板进行二次开发。

http://www.lryc.cn/news/112934.html

相关文章:

  • CSDN竞赛68期
  • Redis入门
  • [CrackMe]BuLLeT.exe的逆向及注册机编写
  • C++ 中 int、short、long和long long 分别是几位?有符号无符号有什么区别?
  • Killing LeetCode [82] 删除排序链表中的重复元素 II
  • LeetCode 热题 100 JavaScript--283. 移动零
  • java读写ini文件
  • 【ARM Coresight 系列文章 2.3 - Coresight 寄存器】
  • kafka:java client使用总结塈seek() VS commitSync()的区别(三)
  • 如何用正确的姿势监听Android屏幕旋转
  • mysql高级三:sql性能优化+索引优化+慢查询日志
  • HCIP VLAN--Hybrid接口
  • 大数据开发面试必问:Hive调优技巧系列二
  • 【C++】STL——list的模拟实现、构造函数、迭代器类的实现、运算符重载、增删查改
  • vscode 插件::EIDE
  • Python 网络编程
  • SQL 数据科学:了解和利用联接
  • (统计学习方法|李航)第五章决策树——四五节:决策树的剪枝,CART算法
  • C语言--结构体定义
  • 解决Element Plus中Select在El Dialog里层级过低的问题(修改select选项框样式)
  • 【数据结构】二叉树 链式结构的相关问题
  • 【无标题】云原生在工业互联网的落地及好处!
  • 人工智能在心电信号分类中的应用
  • 【Linux 网络】网络层协议之IP协议
  • .meta 文件
  • CRITICAL_SECTION 用法
  • 汇川运动控制产品故障排查
  • 【Groups】50 Matplotlib Visualizations, Python实现,源码可复现
  • windows安装kafka配置SASL-PLAIN安全认证
  • 【Linux】五种IO模型