elementui 展示列表模板_SpringBoot+Vue+ElementUI+动态菜单模版

这是一个基于Vue和Element-UI的管理系统基础模板,包括系统用户、菜单、权限、调度任务等功能。前端使用vue+element-ui,后端使用spring-boot,实现了前后端分离。项目中,权限控制采用Shiro框架,定时任务使用Quartz。提供了一套完整的系统架构,方便开发者快速进行业务功能开发。
摘要由CSDN通过智能技术生成

管理系统模版

前言

一套管理系统基础模版,提供了些基础功能(包含:系统用户,菜单,权限,调度任务,常量,数据字典等功能) 方便开发人员专注于业务功能开发。

项目前后端分离,前端采用 vue+element-ui,后端采用 spring-boot

项目地址:

项目简介

项目结构

前端

src -- 源码目录

├── api -- API

├── assets -- 图片资源文件

├── components -- 通用组件

├── directive -- vue指令

├── filters -- 过滤器

├── lang -- 国际化配置

├── icons -- svg文件

├── router -- 路由配置

├── store -- vuex状态管理

├── styles -- 全局css样式

├── utils -- 工具类

└── views -- 页面组件

├── app -- 应用管理(小程序)

├── dashboard -- 首页

├── errorPage -- 错误页面

├── layout -- 布局页面

├── login -- 登录页

├── profile -- 个人配置

├── svg-icons -- 图标

├── system -- 系统管理

├── components -- 页面级别组件

├── sysApiListManager -- 接口列表

├── sysAuthorityManager -- 接口权限

├── sysDicManager -- 常量管理

├── sysJobManager -- 定时任务

├── sysJobRunLogManager -- 定时任务日志

├── sysMenuManager -- 菜单管理

├── sysMetadataManager -- 数据字典

├── sysOptLogManager -- 操作日志

├── sysRegionManager -- 地区管理

├── sysRoleManager -- 角色管理

├── sysUserManager -- 系统用户管理

├── user -- C端用户管理

├── userLoginManager -- C端用户列表

后端

shop-server

├── install -- 脚本文件

├── shop-server-api -- 公共模块(包含 model mapper 工具配置类等)

├── shop-server-app (包含 H5登录,各类小程序登录)

├── shop-server-mgt

运行架构

​体量小的项目实行单一运行架构,nginx 完全承担了静态文件服务器,和后端应用代理。

如需CDN,或者后端扩展,具体部署架构根据自身项目情况而定。

7ca3d2c198483f6b3e27abffc20f66ae.png

基本功能

权限

权限设计分为前端和后端,前端根据后台返回的数据控制菜单页面显示与隐藏。

后端采用Shiro框架实现权限的控制。

01dcd70359d03f7be480e0ecd801dfcf.png

用户权限数据库表模型

486f8a236d1e6e2fb7afa33efc391359.png

项目前端界面:

a3d4e4b611c294d8a95104448d44b584.png

2eb69e9924f719ca872a00629e036541.png

1b068f75b95d9448c5fbf6d96c53372d.png

定时任务

定时任务采用quartz 进行简单 封装实现。

55baf0118ab1fd35b57883df53da8611.png

数据库模型

fd8ec190523e8f9415b37796772f00eb.png

项目前端界面

f1b81fcdec3228d5bf18a77f96849ffc.png

2ba5b8ad42db6b96e8446e34d93682dd.png

3c33c856411e104551cf97e2af2ec57e.png

7a122f7b2f25b20cd6b22584d607ddc8.png

其它

数据字典

b2acea89212efe3033d94c0bdfe25d2b.png

总结

项目正在起步阶段,目前完成1.0.0,待测试。后续开发计划.....

项目1.x 分支基础模版(后续会继续更新)

计划新增2.x分支,添加业务功能(如:订单,商品等)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值