程序员经验分享-hwhale

分享一个前后端分离的web项目（vue+spring boot）

2023-11-03

Github地址：https://github.com/smallsnail-wh

  • 前端项目名为wh-web
  • 后端项目名为wh-server
  • 项目展示地址为我的github pages（https://smallsnail-wh.github.io）用户名：admin，密码admin（第一次启动会比较慢）

项目建构简单介绍：

  1. 数据库设计
    • 用户表sys_user：存储用户基本信息。
    • 角色表sys_role：存储不同的角色。
    • 菜单表sys_menu：存储菜单信息。
    • 用户和角色关系表r_user_role：存储用户和角色的关系。
      逻辑是sys_user表通过id关联r_user_role表得到对应的角色ids，再通过得到的角色ids关联sys_role表得到对应的菜单ids，然后通过菜单ids关联sys_menu表得到前端需要显示的菜单数据。
      表结构和表数据见https://github.com/smallsnail-wh/wh-server/tree/master/src/main/resources/createTable
  2. 前端设计
    主要是使用ivew组件设计页面，vue-router页面跳转，axios通信，webpack打包，详情见https://github.com/smallsnail-wh/wh-web。
  3. 后端设计
    主要是spring boot+mybatis+spring security+spring security OAuth2。详情见https://github.com/smallsnail-wh/wh-server

  4. 前后端安全协议遵循oauth2。

    下面是主要功能截图:
    登陆
    这里写图片描述

用户管理
这里写图片描述
角色配置
这里写图片描述
菜单管理
这里写图片描述
角色管理与角色权限配置
这里写图片描述

想看该项目升级版，请看https://blog.csdn.net/smollsnail/article/details/80993516

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

springboot

vuejs

OAuth2

SpringSecurity

分享一个前后端分离的web项目（vue+spring boot） 的相关文章

随机推荐

  • 源码、反码、补码

    接下来的一章会提到位操作符 所以我们先介绍一下这三种二进制形式 整数的二进制表示形式 一共有三种 源码 反码 补码 1 正整数的原码 反码和补码都是相同的 2 负整数的原码 补码和反码是要经过计算的 首先 不管是正整数还是负整数都可以直接写

  • GateWay启动报错：Error processing condition on org.springframework.cloud.gateway.config.GatewayAutoConfig

    错误 java lang IllegalStateException Error processing condition on org springframework cloud gateway config GatewayAutoCon

  • 15.线程同步的几种方法

    一 为什么需要线程同步 线程同步通常是出现在多线程环境下的问题 对于多个线程同时访问的共享内存中的变量 如果不进行保护 就会导致一些列数据出错问题 以下图为例 假设线程A在第一次读取变量的值为10 每次写周期会将变量A加5 理论上当线程A完

  • mysql主键id的生成方式（自增、唯一不规则）

    1 利用uuid函数生成唯一且不规则的主键id sql CREATE TABLE test id varchar 100 COLLATE utf8 estonian ci NOT NULL COMMENT 唯一不重复 create time

  • AIX软件安装的相关命令

    文件集 Filesets AIX操作系统的最小可安装单元软件包 Packages 软件包由一组可独立安装的文件集组成注册的程序产品 LPP LPP包含所有与该注册的程序相关联的软件包 软件束 Bundles 一组软件 包含文件集 软件包和L

  • moment.js 时间处理的使用方法--含有CDN链接

    范例 https cybozudev kf5 com hc kb article 211149 CDN链接 https cybozudev kf5 com hc kb article 206405

  • ORACLE等待事件类型(一)

    author skate tiime 2009 11 18 ORACLE等待事件类型 Classes of Wait Events 每一个等待事件都属于某一类 下面给出了每一类等待事件的描述 Every wait event belongs

  • linux模拟网络丢包、延迟、数据包损坏

    环境 工具 linux TC tc默认系统自带 只对物理网卡生效 不对虚拟网卡生效 如果对关联了虚拟网卡的物理网卡使用会同时生效 模拟网络延迟 tc qdisc add dev eth0 root netem delay 1000ms ro

  • 解读es6 class 中 constructor 方法 和 super 的作用

    ES6 的 class 属于一种 语法糖 所以只是写法更加优雅 更加像面对对象的编程 其思想和 ES5 是一致的 类和模块的内部 默认就是严格模式 所以不需要使用use strict指定运行模式 定义类 class Point constr

  • c++ 文件类型判断

    要判断文件类型 即判断文件名是否包含文件的后缀 例如 txt文件的判断 string str abcd txt string str1 txt 当 str find str1 string npos时则说明字符串str中不存在 txt 这个

  • MonoField MonoReflectionField FieldInfo

    mono mcs class corlib System Reflection MonoField cs StructLayout LayoutKind Sequential internal class MonoField RtField

  • 环形链表问题

    题目 给定一个链表的头节点 head 返回链表开始入环的第一个节点 如果链表无环 则返回 null 如果链表中有某个节点 可以通过连续跟踪 next 指针再次到达 则链表中存在环 为了表示给定链表中的环 评测系统内部使用整数 pos 来表示

  • linux 软件安装各种方法

    一 简单介绍 1 软件安装卸载 分几种情况 A RPM包 这种软件包就像windows的EXE安装文件一样 各种文件已经编译好 并打了包 哪个文件该放到哪个文件夹 都指定好了 安装非常方便 在图形界面里你只需要双击就能自动安装 如何卸载 1

  • SE-ResNet的实现

    见 D pythonCodes 深度学习实验 4 1 经典分类网络 inference代码汇总 models se resnet py 一 SE ResNet的实现方法 读了senet这篇论文之后 可以知道senet并没有提出一个新的网络

  • Easyui combobox 判断输入项是否存在于下拉列表中

    combobox的getValue方法很诡异 当输入项是存在于下拉列表时 返回的是需要的ID 但是当输入项是不存在于下拉列表时 却直接返回用户的输入结果 从而导致没法判断用户是否输入了下拉框不存在的项 本来第一时间想到直接判断getValu

  • 蓝绿发布、滚动发布、灰度发布，有什么区别？

    目录 01 蓝绿发布 02 滚动发布 03 灰度发布 04 A B测试 在项目迭代的过程中 不可避免需要 上线 上线对应着部署 或者重新部署 部署对应着修改 修改则意味着风险 目前有很多部署发布的技术 这儿将常见的做一个总结 举一个情景例子

  • 第一次使用Xshell服务器跑程序（保姆教程）

    前期准备 1 提前下载好Xshell和Xftp 2 有自己的服务器账号名 密码 服务器IP 默认端口号 我的是组里师兄给我创建的 以上两步下载注册步骤可以参考文章1和文章2 3 我的服务器默认安装好了Anaconda3和cuda11 1 1

  • Flutter之状态管理Provider使用和详解

    在前端页面 状态管理和消息传递一直是我们开发一个交互性好 体验好的前端应用或者APP必须要提到的东西 设想一下我们需要两个组件之间共享数据 而且两个组件之间具有联动效果 对于Flutter来说我们能够把数据保存到一个全局变量 然后每次使用的

  • Spring源码分析之createBean主流程分析

    我们知道 在调用getBean获取bean实例的实例 首先会从缓存中获取bean实例 如果没有获取到 就会去创建bean的时候 关于获取bean实例 可以参考Spring源码分析之getBean主流程分析 而本文将会对创建bean实例的主流

  • 分享一个前后端分离的web项目（vue+spring boot）

    Github地址 https github com smallsnail wh 前端项目名为wh web 后端项目名为wh server 项目展示地址为我的github pages https smallsnail wh github io

热门标签