lucky_fang的博客

项目使用vue3+vite+element-plus+pinia+router+axios等搭建，每个页面已经完成了对后端api请求的编码，各种交互已经写好，同时通过pinia实现数据同步与通讯，在此基础上实现页面历史导航栏功能，增加了支持多层级顶级菜单联动左侧菜单，左侧菜单由顶部菜单控制，导航栏实现对顶级菜单和左侧菜单的样式同步。其中菜单可支持动态配置，菜单icon也支持组件化动态配置，这大大提高了框架的灵活度和便捷性。项目同时采用组件来布局整个框架，左侧+顶部+导航栏+具体页面功能展示容器。

项目采用前后端分离的方式实现，后端：springboot+mysql+redis实现，前端：vue+element-plus+router+vite等实现。系统其中分为管理后台和游客租赁商城两个端，用户总体分为三种角色：超级管理员、员工、游客，超级管理员和员工登录管理后台进行汽车相关信息管理，主要权限的差别，二游客通过商城端进行注册和登录后，通过充值余额后可以进行汽车的租赁操作。用户登陆后会自动根据用户类型跳转管理系统或者用户租赁商城端。项目页面完整，后续可能将不断升级，完善其他页面。

前后端分离实现项目分为三个部分：springboot后端、管理后台和用户平台pc端；后端采用springboot+redis+mybatisplus+mysql+JWT token；管理后台采用vue+elementui，用户平台端同样，框架类似，很好的框架、适合新手、老手，都可以，没有复杂错乱的结构。

课程申报管理系统教师页面进来先是一个登录页面（登录有老师、管理员）登入老师页面里面有个人资料（头像可在vue写死、姓名、职称、所在系可修改）搜索可以搜索老师所有申报的课程提交申报课程页面里有课程名称、学分、学时、开课时间（几周到几周，比如一到10周）、时长（节）、授课年纪、授课班级、授课地点是选修课还是必修课所有申报的课程列表（申报通过或不通过的由管理员发回来的退回理由）管理员页面搜索收到教师的课程名称和教师1.收到老师申报的课程申请审批课程（同意或不同意就写理由退回来）搜索可以搜索教

项目功能完整，后续可能将不断升级。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！其他作品集合《vue+element实现电商商城礼品代发网，商品、订单管理》《vue+vant2完美实现香奈儿移动端商城网站》《vue+elementui实现联想购物商城，样式美观大方》《vue+elementui实现英雄联盟道具城》《vue+elementui实现app布局小米商城，样式美观大方，功能完整》

项目功能完整，后续可能将不断升级。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！其他作品集合《vue+vant2完美实现香奈儿移动端商城网站》《vue+elementui实现联想购物商城，样式美观大方》《vue+elementui实现英雄联盟道具城》《vue+elementui实现app布局小米商城，样式美观大方，功能完整》《vue完美模拟pc版快手，实现短视频，含短视频详情播放》

本项目在线预览：点击访问对应管理后台在线预览：点击访问与正常vue项目一样,安装node jsnpm install 安装项目依赖，即package.json文件的依赖npm run dev 启动项目若npm install有报错误：python2或python not found类似错误可尝试依次执行以下两条命令：npm install node-sass --ignore-scriptsnpm install --ignore-scripts3.顶部+内容容器+底部布局：5.商品分

作者一直都有打算想做一个通用的商品、商城类后台管理系统，这样的好处就是以后需要实现什么系统网站等，可充分复用系统和其逻辑，即使有改动也是在小范围，符合良好的开发思维。功能设计，商品、商城类一般都包含这几大模块：首页轮播图、商品分类、推荐分类、商品管理、订单管理、评论管理、管理员管理等；配置类设计，配置的东西一般要求可复用，避免重复不必要的开发，并且简单易用，例如一些字典、参数的配置；数据库表结构、字段属性设计合理接口访问参数等设计合理。

缺点比较，可以说刚好相反，第一种只有一选择文件，马上就上传，用户可以在最后提交之前一直change文件，就可能不断上传了一些没必要的文件图片，造成了各种文件脏数据，除非通过某些逻辑去删除这些脏文件（定时刷数据或提交的时候判断用户最终保存的数据来删除脏数据）作者一开始是想着用@RequestBody注解来接收整个数据对象的，但是这样的话会报错，具体错误信息作者没有记录下来，大概的意思就是MultipartFile类型不支持，没有构造方法那一类的，然后看了一下MultipartFile的源码。

接上一篇博客《vue+elementui+java 前后端分离实现学校帖子网站，仿照“淘柳职”学校大作业上一篇博客介绍的项目完全自带前、后端实现的，是一个完整的项目，现在作者在此基础上，利用已实现的前端，对接《淘柳职》其官方的接口，获取其数据来运行，就可以达到脱离自己的后端来启动运行前端项目，也就是说《淘柳职》服务一直可用的话，这个前端就可以一直运行。同时所有接口作者都已经对接实现POST注册接口 POST登录接口 GET首页轮播图接口GET首页闲置帖子列表接口GET校园分享列表接口。

淘柳职本项目完全是仿照淘柳职，在此基础上进一步完善和改进，同时也增加了额外的功能，无论是前端功能和样式，除了仿照基本功能外，还在兼容性和样式、细节加以了更多的优化，所花费的时间也是非常大的，从数据库表设计、后端搭建、前端搭建等，足足花费了一周的时间。

接上一篇《》。上一篇文章有说过已实现单一订单下单，即只能一个一个商品去下单购买，所以这次进行了优化完善，把单一订单改成了合并订单，即一个订单下面可包含多个订单行项目，也就是一次可购买多个商品，统一生成一个订单，然后进行扫码支付；

vue+element+SpringBoot+OAuth2+Spring Security+Redis+mybatis-plus+mysql+swagger。上一篇文章只是单纯的获取token，并且token由底层代码进行redis存储，也没有token续费，所以这一次优化了redis自定义存储，我们可以自定义存储token、用户信息和自定义清除redis登录关键缓存信息，并且增加了解析token获取用户信息和token续费功能，配合前端进行自动续费，这样登录过程中token过期了能及时刷新续费token。

SpringBoot+OAuth2+Spring Security+Redis+mybatis-plus+mysql+swagger搭建实现

如果你想自己一个人快速完整开发一个管理后台，并且想界面样式也要挺好看，那你可以尝试使用H-ui.admin，本文章是介绍后端使用springboot+maven+shiro+mybatis+mysql，前端使用H-ui.admin_v3.1.3.1，快速实现管理后台功能，已经完整实现的功能含登录、登录验证码、管理员管理模块和系统日志模块。前端可以访问官网下载：H-ui.admin官网下载本项目完整源码下载：springboot+maven+shiro+mybatis+mysql+H-ui.admin_

1.获取随机码、随机数 //随机码，len随机码长度 public static String getRadomCode(int len){ Random random = new Random(); String s_Rand=""; for (int i=0;i<len;i++) { String rand=String.valueOf(random.nextInt(10)); s_Rand+=rand; } return s_Rand; }2.获取、