系统介绍
基于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、地址说明
登录页:http://localhost/cmsLogin
2、账号说明
管理员：admin/admin123
用户：自行注册
3、目录结构展示
4、项目结构展示
5、以上系统源码，经过博主整理与调试，确保能正常运行!
6、制作不易，点赞、在看、分享再走吧，您的支持永远是我最大的动力！
7、运行步骤
1、创建数据库、导入sql脚本
2、修改application.yml中的数据库配置文件，启动服务端
3、在前端根目录下打开cmd，执行npm install或者yarn install下载依赖
4、下载完毕后启动前端npm run serve，访问端口
