【开源】基于Vue.js的校园失物招领管理系统的设计和实现


目录

  • 一、摘要
    • [1.1 项目介绍](#1.1 项目介绍)
    • [1.2 项目详细录屏](#1.2 项目详细录屏)
  • 二、研究内容
    • [2.1 招领管理模块](#2.1 招领管理模块)
    • [2.2 寻物管理模块](#2.2 寻物管理模块)
    • [2.3 系统公告模块](#2.3 系统公告模块)
    • [2.4 感谢留言模块](#2.4 感谢留言模块)
  • 三、界面展示
    • [3.1 登录注册](#3.1 登录注册)
    • [3.2 招领模块](#3.2 招领模块)
    • [3.3 寻物模块](#3.3 寻物模块)
    • [3.4 公告模块](#3.4 公告模块)
    • [3.5 感谢留言模块](#3.5 感谢留言模块)
    • [3.6 系统基础模块](#3.6 系统基础模块)
  • 四、免责说明

一、摘要

1.1 项目介绍

基于Vue+SpringBoot+MySQL的校园失物招领管理系统,包含项目全部源码、数据库脚本、功能文档、开题报告、文献综述、外文翻译、中检报告、PPT,项目编号S006。

校园失物招领管理系统包含的失物招领模块、失物寻物模块、招领公告模块、感谢留言模块 ,还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示 等基础模块,校园失物招领管理系统系统基于角色的访问控制,给校园管理员和普通用户使用,可将权限精确到按钮级别,您可以自定义角色并分配权限,系统适合设计精确的权限约束需求。

  • 前端:Vue 2.7.10

  • 后端:Spring Boot 3.1.10

  • 数据库:MySQL 8.0.31

1.2 项目详细录屏

源码下载


二、研究内容

失物招领是一项社会公共服务,可用于帮助丢失物品的人民群众,包括收集失物者以及招领者。失物招领处一般设置在公共场所,如高铁站、机场、大型购物中心等,在高校中也有固定的失物招领处。失物招领这项服务的目的是为了提高社会的资源利用效率,减少公共资源的浪费,增进人民群众的相互信任与彼此合作。随着我们大学的扩大,大学生的数量也在增加。许多学生,看到遗弃的物品,很少小心翼翼地捡起物品。通过校园搭建失物招领管理系统,方便学生拾取失物,是一种快捷、高效、实用的方法。失物招领系统的目的是为拾物者和失物者搭建一个信息传递平台。失物招领系统可以让每个人都知道失物招领的具体情况,失物人可以通过系统发布采集信息,物品主人还可以查看自己的物品是否已被收集并移交给失物招领中心,并向相应的人表示感谢。这样做,我们可以避免人们财产上的损失,加强人与人之间的沟通和信任,校园失物招领管理系统,对于大学生来说,堪称是一个充满活力的新元素系统。

2.1 招领管理模块

招领管理模块可以帮助管理员对发布的招领信息进行管理,包括审核、修改、删除等操作,确保信息真实、及时、完整。失物招领平台需要一个招领管理模块,方便管理员管理招领信息,检索和匹配失物和招领,从而提高匹配准确率和效率。招领管理模块可以帮助管理员优化招领处理的流程,并通过自动化、智能化的手段,实现快速、准确的招领信息处理。招领管理模块需要采取多重身份认证、安全加密等措施,保障用户信息和数据的安全性和隐私性。招领管理模块可以为管理员提供详尽的招领统计分析报告,包括招领数量、种类、归还率等,为平台的运营和管理提供决策参考。综上所述,招领管理模块是一款必不可少的软件模块,可以协助管理员优化和管理招领信息,提高匹配准确性和招领处理效率,保障用户的沟通交流安全,为失物招领平台的运营管理提供重要支持。

2.2 寻物管理模块

寻物管理模块可以帮助管理员管理寻物信息,筛选和匹配相关线索,从而提高匹配准确率和效率。寻物管理模块可以为各级管理员提供不同的服务管理权限,例如增加、编辑、删除寻物信息等,以便更好地管理用户发布的信息。寻物管理模块可以帮助管理员优化寻物处理的流程,并通过自动化、智能化的手段,实现快速、准确的寻物信息处理。寻物管理模块需要采取多重身份认证、安全加密等措施,保障用户信息和数据的安全性和隐私性。寻物管理模块可以为管理员提供详尽的寻物统计分析报告,包括寻物数量、种类、匹配率等,为平台的运营和管理提供决策参考。综上所述,寻物管理模块是一款必不可少的软件模块,可以协助管理员优化和管理寻物信息,提高匹配准确性和寻物处理效率,保障用户的沟通交流安全,为失物招领平台的运营管理提供重要支持。

2.3 系统公告模块

系统公告模块可以在失物招领平台上发布通知、公告等信息,例如平台更新、特别活动、重大事件等,让用户及时了解到相关信息。系统公告模块可以通过发布操作规范和注意事项,提醒用户合理使用失物招领平台,防止不当言行或违法行为的发生。系统公告模块可以发布平台管理规定、举报制度等,引导用户自觉服从平台管理,维护平台的良好秩序和形象。系统公告模块还可以收集用户的反馈意见和建议,以便平台更好地满足用户需求,优化服务体验。系统公告模块可以保证平台运营过程的公开透明性,向公众展示平台的运作状态和发展方向,增强用户对平台的信任感和满意度。综上所述,系统公告模块是失物招领平台中不可缺少的一部分,可以帮助平台及时向用户传递信息并提醒用户操作规范,收集用户反馈以及维护平台秩序、公开透明等。

2.4 感谢留言模块

感谢留言模块可以让失主和捡到者之间实现感恩回馈,这有助于建立互信、友好的社区氛围,提高公众对失物招领服务的认可度和满意度 。感谢留言模块可以为用户提供一个反馈渠道,让用户可以表达对失物招领平台服务的看法和建议,从而帮助平台优化服务质量和用户体验。感谢留言模块可以鼓励更多的人参与到失物招领服务中来,促进社会正义和公德心的发扬。感谢留言模块可以为平台用户建立社交互动的纽带,通过分享经验、互相帮助等方式,增强用户的归属感和参与感。感谢留言模块可以让失主和物品捡到者直接沟通交流,有助于补充信息的完整性和详情,提高失物招领的匹配准确率。综上所述,感谢留言模块是失物招领平台不可或缺的一部分,可以为用户提供反馈渠道、鼓励行善、建立互动关系等,有助于提高公众对失物招领服务的认可度和满意度,提升整个平台的价值和品牌形象。

三、界面展示

3.1 登录注册

java 复制代码
@RequestMapping(value = "/regist", method = RequestMethod.POST)
@ApiOperation(value = "注册用户")
public Result<Object> regist(@Valid User u){
    u.setEmail(u.getMobile() + "@qq.com");
    QueryWrapper<User> userQw = new QueryWrapper<>();
    userQw.and(wrapper -> wrapper.eq("username", u.getUsername()).or().eq("mobile",u.getMobile()));
    if(iUserService.count(userQw) > 0L) {
        return ResultUtil.error("登录账号/手机号重复");
    }
    String encryptPass = new BCryptPasswordEncoder().encode(u.getPassword());
    u.setPassword(encryptPass).setType(0);
    iUserService.saveOrUpdate(u);
    QueryWrapper<Role> roleQw = new QueryWrapper<>();
    roleQw.eq("default_role",true);
    List<Role> roleList = iRoleService.list(roleQw);
    if(roleList.size() > 0){
        for(Role role : roleList) {
            iUserRoleService.saveOrUpdate(new UserRole().setUserId(u.getId()).setRoleId(role.getId()));
        }
    }
    return ResultUtil.data(u);
}

3.2 招领模块

java 复制代码
@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询招领")
public Result<IPage<Draw>> getByPage(@ModelAttribute Draw draw ,@ModelAttribute PageVo page){
    QueryWrapper<Draw> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(draw.getTitle())) {
        qw.like("title",draw.getTitle());
    }
    if(!ZwzNullUtils.isNull(draw.getContent())) {
        qw.like("content",draw.getContent());
    }
    IPage<Draw> data = iDrawService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<Draw>>().setData(data);
}
java 复制代码
@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增招领")
public Result<Draw> insert(Draw draw){
    User currUser = securityUtil.getCurrUser();
    draw.setUserId(currUser.getId());
    iDrawService.saveOrUpdate(draw);
    return new ResultUtil<Draw>().setData(draw);
}

3.3 寻物模块

java 复制代码
@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询寻物")
public Result<IPage<LookThings>> getByPage(@ModelAttribute LookThings lookThings ,@ModelAttribute PageVo page){
    QueryWrapper<LookThings> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(lookThings.getTitle())) {
        qw.like("title",lookThings.getTitle());
    }
    if(!ZwzNullUtils.isNull(lookThings.getContent())) {
        qw.like("content",lookThings.getContent());
    }
    IPage<LookThings> data = iLookThingsService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<LookThings>>().setData(data);
}
java 复制代码
@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增寻物")
public Result<LookThings> insert(LookThings lookThings){
    User currUser = securityUtil.getCurrUser();
    lookThings.setUserId(currUser.getId());
    iLookThingsService.saveOrUpdate(lookThings);
    return new ResultUtil<LookThings>().setData(lookThings);
}

3.4 公告模块

java 复制代码
@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询公告")
public Result<IPage<News>> getByPage(@ModelAttribute News news ,@ModelAttribute PageVo page){
    QueryWrapper<News> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(news.getTitle())) {
        qw.like("title",news.getTitle());
    }
    if(!ZwzNullUtils.isNull(news.getContent())) {
        qw.like("content",news.getContent());
    }
    IPage<News> data = iNewsService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<News>>().setData(data);
}
java 复制代码
@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增公告")
public Result<News> insert(News news){
    iNewsService.saveOrUpdate(news);
    return new ResultUtil<News>().setData(news);
}

3.5 感谢留言模块

java 复制代码
    @RequestMapping(value = "/getByPage", method = RequestMethod.GET)
    @ApiOperation(value = "查询留言")
    public Result<IPage<Message>> getByPage(@ModelAttribute Message message ,@ModelAttribute PageVo page){
        QueryWrapper<Message> qw = new QueryWrapper<>();
        if(!ZwzNullUtils.isNull(message.getContent())) {
            qw.like("content",message.getContent());
        }
        if(!ZwzNullUtils.isNull(message.getUserName())) {
            qw.like("user_name",message.getUserName());
        }
        IPage<Message> data = iMessageService.page(PageUtil.initMpPage(page),qw);
        return new ResultUtil<IPage<Message>>().setData(data);
    }
java 复制代码
@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增留言")
public Result<Message> insert(Message message){
    User currUser = securityUtil.getCurrUser();
    message.setUserId(currUser.getId());
    message.setUserName(currUser.getNickname());
    message.setTime(DateUtil.now());
    message.setReplyContent("");
    message.setReplyName("");
    message.setReplyId("");
    message.setReplyTime("");
    iMessageService.saveOrUpdate(message);
    return new ResultUtil<Message>().setData(message);
}
java 复制代码
@RequestMapping(value = "/update", method = RequestMethod.POST)
@ApiOperation(value = "回复留言")
public Result<Message> update(Message message){
    User currUser = securityUtil.getCurrUser();
    message.setReplyName(currUser.getNickname());
    message.setReplyId(currUser.getId());
    message.setReplyTime(DateUtil.now());
    iMessageService.saveOrUpdate(message);
    return new ResultUtil<Message>().setData(message);
}

3.6 系统基础模块







四、免责说明

  • 本项目仅供个人学习使用,商用授权请联系博主,否则后果自负。
  • 博主拥有本软件构建后的应用系统全部内容所有权及独立的知识产权,拥有最终解释权。
  • 如有问题,欢迎在仓库 Issue 留言,看到后会第一时间回复,相关意见会酌情考虑,但没有一定被采纳的承诺或保证。

下载本系统代码或使用本系统的用户,必须同意以下内容,否则请勿下载!

  1. 出于自愿而使用/开发本软件,了解使用本软件的风险,且同意自己承担使用本软件的风险。
  2. 利用本软件构建的网站的任何信息内容以及导致的任何版权纠纷和法律争议及后果和博主无关,博主对此不承担任何责任。
  3. 在任何情况下,对于因使用或无法使用本软件而导致的任何难以合理预估的损失(包括但不仅限于商业利润损失、业务中断与业务信息丢失),博主概不承担任何责任。
  4. 必须了解使用本软件的风险,博主不承诺提供一对一的技术支持、使用担保,也不承担任何因本软件而产生的难以预料的问题的相关责任。
相关推荐
鑫~阳1 小时前
html + css 淘宝网实战
前端·css·html
Catherinemin1 小时前
CSS|14 z-index
前端·css
漫天转悠1 小时前
Vue3项目中引入TailwindCSS(图文详情)
vue.js
是小崔啊1 小时前
开源轮子 - EasyExcel02(深入实践)
java·开源·excel
qq_589568102 小时前
Echarts+vue电商平台数据可视化——后台实现笔记
vue.js·信息可视化·echarts
2401_882727573 小时前
低代码配置式组态软件-BY组态
前端·后端·物联网·低代码·前端框架
NoneCoder3 小时前
CSS系列(36)-- Containment详解
前端·css
anyup_前端梦工厂3 小时前
初始 ShellJS:一个 Node.js 命令行工具集合
前端·javascript·node.js
5hand3 小时前
Element-ui的使用教程 基于HBuilder X
前端·javascript·vue.js·elementui
GDAL3 小时前
vue3入门教程:ref能否完全替代reactive?
前端·javascript·vue.js