系统介绍
基于SpringBoot+Vue校园失物招领系统主要通过使用Java语言编码设计系统功能,MySQL数据库管理数据,AJAX技术设计简洁的、友好的网址页面,然后在IDEA开发平台中,编写相关的Java代码文件,接着通过连接语言完成与数据库的搭建工作,再通过平台提供的Tomcat插件完成信息的交互,最后在浏览器中打开系统网址便可使用本系统。本系统的使用角色可以被分为用户和管理员,用户具有注册、查看信息、留言信息等功能,管理员具有修改用户信息,发布寻物启事等功能。
技术选型
开发工具:idea2020.3+Webstorm2020.3(其他开发工具也可以)
运行环境:jdk1.8+maven3.6.0+MySQL5.7+nodejs14.21.3(此配置为小白调试所用,仅供参考)
服务端技术:Springboot+MybatisPlus
前端技术:html+css+Layui+jQuery+Vue+axios
成果展示
以下展示内容为部分功能,详细功能请查看演示视频
文档
用户端
登陆
首页
失物招领模块
个人中心模块
管理员端
登陆
失物信息管理
寻物启事管理
寻物启事详情
账号地址及其他说明
1.地址说明
前台登录页:http://localhost:8080/xiaoyuanshiwu/front/pages/login/login.html
管理员登录页:http://localhost:8081/#/login
2.账号说明
管理员:admin/admin
用户:a1/123456
3.运行说明
1、创建数据库xiaoyuanshiwu,导入数据库脚本
2、修改application.yaml中数据库配置信息,如下图
3、直接运行服务端项目
4、打开项目路径xiaoyuanshiwu\src\main\resources\admin\admin,打开cmd,执行yarn run serve
5、4启动成功后,分别访问上述路径
6、项目路径不要有中文,否则图片无法正常上传
源码获取
+Q裙看置顶公告获取:941095490
源码编号:058