SpringBoot校园失物招领信息平台
SpringBoot校园失物招领信息平台
文章目录
- SpringBoot校园失物招领信息平台
- 1、技术栈
- 2、项目说明
- 2.1、登录注册
- 2.2、管理员端截图
- 2.3、用户端截图
- 3、核心代码实现
- 3.1、前端首页
- 3.2、前端招领广场
- 3.3、后端业务处理
1、技术栈
本项目采用前后端分离的架构,前端和后端分别使用了不同的技术栈,以实现高效的开发和良好的用户体验。
前端:
- Vue: 作为核心的渐进式 JavaScript 框架,Vue 提供了强大的组件化开发能力,使得前端界面的构建更加灵活和高效。通过 Vue 的响应式数据绑定和组件系统,可以轻松构建复杂的用户界面,并实现数据的实时更新。
- axios: 一个基于 Promise 的 HTTP 客户端,用于前端与后端进行数据交互。axios 提供了简洁易用的 API,支持请求拦截、响应拦截、请求取消等功能,方便地处理前后端通信。
- Element UI: 一套基于 Vue 2.0 的桌面端组件库。Element UI 提供了丰富的 UI 组件,如表格、表单、按钮、弹窗等,可以快速构建美观且功能完善的用户界面,提升开发效率。
- Apache ECharts: 一个强大、灵活且易用的数据可视化库。在本项目中,ECharts 用于生成各种图表,例如平台物品数量统计、失物招领物品数量占比等,以直观地展示平台数据,帮助管理员更好地了解平台运营情况。
后端:
- Springboot: 基于 Spring 框架的快速开发框架。Springboot 简化了 Spring 应用的搭建和开发过程,提供了自动配置、内嵌式服务器等功能,使得后端开发更加便捷高效。
- MySQL: 一款流行的关系型数据库管理系统。MySQL 用于存储平台的所有数据,包括用户信息、失物信息、招领信息、公告信息等。其稳定性和可靠性为平台的正常运行提供了保障。
- Mybatis: 一款优秀的持久层框架。Mybatis 通过 XML 或注解的方式配置 SQL 语句,将 Java 对象与数据库记录进行映射,简化了数据库操作,提高了开发效率。
- 阿里云 OSS: 阿里云对象存储服务。OSS 用于存储用户上传的失物和招领物品的图片,提供了高可用、高可靠、安全的数据存储服务,确保图片的稳定存储和访问。
2、项目说明
失物招领管理系统采用前后端分离的设计思想,清晰地划分了管理员和用户两种角色,为不同用户提供定制化的功能和服务。
- 角色划分:
- 管理员: 拥有平台的最高权限,负责维护平台信息,包括发布和管理公告、查看和管理失物信息、查看和管理招领信息、管理用户等。管理员通过后台管理界面对平台进行全面的管理和监控。
- 用户: 普通用户可以在平台上发布失物信息和招领信息,查找自己丢失的物品或捡到的物品。用户可以浏览公告、查看失物广场和招领广场的信息,并与物品发布者进行联系。
2.1、登录注册
系统提供了完善的登录注册功能,确保用户身份的合法性。
- 登录: 用户通过输入用户名、密码和选择角色(管理员或用户)进行登录。登录成功后,系统会根据用户的角色跳转到相应的界面。登录界面设计简洁明了,背景图采用了充满科技感的火箭发射场景,寓意着平台的快速发展和便捷服务。
- 注册: 新用户可以通过注册功能创建自己的账号。注册时需要填写用户名、密码等信息。注册成功后,用户即可使用新创建的账号登录平台。注册功能为用户提供了便捷的平台入口。
登录
注册
2.2、管理员端截图
管理员端提供了丰富的功能模块,方便管理员对平台进行全面的管理。
- 系统首页: 系统首页提供了平台数据的概览,通过 ECharts 图表直观展示了平台所有物品数量的统计、平台招领物品数量的占比、失物广告物品数量的占比等数据,帮助管理员快速了解平台的运营状况。
- 信息管理:
- 公告信息: 管理员可以在此模块发布、编辑和删除平台公告。公告信息会显示在用户端的主页,方便用户及时了解平台的重要通知和活动。
- 失物信息: 管理员可以查看所有用户发布的失物信息,包括物品名称、描述、图片、状态(丢失中、已找回)、发布时间等。管理员可以对失物信息进行编辑或删除操作。
- 招领信息: 管理员可以查看所有用户发布的招领信息,包括物品名称、描述、图片、状态(未找到失主、已找到失主)、发布时间等。管理员可以对招领信息进行编辑或删除操作。
- 平台建议: 用户可以通过反馈建议模块向平台提交建议,管理员可以在此查看和处理用户的建议。
- 用户管理: 管理员可以查看所有注册用户的信息,包括用户名、密码、头像、身份(普通用户)、注册时间等。管理员可以对用户信息进行编辑或删除操作。
系统首页
公告信息
失物信息
用户管理
2.3、用户端截图
用户端提供了便捷的功能,方便用户发布和查找失物招领信息。
- 主页: 用户登录后的主页展示了最新的平台公告和最新发布的失物信息,方便用户快速获取重要信息和关注最新动态。主页设计简洁友好,提供了失物广场、招领广场和反馈建议的入口。
- 失物广场: 失物广场展示了所有用户发布的失物信息,用户可以通过搜索功能查找特定的失物。每条失物信息都包含物品名称、图片、描述、发布时间等信息。用户可以点击“查看详情”查看更详细的信息,或点击“联系失主”与物品发布者取得联系。
- 招领广场: 招领广场展示了所有用户发布的招领信息,用户可以通过搜索功能查找特定的招领物品。每条招领信息都包含物品名称、图片、描述、发布时间等信息。用户可以点击“查看详情”查看更详细的信息,或点击“联系ta”与物品发布者取得联系。
- 反馈建议: 用户可以在此模块向平台提交反馈和建议,帮助平台改进服务。
- 个人中心: 用户可以在个人中心查看和修改自己的信息,包括用户名、密码、头像等。
主页
失物广场
招领广场
反馈建议
个人中心
3、核心代码实现
3.1、前端首页
创建父组件
<template><div class="common-layout"><el-container><el-header class="header"><div class="header-left"><img src="@/assets/lostLogo.png" alt="logo" class="logo" width="40px" height="40px"><span class="logo-text">失物招领平台</span></div><div class="nav-links"><router-link to="/home"><el-button type="button" class="nav-button">首页</el-button></router-link><router-link to="/LostPropertySquare"><el-button class="nav-button">失物广场</el-button></router-link><router-link to="/FoundPropertySquare"><el-button class="nav-button" >招领广场</el-button></router-link><router-link to="/feedback"><el-button class="nav-button" >反馈建议</el-button></router-link></div><div><AuthButtons v-if="token === null" /><ExitsLogin v-else /></div></el-header><el-main><div class="centered-content" style="width: 80%; height: 100%; margin: 0 auto;"><router-view></router-view></div></el-main></el-container></div>
</template><script setup lang="ts">
import { ref, onMounted } from 'vue'
import { useRouter } from 'vue-router'
import AuthButtons from '@/views/AuthButtons.vue'
import ExitsLogin from '@/views/ExitsLogin.vue'const router = useRouter()
const token = ref<string | null>(null)onMounted(() => {token.value = localStorage.getItem('token')router.push('/home')console.log('token:',token.value)
})</script><style scoped>
.header {background-color: #f8cf47;color: white;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;
}
.header-left {display: flex;align-items: center;
}
.logo {margin-right: 10px;
}
.nav-links {display: flex;
}
.nav-button {font-size: 18px;margin: 0 10px;background-color: transparent;color: #ffffff;border: none;right: 250px;position: relative;transition: color 0.3s;
}
.nav-button:hover {background-color: transparent;color: white;font-weight: bold;
}
.nav-button::after {content: '';display: block;width: 100%;height: 2px;background-color: white;position: absolute;bottom: -5px;left: 0;transform: scaleX(0);transition: transform 0.3s;
}
.nav-button:hover::after {transform: scaleX(1);
}
.header-right {display: flex;align-items: center;
}
.header-right el-button {background-color: transparent;color: #f0f0f0;border: none;
}
.header-right el-button:hover {background-color: #f0f0f0;
}
.logo-text {color: #fdfdfd;font-size: 20px;font-weight: bold;margin-left: 5px;/* 垂直居中 */display: flex;justify-content: center;
}
.centered-content {text-align: center;background-color: transparent;border-radius: 8px;
}
.info-container {display: flex;justify-content: space-between;width: 80%;margin: 20px auto;gap: 10px;min-height: 300px;
}
.announcement-board {width: 48%;margin: 0;
}
.announcement-card {background-color: #fff;border-radius: 8px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);height: 100%;
}
.announcement-header {display: flex;align-items: center;gap: 12px;font-size: 18px;font-weight: bold;color: #333;padding: 10px 15px;
}
.announcement-icon {font-size: 20px;color: #f8cf47;
}
.announcement-content {padding: 15px 0;min-height: 250px;
}
.announcement-item {display: flex;align-items: center;gap: 10px;padding: 12px 15px;border-bottom: 1px solid #eee;font-size: 15px;text-align: left;
}
.announcement-item:last-child {border-bottom: none;
}
.announcement-date {margin-left: auto;color: #999;font-size: 12px;
}
.latest-lost {width: 48%;
}
.latest-card {background-color: #fff;border-radius: 8px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);height: 100%;
}
.latest-header {display: flex;align-items: center;gap: 12px;font-size: 18px;font-weight: bold;color: #333;padding: 10px 15px;
}
.latest-icon {font-size: 20px;color: #f8cf47;
}
.latest-content {padding: 15px 0;min-height: 250px;
}
.latest-item {display: flex;align-items: center;gap: 12px;padding: 10px 15px;border-bottom: 1px solid #eee;
}
.latest-item:last-child {border-bottom: none;
}
.item-image {width: 50px;height: 50px;border-radius: 4px;
}
.item-info {flex: 1;
}
.item-title {font-size: 14px;color: #333;margin-bottom: 4px;
}
.item-time {font-size: 12px;color: #999;
}
</style>
创建子组件
<template><div><div class="block text-center"><el-carousel height="350px" width="100%"><el-carousel-item v-for="(image, index) in images" :key="index"><img :src="image" alt="carousel image" class="carousel-image" /></el-carousel-item></el-carousel></div><div class="info-container"><div class="announcement-board"><el-card class="announcement-card"><template #header><div class="announcement-header"><el-icon class="announcement-icon"><Bell /></el-icon><span>公告栏</span></div></template><div class="announcement-content"><el-scrollbar height="200px"><div v-for="(item, index) in announcements" :key="index" class="announcement-item"><el-icon><InfoFilled /></el-icon><span class="clickable" @click="showAnnouncementDetail(item)">{{ item.title }}</span><span class="announcement-date">{{ formatDateTime(item.createTime) }}</span></div></el-scrollbar></div></el-card></div><div class="latest-lost"><el-card class="latest-card"><template #header><div class="latest-header"><el-icon class="latest-icon"><Timer /></el-icon><span>最新发布</span></div></template><div class="latest-content"><el-scrollbar height="200px"><div v-for="(item, index) in latestItems" :key="index" class="latest-item"><el-image :src="item.image" fit="cover" class="item-image"></el-image><div class="item-info"><div class="item-title">{{ item.name }}</div><div class="item-time">{{ formatDateTime(item.date) }}</div><div class="item-description">{{ item.description }}</div></div></div></el-scrollbar></div></el-card></div></div><!-- Add dialog component --><el-dialogv-model="dialogVisible":title="selectedAnnouncement.title"width="30%"><span>{{ selectedAnnouncement.content }}</span><template #footer><span class="dialog-footer"><el-button @click="dialogVisible = false">关闭</el-button></span></template></el-dialog></div>
</template><script setup lang="ts">
import { ref, onMounted } from 'vue';
import { getBanner, getAnnouncement,getNewLost } from '@/api/api';
import { Bell, InfoFilled, Timer } from '@element-plus/icons-vue'const images = ref<string[]>([]);
// Add announcement and latest items data
const announcements = ref([{id: 1,title: '欢迎使用失物招领平台!', content: '欢迎使用失物招领平台!', createTime: '2024-03-20',userId: 1 },{id: 2,title: '请文明发布信息,共建和谐社区。', content: '请文明发布信息,共建和谐社区。', createTime: '2024-03-19',userId: 2 },{id: 3,title: '新功能上线:现在可以更方便地搜索失物了!', content: '新功能上线:现在可以更方便地搜索失物了!', createTime: '2024-03-18',userId: 3 },
]);const latestItems = ref([{ name: '蓝色钱包',date: [1,2,20, 15, 30],image: 'path/to/image1.jpg',description: '蓝色钱包,内有身份证、银行卡等重要物品。'},{ name: '学生证',date: [1,2,20, 15, 30],image: 'path/to/image2.jpg',description: '学生证,内有学生姓名、学号、照片等信息。' },
]);const formatDateTime = (timeArray: number[]) => {if (!Array.isArray(timeArray)) return '';const [year, month, day, hour, minute, second] = timeArray;return `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')} ${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}`;
}// Add new refs for dialog
const dialogVisible = ref(false);
const selectedAnnouncement = ref({title: '',content: ''
});// Add click handler
const showAnnouncementDetail = (item: any) => {selectedAnnouncement.value = item;dialogVisible.value = true;
};onMounted(async () => {let res = await getBanner();let res2 = await getAnnouncement();let res3 = await getNewLost();images.value = res.data.data;announcements.value = res2.data.data;latestItems.value = res3.data.data;
});</script><style scoped>
.demonstration {color: var(--el-text-color-secondary);
}.el-carousel__item h3 {color: #475669;opacity: 0.75;line-height: 150px;margin: 0;text-align: center;
}.el-carousel__item:nth-child(2n) {background-color: #ffffff;
}.el-carousel__item:nth-child(2n + 1) {background-color: #d3dce6;
}.carousel-image {width: 100%;height: 100%;object-fit: cover;display: block;margin: 0 auto;
}.info-container {display: flex;justify-content: space-between;width: 100%;margin: 20px auto;gap: 20px;
}.announcement-board {flex: 1;min-height: 300px;margin-right: auto;max-width: 49%;
}.latest-lost {flex: 1;min-height: 300px;margin-left: auto;max-width: 49%;
}.announcement-header, .latest-header {display: flex;align-items: center;gap: 8px;font-size: 16px;font-weight: bold;padding: 20px;
}.announcement-icon, .latest-icon {font-size: 24px;
}.announcement-item {display: flex;align-items: center;gap: 8px;padding: 20px 0;border-bottom: 1px solid #eee;font-size: 16px;
}.announcement-item:last-child {border-bottom: none;
}.announcement-date {margin-left: auto;color: #999;font-size: 14px;
}.latest-item {display: flex;align-items: center;gap: 12px;padding: 20px 0;border-bottom: 1px solid #eee;text-align: left;font-size: 16px;
}.latest-item:last-child {border-bottom: none;
}.item-image {width: 80px;height: 80px;border-radius: 4px;
}.item-info {flex: 1;text-align: left;
}.item-title {font-size: 16px;margin-bottom: 4px;
}.item-time {font-size: 14px;color: #999;
}.announcement-content {padding: 10px 20px;text-align: left;
}.latest-content {padding: 10px 20px;text-align: left;
}.latest-header {justify-content: flex-start;
}/* 添加失败状态样式 */
.failed {color: #F56C6C;font-size: 12px;
}/* 增加滚动区域高度 */
:deep(.el-scrollbar) {height: 250px !important;
}/* 增加卡片内容区域的内边距 */
.announcement-content, .latest-content {padding: 10px 20px;
}/* 增加标题区域的内边距 */
.announcement-header, .latest-header {padding: 20px;font-size: 20px;
}/* 调整内容项的间距 */
.announcement-item, .latest-item {padding: 20px 0;font-size: 16px;
}/* 调整图片大小 */
.item-image {width: 80px;height: 80px;
}/* 调整文字大小 */
.item-title {font-size: 16px;
}.item-time, .announcement-date {font-size: 14px;
}.clickable {cursor: pointer;&:hover {color: var(--el-color-primary);}
}
</style>
3.2、前端招领广场
<template><div style="text-align: left; margin-bottom: 10px;"><el-button type="success" plain @click="handleAdd">新增失物</el-button></div><el-table :data="paginatedData" :default-sort="{ prop: 'date', order: 'descending' }" style="width: 100%"><el-table-column label="序号" width="80"><template #default="scope">{{ (currentPage - 1) * pageSize + scope.$index + 1 }}</template></el-table-column><el-table-column prop="name" label="物件名称" /><el-table-column prop="description" label="物件描述" /><el-table-column prop="image" label="图片"><template #default="scope"><img :src="scope.row.image" alt="Image" style="width: 100px; height: auto;" /></template></el-table-column><el-table-column prop="status" label="状态"><template #default="scope">{{ scope.row.status === 1 ? '招领中' : '已归还' }}</template></el-table-column><el-table-column prop="date" label="发布时间" sortable><template #default="scope">{{ scope.row.date }}</template></el-table-column><!-- 操作 --><el-table-column label="操作" width="200"><template #default="scope"><el-button type="primary" @click="handleEdit(scope.row)">编辑</el-button><el-button type="danger" @click="handleDelete(scope.row.id)">删除</el-button></template></el-table-column></el-table><el-pagination @current-change="handleCurrentChange" :current-page="currentPage" :page-size="pageSize":total="tableData.length" layout="total, prev, pager, next, jumper" /><el-dialog v-model="isUpdateDialogVisible" title="编辑招领物件" width="35%"><el-form :model="updateForm" label-width="auto"><el-form-item label="物件名称"><el-input v-model="updateForm.name" /></el-form-item><el-form-item label="物件描述"><el-input v-model="updateForm.description" /></el-form-item><el-form-item label="物件图片"><el-upload class="avatar-uploader" :http-request="uploadImage":show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"><img v-if="imageUrl" :src="imageUrl" class="avatar" /><el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon></el-upload></el-form-item><el-form-item label="物件状态"><el-select v-model="updateForm.status" placeholder="请选择状态"><el-option label="招领中" value="1" /><el-option label="已归还" value="2" /></el-select></el-form-item><el-form-item><el-button type="primary" @click="handleUpdate">确认修改</el-button><el-button @click="isUpdateDialogVisible = false">取消</el-button></el-form-item></el-form></el-dialog><el-dialog v-model="isAddDialogVisible" title="新增招领物件" width="35%"><el-form :model="addForm" label-width="auto"><el-form-item label="物件名称"><el-input v-model="addForm.name" /></el-form-item><el-form-item label="物件描述"><el-input v-model="addForm.description" /></el-form-item><el-form-item label="物件图片"><el-upload class="avatar-uploader" :http-request="uploadImage":show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"><img v-if="imageUrl" :src="imageUrl" class="avatar" /><el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon></el-upload></el-form-item><el-form-item label="物件状态"><el-select v-model="addForm.status" placeholder="请选择状态"><el-option label="招领中" value="1" /><el-option label="已归还" value="2" /></el-select></el-form-item><el-form-item><el-button type="primary" @click="handleAddSubmit">确认新增</el-button><el-button @click="isAddDialogVisible = false">取消</el-button></el-form-item></el-form></el-dialog>
</template><script lang="ts" setup>
import { ref, computed, onMounted } from 'vue'
import { getFoundAll, deleteFound, updateFound, addFound } from '@/api/foundApi'
import { ElMessage } from 'element-plus'
import axios from 'axios'
import { Plus } from '@element-plus/icons-vue'
import type { UploadProps } from 'element-plus'interface Found {id: numbername: stringdescription: stringimage: stringstatus: numberdate: number[]
}// Define tableData as a ref
const tableData = ref<Found[]>([])onMounted(async () => {let res = await getFoundAll()console.log(res.data.data)tableData.value = res.data.data // Use .value to assign data
})const handleDelete = async (id: number) => {try {let res = await deleteFound(id)if (res.data.code === 1) {ElMessage.success('删除成功')}} catch (error) {ElMessage.error('删除失败')} finally {// Refresh data regardless of success or failurelet res = await getFoundAll()tableData.value = res.data.data}
}let isUpdateDialogVisible = ref(false)const updateForm = ref<{id: number;name: string;description: string;status: number | null; // Adjusted to allow nullimage: string | null; // Adjusted to allow null
}>({id: 0,name: '',description: '',status: null,image: null,
})const handleEdit = (row: Found) => {updateForm.value.id = row.idupdateForm.value.name = row.nameupdateForm.value.description = row.descriptionupdateForm.value.image = row.imageupdateForm.value.status = row.statusisUpdateDialogVisible.value = true // Open the dialog after setting the form values
}const handleUpdate = async () => {let res = await updateFound(updateForm.value.id, updateForm.value as Found)if (res.data.code === 1) {ElMessage.success('修改成功')let res = await getFoundAll()tableData.value = res.data.dataisUpdateDialogVisible.value = false}
}const currentPage = ref(1)
const pageSize = ref(5)const paginatedData = computed(() => {const start = (currentPage.value - 1) * pageSize.valuereturn tableData.value.slice(start, start + pageSize.value).map(item => ({...item,date: formatDate(item.date) // 格式化日期})) // Use .value here as well
})const handleCurrentChange = (page: number) => {currentPage.value = page
}const uploadImage = async (options: any) => {const { file, onSuccess, onError } = optionsconst formData = new FormData()formData.append('file', file)try {const response = await axios.post('http://localhost:8080/upload', formData, {headers: {'Content-Type': 'multipart/form-data',},})if (response.data.code === 1) {onSuccess(response.data.data)updateForm.value.image = response.data.data} else {onError(new Error(response.data.msg || '图片上传失败'))}} catch (error) {onError(error)}
}const imageUrl = ref('')const handleAvatarSuccess: UploadProps['onSuccess'] = (response,uploadFile
) => {imageUrl.value = URL.createObjectURL(uploadFile.raw!)
}const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/png') {ElMessage.error('文件格式错误,请上传 JPG or PNG 格式文件!')return false} else if (rawFile.size / 1024 / 1024 > 2) {ElMessage.error('文件大小不能超过 2MB!')return false}return true
}// 新增一个格式化日期的函数
const formatDate = (dateArray: number[]) => {const [year, month, day] = dateArrayreturn `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`
}let isAddDialogVisible = ref(false)const handleAdd = () => {isAddDialogVisible.value = true
}const addForm = ref<{name: string | null;description: string | null;image: string | null;status: number | null;
}>({name: null,description: null,image: null,status: null,
})const handleAddSubmit = async () => {addForm.value.image = imageUrl.valuelet res = await addFound(addForm.value as Found)if (res.data.code === 1) {ElMessage.success('新增成功')let res = await getFoundAll()tableData.value = res.data.dataimageUrl.value = res.data.data.imageisAddDialogVisible.value = false}
}</script><style>
.avatar-uploader .el-upload {border: 1px dashed var(--el-border-color);border-radius: 6px;cursor: pointer;position: relative;overflow: hidden;transition: var(--el-transition-duration-fast);
}.avatar-uploader .el-upload:hover {border-color: var(--el-color-primary);
}.el-icon.avatar-uploader-icon {font-size: 28px;color: #8c939d;width: 178px;height: 178px;text-align: center;
}
</style>
3.3、后端业务处理
@RequiredArgsConstructor
@RestController
@RequestMapping("/home")
@Slf4j
public class HomeController {private final LostService lostService;private final HomeService homeService;@GetMapping("getLostAll")public Result getLostAll(){log.info("获取全部");List<LostVO> list = lostService.getLostAll();return Result.success(list);}@GetMapping("getFoundAll")public Result getFoundAll(){log.info("获取全部");List<FoundVO> list = lostService.getFoundAll();return Result.success(list);}@GetMapping("/getAnnouncement")public Result getAnnouncement(){log.info("获取公告");List<BulletinBoard> list = homeService.getAnnouncement();return Result.success(list);}@GetMapping("/getNewLost")public Result getNewLost(){log.info("获取最新失物");List<LostVO> newLost = homeService.getNewLost();return Result.success(newLost);}@GetMapping("/getFriendshipLinks")public Result<List<FriendshipLinks>> getFriendshipLinks(){log.info("获取友情链接");List<FriendshipLinks> list = homeService.getFriendshipLinks();return Result.success(list);}@PutMapping("/savoOrUpdateFriendshipLinks")public Result<Void> savoOrUpdateFriendshipLinks(@RequestBody FriendshipLinks friendshipLinks){log.info("更新或新增:{}",friendshipLinks);homeService.savoOrUpdateFriendshipLinks(friendshipLinks);return Result.success();}@DeleteMapping("/deleteFriendshipLinks/{id}")public Result<Void> deleteFriendshipLinks(@PathVariable Long id){log.info("删除:{}",id);homeService.deleteFriendshipLinks(id);return Result.success();}}
@RequiredArgsConstructor
@RestController
@Slf4j
@RequestMapping("/lost")
public class LostController {private final LostService lostService;/*** 查询所有发布* @return*/@GetMapping("getLostAll")public Result<List<Lost>> getAllLost() {log.info("查询所有丢失物件");List<Lost> lostList =lostService.getAllLost();return Result.success(lostList);}@DeleteMapping("/deleteLost/{id}")public Result deleteLostById(@PathVariable Long id) {lostService.deleteLostById(id);return Result.success();}@PutMapping("/updateLost/{id}")public Result updateLostById(@PathVariable("id") Integer id,@RequestBody LostDTO dto){log.info("id,dto:{},{}",id,dto);lostService.updateLostById(id,dto);return Result.success();}@PostMapping("/addLost")public Result addLost(@RequestBody LostDTO dto){log.info("新增dto:{}",dto);lostService.addLost(dto);return Result.success();}@PostMapping("/feedbackLostSave")public Result feedbackLostSave(@RequestBody ContactInfoDTO dto){lostService.feedbackLostSave(dto);return Result.success();}}
@Service
@RequiredArgsConstructor
public class HomeServiceImpl implements HomeService {private final BulletinBoardMapper bulletinBoardMapper;private final LostService lostService;private final FriendshipLinksMapper friendshipLinksMapper;/*** 获取公告** @return*/@Overridepublic List<BulletinBoard> getAnnouncement() {return bulletinBoardMapper.getList();}/*** 获取最新失物* @return*/@Overridepublic List<LostVO> getNewLost() {// 获取所有的 LostVO 数据List<LostVO> lostAll = lostService.getLostAll();// 按照 date 字段降序排序,并取前 10 条return lostAll.stream().sorted((o1, o2) -> o2.getDate().compareTo(o1.getDate())) // 降序排序.limit(10).collect(Collectors.toList());// 取前 10 // 收集为 List}/*** 获取友情链接** @return*/@Overridepublic List<FriendshipLinks> getFriendshipLinks() {//获取友情链接return friendshipLinksMapper.getFriendshipLinks();}/*** 更新或新增** @param friendshipLinks*/@Overridepublic void savoOrUpdateFriendshipLinks(FriendshipLinks friendshipLinks) {//如果id等于null是新增if (friendshipLinks.getId() == null) {friendshipLinksMapper.insert(friendshipLinks);} else {friendshipLinksMapper.update(friendshipLinks);}}/*** 删除** @param id*/@Overridepublic void deleteFriendshipLinks(Long id) {friendshipLinksMapper.deleteFriendshipLinks(id);}
}
相关文章:

SpringBoot校园失物招领信息平台
SpringBoot校园失物招领信息平台 文章目录 SpringBoot校园失物招领信息平台1、技术栈2、项目说明2.1、登录注册2.2、管理员端截图2.3、用户端截图 3、核心代码实现3.1、前端首页3.2、前端招领广场3.3、后端业务处理 1、技术栈 本项目采用前后端分离的架构,前端和后…...
【Qt/C++】深入理解 Lambda 表达式与 `mutable` 关键字的使用
【Qt/C】深入理解 Lambda 表达式与 mutable 关键字的使用 在 Qt 开发中,我们常常会用到 lambda 表达式来编写简洁的槽函数。今天通过一个实际代码示例,详细讲解 lambda 的语法、变量捕获方式,特别是 mutable 的作用。 示例代码 QPushButto…...
扩展:React 项目执行 yarn eject 后的 package.json 变化详解及参数解析
扩展:React 项目执行 yarn eject 后的 package.json 变化详解及参数解析 什么是 yarn eject?React 项目执行 yarn eject 后的 package.json 变化详解1. 脚本部分 Scripts 被替换2. 新增构建依赖 dependencies(部分)3. 新增 Babel …...
slackel系统详解
Slackel 是一个基于 Slackware Linux 和 Salix OS(另一个 Slackware 衍生版)的轻量级 Linux 发行版,主要面向桌面用户。它由希腊开发者 Dimitris Tzemos 创建,目标是结合 Slackware 的稳定性与用户友好的工具,同时优化…...

rust 全栈应用框架dioxus server
接上一篇文章dioxus全栈应用框架的基本使用,支持web、desktop、mobile等平台。 可以先查看上一篇文章rust 全栈应用框架dioxus👈 既然是全栈框架,那肯定是得有后端服务的,之前创建的服务没有包含后端服务包,我们修改…...
CSS Layer 详解
CSS Layer 详解 前言 最近在整理CSS知识体系时,发现Layer这个特性特别有意思。它就像是给样式规则提供了一个专属的「VIP通道」,让我们能更优雅地解决样式冲突问题。今天我就用最通俗的语言,带大家全面了解这个CSS新特性。 什么是CSS Laye…...

西安交大多校联训NOIP1模拟赛题解
西安交大多校联训NOIP1模拟赛题解 T1 秘境形式化题意思路代码(丑陋) T2 礼物形式化题意思路代码(实现) T3 小盒子的数论形式化题意思路代码(分讨) T4 猫猫贴贴(CF997E)形式化题意思路代码(深奥&…...

数据结构(三)——栈和队列
一、栈和队列的定义和特点 栈:受约束的线性表,只允许栈顶元素入栈和出栈 对栈来说,表尾端称为栈顶,表头端称为栈底,不含元素的空表称为空栈 先进后出,后进先出 队列:受约束的线性表࿰…...

若依定制pdf生成实战
一、介绍 使用 Java Apache POI 将文字渲染到 Word 模板是一种常见的文档自动化技术,广泛应用于批量生成或定制 Word 文档的场景。使用aspose可以将word转成pdf从而达到定制化pdf的目的。 参考文档:java实现Word转Pdf(Windows、Linux通用&a…...
RCE联系
过滤 绕过空格 ● 进制绕过 题目练习 数字rce 使用$0执行bash,<<<将后面的字符串传递给左边的命令。 例如: <?php highlight_file(__FILE__); function waf($cmd) { $whiteList [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, \\, \, $, <]; $cmd_ch…...

c++STL-vector的模拟实现
cSTL-vector的模拟实现 vector的模拟实现基本信息构造函数析构函数返回容量(capacity)返回元素个数(size)扩容(reserve和resize)访问([])迭代器(**iterator**)…...
C++核心编程解析:模板、容器与异常处理全指南
文章目录 一、模板1.1 定义1.2 作用1.3 函数模版1.3.1 格式 1.4 类模版1.4.1 格式1.4.2 代码示例1.4.3 特性 二、容器2.1 概念2.2 容器特性2.3 分类2.4 向量vector2.4.1 特性2.4.2 初始化与操作2.4.3 插入删除 2.5 迭代器2.6 列表(list)2.6.1 遍历方式2.…...

在 Elasticsearch 中连接两个索引
作者:来自 Elastic Kofi Bartlett 解释如何使用 terms query 和 enrich processor 来连接 Elasticsearch 中的两个索引。 更多有关连接两个索引的查询,请参阅文章 “Elastic:开发者上手指南” 中的 “丰富数据及 lookup” 章节。 Elasticsea…...
Linux常用命令详解(下):打包压缩、文本编辑与查找命令
一、打包压缩命令 在Linux系统中,打包与压缩是文件管理的核心操作之一。不同的工具适用于不同场景,以下是最常用的命令详解: 1. tar命令 作用:对文件进行打包、解包、压缩、解压。 语法: tar [选项] [压缩包名] […...

使用 Watt toolkit 加速 git clone
一、前言 Watt toolkit 工具是我经常用于加速 GitHub 网页和 Steam 游戏商店访问的工具,最近想加速 git clone,发现可以使用 Watt toolkit 工具的代理实现。 二、查看端口 我这里以 Ubuntu 为例,首先是需要将加速模式设置为 System࿱…...

应急响应靶机——WhereIS?
用户名及密码:zgsf/zgsf 下载资源还有个解题.exe: 1、攻击者的两个ip地址 2、flag1和flag2 3、后门程序进程名称 4、攻击者的提权方式(输入程序名称即可) 之前的命令: 1、攻击者的两个ip地址 先获得root权限,查看一下历史命令记录&#x…...

Docke容器下JAVA系统时间与Linux服务器时间不一致问题解决办法
本篇文章主要讲解,通过docker部署jar包运行环境后出现java系统内时间与服务器、个人电脑真实时间不一致的问题原因及解决办法。 作者:任聪聪 日期:2025年5月12日 问题现象: 说明:与实际时间不符,同时与服务…...

【MCP】其他MCP服务((GitHub)
【MCP】其他MCP服务((GitHub) 1、其他MCP服务(GitHub) MCP广场:https://www.modelscope.cn/mcp 1、其他MCP服务(GitHub) 打开MCP广场 找到github服务 访问github生成令牌 先…...
SQL:MySQL函数:日期函数(Date Functions)
目录 时间是数据的一种类型 🧰 MySQL 常用时间函数大全 🟦 1. 获取当前时间/日期 🟦 2. 日期运算(加减) 🟦 3. 时间差计算 🟦 4. 格式化日期 🟦 5. 提取时间部分 Ƿ…...

内存 -- Linux内核内存分配机制
内存可以怎么用? kmalloc:内核最常用,用于频繁使用的小内存申请 alloc_pages:以页框为单位申请,物理内存连续 vmalloc:虚拟地址连续的内存块,物理地址不连线 dma_alloc_coherent:常…...

关于读写锁的一些理解
同一线程的两种情况: 读读: public static void main(String[] args) throws InterruptedException {ReentrantReadWriteLock lock new ReentrantReadWriteLock();Lock readLock lock.readLock();Lock writeLock lock.writeLock();readLock.lock();S…...

C++修炼:模板进阶
Hello大家好!很高兴我们又见面啦!给生活添点passion,开始今天的编程之路! 我的博客:<但凡. 我的专栏:《编程之路》、《数据结构与算法之美》、《题海拾贝》、《C修炼之路》 欢迎点赞,关注&am…...

android-ndk开发(10): use of undeclared identifier ‘pthread_getname_np‘
1. 报错描述 使用 pthread 获取线程名字, 用到 pthread_getname_np 函数。 交叉编译到 Android NDK 时链接报错 test_pthread.cpp:19:5: error: use of undeclared identifier pthread_getname_np19 | pthread_getname_np(thread_id, thread_name, sizeof(thr…...

UI自动化测试框架:PO 模式+数据驱动
🍅 点击文末小卡片,免费获取软件测试全套资料,资料在手,涨薪更快 1. PO 设计模式简介 什么是 PO 模式? PO(PageObject)设计模式将某个页面的所有元素对象定位和对元素对象的操作封装成…...
大小端的判断方法
大小端(Endianness) 是计算机存储多字节数据(如整数、浮点数)时的两种不同方式,决定了字节在内存中的排列顺序。 1. 大端(Big-Endian) 高位字节存储在低地址,低位字节存储在高地址。…...

Java笔记4
第一章 static关键字 2.1 概述 以前我们定义过如下类: public class Student {// 成员变量public String name;public char sex; // 男 女public int age;// 无参数构造方法public Student() {}// 有参数构造方法public Student(String a) {} }我们已经知道面向…...
DAY22kaggle泰坦尼克号
参考了机器学习实战进阶:泰坦尼克号乘客获救预测_天池notebook-阿里云天池 数据处理省略 直接上模型 5.12.1 一些数据的正则化 这里我们将Age和fare进行正则化: from sklearn import preprocessing scale_age_fare preprocessing.StandardScaler().…...

2025年渗透测试面试题总结-渗透测试红队面试八(题目+回答)
网络安全领域各种资源,学习文档,以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具,欢迎关注。 目录 渗透测试红队面试八 二百一十一、常见中间件解析漏洞利用方式 二百一十二、MySQL用户密码存储与加密 …...

MiniMind:3块钱成本 + 2小时!训练自己的0.02B的大模型。minimind源码解读、MOE架构
大家好,我是此林。 目录 1. 前言 2. minimind模型源码解读 1. MiniMind Config部分 1.1. 基础参数 1.2. MOE配置 2. MiniMind Model 部分 2.1. MiniMindForCausalLM: 用于语言建模任务 2.2. 主干模型 MiniMindModel 2.3. MiniMindBlock: 模型的基本构建块…...

如何进行前端性能测试?--性能标准
如何进行前端性能测试?–性能标准 前端性能测试指标: 首次加载阶段 场景:用户首次访问网页,在页面还未完全呈现各种内容和功能时的体验。重要指标及原因 首次内容绘制(FCP - First Contentful Paint)…...