【精品源码】校园失物招领平台+SpringBoot+VUE+前后端分离+安装与部署

今天带来一款精品源码：”校园失物招领平台“ ， 本文介绍了系统功能与部署安装步骤，如果您有任何问题，也请联系我，偶现在是经验丰富的程序员！

本人只做精品源码，请看演示的视频效果：

https://githubs.xyz/show/59c3f872-e908-49e7-a3c6-e856a534912b...

一. 系统概述

这是一个基于 Spring Boot + Vue.js 开发的校园失物招领平台系统，旨在为校园用户提供一个便捷的平台，用来找寻和发布丢失的物品。支持物品的自定义分类，用户认领物品等基础功能。还扩展了校园资讯，新闻信息等，用户可以自由留言等，还有着一套完善的用户权限体系，支持普通用户和管理员。

前端功能概述
1. 首页展示

• 展示网站轮播图。
• 最新的校园资讯信息。
• 最新的丢失物品。

2. 系统公告

• 后台管理员编辑的公告列表。
• 公告的详情。

3. 用户注册和登录

• 用户可以注册账号并登录。

4. 校园资讯

• 展示后台管理维护的校园资讯列表。
• 支持图标，点赞，浏览量，创建时间等属性，还有排序+筛选。
• 支持资讯的文章详情展示。还有评论。

5. 物品招领

• 支持根据关键词，物品类别进行丢失物品的搜索。
• 物品分页列表支持：物品名称，描述，捡到的地点，物品类别，捡到的时间 等属性展示。
• 物品详情支持收藏和评论，还可以支持当前用户发起认领物品。

6. 个人中心

• 个人资料的展示，支持修改昵称，头像。
• 密码修改。
• 我的收藏。

SQL文件与全部源码我已整理清楚，移步获取：

gitcode（ 典 ） C 〇 M/hadluo2/springboot_vue.git 

系统测试部分截图

后台管理截图

 

 

 

前端截图

 

  

   

二. 技术栈概述

后端技术栈：

JDK8 + springboot2.2.5 + mysql8

前端技术栈：

vue + Axios 等  

SQL文件与全部源码我已整理清楚，移步获取：

gitcode（ 典 ） C 〇 M/hadluo2/springboot_vue.git 

三. 系统部署

前端部署打开node安装包。双击进行安装。一定要安装这个版本。

 进入到管理后台项目 school-web-admin 目录下， 右键，运行cmd，运行下面命令：

npm run dev 

由于我已经跟你npm install好了，所以你无需执行，直接run就可以了！！运行项目

   进入到前端项目 school-web-h5 目录下， 右键，运行cmd，运行下面命令： 

npm run serve 

运行项目

  到此前端项目部署完成。 

执行sql

自己安装好数据库，注意，必须是mysql8 ，否则代码运行会出错。新建一个wxhadluo-school数据库， 然后执行  “wxhadluo-school.sql” 

然后部署后端 ， 打开idea， 导入maven工程 school-server。打开resources目录， 修改 application.yml 配置文件，主要修改下面几个信息：

 图片上传就是上传到了 static目录，所以路径一定要对，否则图片会不显示！！！  

然后启动  main 启动类 Application

四. 访问项目

后台管理：

http://localhost:8080/

前端：

http://localhost:8081/ 

五. 结尾语

我们只做精品源码！！！欢迎关注我，我是专门分享源码技术。有问题也请联系我！