系统介绍
基于SpringBoot+Vue实现的垃圾分类管理系统采用前后端分离的架构方式,系统基于若依框架开发,实现了用户登录预注册,系统管理,包括用户管理、角色管理、菜单管理等,内容管理,包括文章管理、分类管理、随笔管理、标签管理、留言管理、视频教程管理、文件管理等功能。
技术选型
开发工具:idea2020.3+Webstorm2020.3
运行环境:jdk1.8+maven3.6.0+MySQL8+nodejs14.21.3+Redis
服务端技术:Springboot+Mybatis+SpringSecurity+若依框架
前端技术:html+css+Vue2+axios+Element-UI+若依
成果展示
用户登录

用户注册

管理端
首页

个人中心

系统管理->用户管理

系统管理->角色管理

系统管理->角色授权

系统管理->菜单管理

系统管理->日志管理->操作日志

内容管理->文章管理

内容管理->文章管理->编辑

内容管理->随笔管理

内容管理->分类管理

内容管理->标签管理

内容管理->留言管理

内容管理->评论管理

内容管理->文件管理

内容管理->轮播图管理

内容管理->视频教程管理


发布视频
内容管理->测试题目管理

系统监控->服务监控

系统监控->缓存监控

前台
首页

题目测试

资源详情

时间线

留言

分类教程

视频播放

文档

项目视频

文档源图(使用visio打开可直接修改)

源码展示
@RestController
@RequestMapping("/cms/blog")
publicclass CmsBlogController extends BaseController {
@Autowired
private ICmsBlogService cmsBlogService;
@Autowired
private ICmsTypeService cmsTypeService;
@Autowired
private ICmsTagService cmsTagService;
@Autowired
private SysPermissionService permissionService;
@Autowired
private ISysFileInfoService sysFileInfoService;
/**
* 首页查询文章列表
*/
@GetMapping("/cms/cmsList")
public TableDataInfo cmsList(CmsBlog cmsBlog) {
startPage();
//状态为发布
cmsBlog.setStatus("1");
List<CmsBlog> list = cmsBlogService.selectCmsBlogList(cmsBlog);
return getDataTable(list);
}
/**
* 查询文章管理列表
*/
@PreAuthorize("@ss.hasPermi('cms:blog:list')")
@GetMapping("/list")
public TableDataInfo list(CmsBlog cmsBlog) {
startPage();
// 角色集合
Set<String> roles = permissionService.getRolePermission(getLoginUser().getUser());
if (!SecurityUtils.isAdmin(getUserId()) && !roles.contains("admin") && !roles.contains("cms")) {
cmsBlog.setCreateBy(getUsername());
}
List<CmsBlog> list = cmsBlogService.selectCmsBlogList(cmsBlog);
return getDataTable(list);
}
/**
* 导出文章管理列表
*/
@PreAuthorize("@ss.hasPermi('cms:blog:export')")
@Log(title = "文章管理", businessType = BusinessType.EXPORT)
@PostMapping("/export")
public void export(HttpServletResponse response, CmsBlog cmsBlog) {
List<CmsBlog> list = cmsBlogService.selectCmsBlogList(cmsBlog);
ExcelUtil<CmsBlog> util = new ExcelUtil<CmsBlog>(CmsBlog.class);
util.exportExcel(response, list, "文章管理数据");
}
}
账号地址及其他说明
1、地址说明
2、账号说明
管理员:admin/admin123
用户:自行注册
3、目录结构展示

4、项目结构展示

5、以上系统源码,经过博主整理与调试,确保能正常运行!
6、制作不易,点赞、在看、分享再走吧,您的支持永远是我最大的动力!
7、运行步骤
1、创建数据库、导入sql脚本
2、修改application.yml中的数据库配置文件,启动服务端
3、在前端根目录下打开cmd,执行npm install或者yarn install下载依赖
4、下载完毕后启动前端npm run serve,访问端口