element vue 动态单选_SpringBoot+Vue（MyBatis + Shiro + Jwt + Druid + Redis + ElementUI ）快速开发框架...

Jeebase

项目介绍

Jeebase是一款前后端分离的开源开发框架，基于springboot+vue（vue-element-admin）开发，二期会整合react前端框架Ant Design React。在实际应用中已经使用这套框架开发了CMS网站系统，社区论坛系统，微信小程序，微信服务号等，后面会逐步整理开源。

本项目主要目的在于整合主流技术框架，寻找应用最佳项目实践方案，实现可直接使用的快速开发框架。

github: https://github.com/wmz1930/Jeebase

gitee: https://gitee.com/wmz1930/Jeebase

软件架构

1. 使用Spring Boot + MyBatis + MyBatis-Plus + Shiro + Jwt + Druid + J2Cache + Ehcache + Redis + Vue2 + ElementUI + Swagger2等开源框架

2. 文件上传使用七牛云，发送短信使用阿里云

3. 权限设计使用RBAC模型，重写Shiro相关实现，结合Jwt实现前后端分离功能。

4. 使用J2Cache 实现二级缓存，便于小项目单机部署和大项目分布式部署之间的切换，当然主要是为了性能方面考虑。

5. 使用MyBatis-Plus实现后台带码的生成及简化相关sql代码的编写。

6. 前端使用开源前端框架[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)，在其基础上实现了后台配置菜单及权限。

功能说明

1. 前后端分离，菜单权限使用vue-element-admin原生方法和后台资源配置两种方案

2. 支持权限控制到按钮，命名规则参考shiro权限标签

3. 权限使用基于角色的权限控制RBAC模型，使用shiro+jwt的方案，可以控制到菜单，按钮。

4. 支持数据权限控制，使用AOP+mybatis插件动态修改执行语句

5. 定时任务考虑到分布式部署，所以使用xxl-job

6. 系统日志使用分布式实时日志分析解决方案ELK部署架构

目录说明

1. jeebase-service Java后台服务代码

2. jeebase-vue vue-element-admin 3.x版本的后台管理前端页面代码

3. jeebase-vue-v2 vue-element-admin 4.x版本的后台管理前端页面代码

4. jeebase-wechat 微信小程序及微信服务号前端页面代码

5. jeebase-wechat/jeebase-vant 以有赞vant为前端框架的微信服务号前端页面代码

6. jeebase-wechat/jeebase-color 以color为前端框架的微信小程序前端页面代码（因有赞vant的小程序前端框架侵入性太强，故选择ColorUI为前端框架）

项目界面

一、微信小程序界面

首页

商品分类页

购物车

element vue 动态单选_SpringBoot+Vue（MyBatis + Shiro + Jwt + Druid + Redis + ElementUI ）快速开发框架...相关推荐

element ui 前台模板_SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇（二）：引入 element-ui 定义基本页面显示...
前提: (1) 相关博文地址: SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y ...
Vue动态查询条件-Vue动态查询规则-Vue多条件分组组合查询-递归组件(一):前端
先看最终的效果: 最近项目上有一个需求,VUE前端要实现动态查询条件组件,后端就能够动态组装SQL. 要模仿人家Azure Devops的查询功能,我丢,Azure Devops是人家微软开发的个东西 ...
element vue 动态单选_软件更新丨vue-element-admin 4.0.0 beta 发布，后台集成方案
vue-element-admin 4.0.0 beta 发布了. vue-element-admin 是一个后台集成解决方案,它基于 vue 和 element.它使用了最新的前端技术栈,内置了 i ...
axios vue 动态date_Web前端Vue系列之-Vue.js 实战
课程简介: 课程目标:通过本课程的学习,让大家掌握Vue.js的进阶知识并在项目中应用. 适用人群:具有一定vue开发基础的开发人员. 课程概述:Vue (读音 /vjuː/,类似于 view) 是一 ...
vue人力管理_springboot+vue微人事人力资源管理系统，前后台分离源码
购买须知: (1)因送吗安装费用的调整,故需要安装的用户请先联络我们!无联络硬拍的慎重! (2)联络好了安装的用户请自行备好服务器域名等... (3)素质低下,贪小便宜,追求完美者请绕道! (4)手动 ...
VUE动态切换皮肤 VUE动态切换背景图片操作 / VUE 主题切换
上正文使用:root ,var()函数实现 1. 创建皮肤或主题 css目录一个公共主题文件 theme.css,一个main.js引入文件theme-all.css,一个单独的主题样式文件 ...
【推荐】微服务分布式企业框架Springmvc+mybatis+shiro+Dubbo+ZooKeeper+Redis
摘要: 主要定位于互联网企业架构,已内置企业信息化系统的基础功能和高效的代码生成工具,包括:系统权限组件.数据权限组件.数据字典组件.核心工具组件.视图操作组件.工作流组件.代码生成等.采用分层设计 ...
Vue 动态赋值 class
Vue 动态赋值 class Vue 在操作 DOM 元素的 class 属性时,有以下多种方法更多精彩更多技术博客,请移步 asing1elife's blog 比较通用的是否赋值方式通过以下 ...
Vue+Element表格动态列+表格分页
LayUI表格动态列及分页LayUI+JavaScript表格动态列+表格分页效果如图: 代码: 引用JQuery,Vue,Element等文件,换成自己的路径 <!DOCTYPE html& ...

element vue 动态单选_SpringBoot+Vue（MyBatis + Shiro + Jwt + Druid + Redis + ElementUI ）快速开发框架...

Jeebase

element vue 动态单选_SpringBoot+Vue（MyBatis + Shiro + Jwt + Druid + Redis + ElementUI ）快速开发框架...相关推荐

最新文章

热门文章