MaxBlog - 项目记录
type: channel
link: https://blogtypecho.maxtrnn.top/category/projects/
items: 在线旅游攻略网站
items: MAX-门户页面-1
items: MAX-视频播放-1
items: Coze测试文章+Vue主页项目介绍（惊喜一餐）
items: 我的音乐平台
items: 关于我的门户页面
items: 关于最近的新项目
items: 校园淘淘项目
items: 校园二手交易——校园淘淘
items: Android项目:生活小助理

在线旅游攻略网站
type: item
date: 2024-12-18T22:29:39+08:00
description: 在线旅游攻略网站由于gitee的pr无法展示我的引述了 故修改到博客来展示了​​更新日志之前## 已经完成功能 - [x] 新增一些页面 和 交互 - [x] 新增一些后端 API - [x] 调试大部分的的后端 API ## 已经完成API调试 ### 公开服务管理接口 - GET `/api/public/services` - 获取服务列表 - GET `/api/public/services/{id}` - 获取服务详情 - GET `/api/public/services/{serviceId}/comments` - 获取服务评论 ### 公开文章管理接口 - GET `/api/public/posts` - 获取所有文章 - GET `/api/public/posts/{id}` - 获取文章详情 - GET `/api/public/posts/{postId}/comments` - 获取文章评论 - GET `/api/public/posts/hot` - 获取热门文章 - GET `/api/public/posts/latest` - 获取最新文章 - GET `/api/public/posts/search` - 搜索文章 ### 认证接口 - POST `/api/auth/admin/login` - 管理员登录 - POST `/api/auth/register` - 用户注册 - POST `/api/auth/login` - 用户登录 ### 用户接口 - GET `/api/user/services` - 获取服务列表 - GET `/api/user/posts/my` - 获取我的文章 - GET `/api/user/profile` - 获取个人资料 ### 管理员接口 - GET `/api/admin/statistics` - 获取API统计信息 ## 未来计划的 - 调试更多的后端 API - 与前端融合后端 API - 根据 SonarQube 优化代码 ![输入图片说明](https://foruda.gitee.com/images/1734233495597491466/d082fa44_12592644.png "屏幕截图") 其实上面的格式懒得改了 我是个懒惰的人2024 12 18新增功能前端面板：首页信息展示旅游景点信息展示搜索功能景点详情功能用户登录注册用户个人信息查看与更改团购门票旅行团信息展示文章信息展示等后端服务器：更改个人信息字段的api修改输出更多数据字段优化api格式新增旅游景点api ‍未来计划前端面板：推出管理员页面结合增删改查api完善社区功能后端服务器：完善评论的功能完善文章的功能完善更多后端面板的信息总结有些东西写不全，忘的很快，其实还可以工作的，但是太累了，其实也不是，大脑皮层开始emo了，想她了。。。。。为什么不能预约了心理咨询师！！！😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭对不起 再强大的人也抵不过感情刀 😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭本次相关图片：​​​​​​​​​懒得截图了 。。。。 累 就这样吧 到时候会部署到服务器的不喜欢写文章，有错别字拉倒，有问题联系我。 max2024 12 20其实昨天也更新了 今天也更新了 但是我的腰疼 不想写了其实最烦给我的代码项目写文档和给别人的代码项目写文档了所以明天再写吧 就这样了对了 我的心情大幅度好转，可以不用去看信息咨询师了。 -- max2024 12 21新增功能前端面板：大幅度整改了，原来了的忘记ctrl s了 删除了 ！！！！重构了pinan的存储格式重构了router新增天气服务个人服务文章的增删改注册功能的融合后端服务器：取消cors跨域限制为了更好的搭配nginx 跨域自行添加完善剩余api的响应为标准的code+massage+data的格式调试全部移交存在的接口通过新的sonarqube扫描未来计划前端面板：个人评论的显示和删除注册的验证码邮箱ui改好看一点后端服务器：实现管理员审核机制实现smtp邮箱验证码发送机制规范全部的api相应格式优化代码架构+sonarqube总结用来过期末答辩差不多了，max累了，该去复习期末考试的理论课程了，没时间搞这个了，来年再见吧，想买源码项目的联系max。​​​​​​​​​​‍

MAX-门户页面-1
type: item
date: 2024-12-02T00:32:00+08:00
description: MAX-门户页面-1门户使用教程进入门户页面：MAX-门户-1点击时间是功能栏弹开​点击其他地方是关闭搜索框输入内容摁下回车enter或者点击搜索图标进入百度搜索​‍底下三个选择具体使用方法​公告点击查看max发布的公告留言板可以选择留言内容，包括反馈建议等，需要邮箱支持，因为可以邮箱通知你谁回复你了计划任务，可以看见max关于中国门户网页的计划和历程更多地址教程2024年12月2日00:32:35 待编写‍‍‍‍‍

MAX-视频播放-1
type: item
date: 2024-12-02T00:21:00+08:00
description: MAX-视频播放-1视频播放平台-1，包含使用教程和源码介绍和特性的功能使用教程打开页面：MAX视频系统选择用户登录（硬要选也没办法，破解管理员也没啥意思，最多被咒骂4000+）​​选择左侧的播放列表的一个视频​​点击播放​​没了，这只能那么简单了，写个p的教程，that‘s it！源码解析片段1 MAX视频系统 MAX视频系统 由MAX精心打造的视频管理系统 安全、稳定、高效的视频播放解决方案 用户入口 管理员入口 © 2024 MAX视频系统 版权所有 MAX视频系统页面设计分析页面结构概览在这个代码片段中，我们定义了一个简单的网页，主要用于展示 MAX 视频系统。这种设计涵盖了页面的基本骨架，包括头部、主体和底部。代码结构清晰，使用 HTML 和 CSS实现美观的用户界面。[scode type="green"]页面提供了一个友好的界面、良好的用户体验以及响应式设计，适用于不同设备。[/scode] MAX视频系统 ... ... ... CSS样式设计网页外观主要通过 CSS 样式来实现。这里的样式设计美观且简洁，使用了现代的 CSS 特性，如 flexbox​ 和 backdrop-filter​ 来实现不同屏幕尺寸上的自适应布局。[scode type="red"]尽管样式看上去现代，但在某些较老的浏览器中可能存在兼容性问题，需要进一步验证。[/scode]* { margin: 0; padding: 0; box-sizing: border-box; } body { min-height: 100vh; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; ... } .container { position: relative; text-align: center; padding: 40px; ... } .footer { position: absolute; bottom: 20px; ... }响应式设计特性在大屏幕设备和小屏幕设备上都能够良好展示的设计是此网页的重要特点。通过使用 @media​ 查询，确保布局在不同设备上适当调整，提供优化的访问体验。[scode type="blue"]未来可以考虑进一步细化不同的屏幕断点设置，以优化更小屏设备上的浏览效果。[/scode]@media (max-width: 480px) { .container { padding: 30px 20px; } .buttons { flex-direction: column; } .btn { width: 100%; } }按钮样式与交互效果按钮的设计既美观又实用，使用适当的颜色和悬停效果来吸引用户点击。这种交互设计提升了整体用户体验。[scode type="green"]按钮的显眼设计与交互效果能够有效引导用户进行操作，如进入用户或管理员入口。[/scode].btn { padding: 15px 40px; border-radius: 12px; font-size: 16px; ... } .btn-primary { background: #007AFF; color: white; } .btn-primary:hover { background: #0066DD; transform: translateY(-2px); }总结通过以上分析，我们了解到 MAX 视频系统的网页设计在结构、样式和响应式布局方面都做得相对成熟。面对未来的扩展与优化，还有适当的投资空间，但整体表现良好，符合现代网页设计的基本要求。片段2document.addEventListener('DOMContentLoaded', function() { loadVideoList(); }); // 加载视频列表 function loadVideoList() { fetch('api.php?action=list') .then(response => response.json()) .then(data => { const videoList = document.getElementById('videoList'); videoList.innerHTML = ''; const videos = Object.values(data.videos || {}); if (videos.length === 0) { videoList.innerHTML = ' 暂无可播放的视频 '; return; } videos.forEach(video => { const video…

Coze测试文章+Vue主页项目介绍（惊喜一餐）
type: item
date: 2024-11-27T18:46:00+08:00
description: 基于Vue的餐饮与用户管理功能代码分析一、餐饮推荐功能[scode type="green"]此部分代码实现了餐饮推荐相关功能，包括餐厅和菜品展示、随机推荐以及页面跳转等功能。界面布局美观，交互性较好。[/scode] 惊喜一餐-zhn 臻选星级美馔 · 品鉴非凡味境 今日推荐 <el-row :gutter="20"> <el-col :span="12"> <el-card class="restaurant-card" shadow="hover"> 精选餐厅 <el-button text @click="refreshRestaurant">换一个</el-button> <el-image :src="randomRestaurant.image" fit="cover" class="restaurant-image" @click="goToRestaurant(randomRestaurant.id)" /> {{ randomRestaurant.name }} <el-rate v-model="randomRestaurant.rating" disabled show-score /> {{ randomRestaurant.description }} </el-card> </el-col> <el-col :span="12"> <el-card class="dish-card" shadow="hover"> 特色美食 <el-button text @click="refreshDish">换一个</el-button> <el-image :src="randomDish.image" fit="cover" class="dish-image" @click="goToDish(randomDish.id)" /> {{ randomDish.name }} {{ randomDish.restaurantName }} <el-rate v-model="randomDish.rating" disabled show-score /> {{ randomDish.description }} ¥{{ randomDish.price }} </el-card> </el-col> </el-row> 二、餐厅管理功能[scode type="green"]这部分代码实现了餐厅管理功能，如餐厅的添加、查看、编辑和删除等操作，操作逻辑清晰。[/scode] <el-button type="primary" @click="dialogVisible = true" class="add-btn"> 添加餐厅 </el-button> <el-row :gutter="20"> <el-col :xs="24" :sm="12" :md="8" v-for="restaurant in restaurants" :key="restaurant.id"> <el-card class="restaurant-card" shadow="hover"> {{ restaurant.name }} <el-rate v-model="restaurant.rating" disabled></el-rate> {{ restaurant.rating }}分 <el-tag size="small" type="success">{{ restaurant.category }}</el-tag> <el-tag size="small" type="warning">米其林推荐</el-tag> {{ restaurant.description }} 人均：¥{{ restaurant.averagePrice }} <el-button type="primary" @click="viewDetails(restaurant.id)">查看详情</el-button> <el-button type="warning" @click="handleEdit(restaurant)">编辑</el-button> <el-button type="danger" @click="handleDelete(restaurant.id)">删除</el-button> </el-card> </el-col> </el-row> <el-dialog :title="editingRestaurant? '编辑餐厅' : '添加餐厅'" v-model="dialogVisible" width="500px" > <el-form :model="restaurantForm" lab…

我的音乐平台
type: item
date: 2024-11-14T00:48:00+08:00
description: 我的音乐平台本项目是一个基于React的音乐平台，用户可以在平台上进行歌曲搜索、播放以及享受随机播放功能。平台支持歌曲的播放、暂停、切换以及持续随机播放功能，提供了简洁易用的界面和良好的用户体验。以下是平台的功能介绍和实现细节。1. 项目概述我的音乐平台的核心功能是通过一个搜索框，用户可以搜索到自己喜欢的歌曲并播放。平台内置了随机播放和持续随机播放功能，能够根据用户需求实时播放热门音乐。平台的设计简洁，操作直观，用户可以通过搜索框、播放控制按钮等轻松操作。您可以通过以下链接访问项目：[button color="success" icon="" url="https://music.maxtral.fun/" type="round"]访问音乐平台[/button]2. 搜索功能平台的核心功能之一是歌曲搜索。用户可以通过输入歌曲名称来搜索相关的音乐，搜索结果将显示相关歌曲的列表，用户可以选择其中一首进行播放。平台会展示歌曲的名称、艺术家信息以及专辑封面等详细信息。[scode type="red"]下一步目标：计划在搜索功能中加入更多过滤选项，允许用户按照艺术家、专辑等进行更精确的筛选。[/scode]前端代码：<SearchBar onSearch={handleSearch} />3. 随机播放功能平台支持随机播放功能，用户点击“随机播放飙升音乐”按钮后，平台会自动选择一首随机的热门歌曲并开始播放。该功能帮助用户发现新歌，并能随时体验到不同风格的音乐。[scode type="blue"]下一步目标：进一步优化随机播放逻辑，允许用户根据音乐类别、风格进行筛选，提升音乐推荐的精准度。[/scode]前端代码： 随机播放飙升音乐 4. 持续随机播放功能除了普通的随机播放外，平台还提供了持续随机播放的选项。启用此功能后，平台将在当前歌曲播放结束后自动播放下一首随机歌曲，保证用户可以不断地听到新歌，提升音乐体验。[scode type="green"]下一步目标：实现持续随机播放的优化功能，确保无缝播放并在歌曲之间减少加载时间，提升用户的听歌体验。[/scode]前端代码： {isContinuousRandom ? '停止持续随机播放' : '持续随机播放'} 5. 播放器组件平台内的播放器组件提供了基本的播放控制功能，包括播放、暂停、上一首、下一首等操作。用户可以通过播放器随时控制音乐的播放进度，并且可以查看当前播放的歌曲信息。[scode type="blue"]下一步目标：优化播放器界面，增加歌词显示、音量调节等功能，使其更加全面和实用。[/scode]前端代码：<Player song={selectedSong} ref={audioRef} onPrevious={handlePrevious} onNext={handleNext} hasPrevious={currentIndex > 0} hasNext={true} // 始终显示“下一首”按钮 />6. 播放列表管理平台支持播放列表功能，每次选择歌曲播放时，平台会将该歌曲添加到播放列表中。用户可以通过控制按钮来浏览整个播放列表，切换到之前或之后的歌曲，享受更加自由的音乐播放体验。[scode type="red"]下一步目标：在播放列表中加入歌曲删除和排序功能，让用户可以自由管理播放列表中的歌曲。[/scode]前端代码：<SongList songs={songs} onSelect={handleSelectSong} />7. 弹窗与交互为了提升用户体验，平台中的某些功能，如加载提示、错误提示等，都会使用弹窗进行展示。这些弹窗信息直接反馈给用户，帮助用户快速了解当前操作状态。8. 小结我的音乐平台通过简洁、直观的设计提供了强大的功能，用户可以方便地进行歌曲搜索、播放，并体验到随机播放和持续随机播放等创新功能。随着平台的不断发展，我们计划在后续版本中进一步优化现有功能，增强用户的互动性和音乐体验。[button color="primary" icon="" url="https://music.maxtral.fun/" type="round"]查看完整功能[/button]实现代码明白了，我会按照你提供的 scode 格式来展示解释。下面是分段拆分的代码展示和对应的 scode 文字说明。1. 状态初始化与组件导入import { useState, useEffect, useRef, useCallback } from 'react'; import SearchBar from '../components/SearchBar'; import SongList from '../components/SongList'; import …

关于我的门户页面
type: item
date: 2024-11-14T00:39:00+08:00
description: 门户页面功能介绍本项目的门户页面旨在提供一个简洁、互动性强的用户体验，结合了任务管理、留言板、公告等多种功能，支持实时数据展示和互动。用户可以在此页面上高效地管理自己的任务、查看公告信息以及参与留言互动。以下是对各个功能模块的详细介绍。1. 项目入口门户页面作为整个项目的入口，提供了简洁的导航和清晰的布局，用户可以快速访问各项功能。您可以通过以下链接访问项目首页：[button color="success" icon="" url="https://home.maxtral.fun/" type="round"]访问首页[/button]。2. 实时时间显示页面顶部会显示当前的时间，并每秒钟更新一次，确保用户能够随时了解时间。这一功能通过 timeButton 按钮呈现，用户可以点击按钮查看详细时间。[scode type="red"]下一步，我计划在项目中进一步优化时间显示功能，考虑加入更多的时区支持，确保不同地区的用户都能看到准确的本地时间。[/scode]前端代码： 显示时间 3. 搜索功能搜索框功能允许用户在页面中进行信息查询。用户可以输入关键词进行搜索，并通过点击搜索按钮或按下 Enter 键进行触发。搜索结果会在新页面中展示，确保用户能够快速找到所需内容。前端代码： 搜索 4. 任务管理任务管理模块提供了任务的查看与管理功能，分为三个主要状态：待开发、开发中、已完成。每个任务都包括任务名称、描述、创建时间和更新时间等信息。任务列表会根据更新时间进行排序，确保用户能够第一时间看到最新的任务。[scode type="blue"]下一阶段目标：我计划优化任务管理模块，加入任务排序和过滤功能，使得用户可以根据不同的需求快速找到自己关心的任务状态。[/scode]前端代码： 任务 1 描述: 开发新的功能 状态: 待开发 任务 2 描述: 修复Bug 状态: 开发中 5. 公告模块公告模块会展示项目的最新公告信息，用户点击公告按钮后可以查看详细内容。公告内容支持简单的文本展示，并根据需要进行更新。6. 留言板留言板模块允许用户发布评论与回复其他用户的评论，提升页面的互动性。留言功能包括昵称、内容的输入框，并且支持对评论进行回复。用户可以查看他人的留言，参与讨论。前端代码： 提交评论 7. 弹窗与互动为了提升用户体验，页面中的一些功能如任务详情、公告、留言等都使用了弹窗展示。用户可以点击相应按钮打开弹窗，点击空白区域关闭弹窗，所有操作都以直观的方式呈现。前端代码： 任务详情 任务描述信息... 关闭 8. 小结本项目的门户页面通过模块化设计，将各项功能有效整合，极大提升了用户的操作便捷性与体验。随着后续开发的推进，我们还计划进一步扩展页面功能，加入更多互动性强的模块，并优化现有功能的性能与稳定性。[button color="primary" icon="" url="https://home.maxtral.fun/" type="round"]查看完整功能[/button]

关于最近的新项目
type: item
date: 2024-11-06T08:12:00+08:00
description: 以下是修改后的完整博客文章，已经按照要求使用了代码格式展示代码、使用 scode 说明内容，并使用按钮链接格式提供项目地址：新开了服务器并安装了新项目近期，我新开了一个服务器，并在其上安装了两个操作系统：一个是 Windows，另一个是 Ubuntu。这个新环境为我的项目提供了更好的部署和管理空间。之后，我计划会添加更多的项目，提升整体的功能和服务。为了更好地展示这些项目，我新建了一个门户页面。新的门户页面链接：https://home.maxtral.fun/说明：下面是当前项目中的一些关键代码：HTML 结构： MAX-门户-1 🔍 关闭 关闭 留言板 昵称 请输入昵称 留言内容 请输入留言内容 <path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"></path> 发布留言 关闭 计划任务管理 待开发任务 展开 开发中任务 展开 已完成任务 展开 样式表（CSS）：/* 基础样式 */ body, html { margin: 0; padding: 0; width: 100%; height: 100%; font-family: Arial, sans-serif; } .container { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100vh; position: relative; padding-top: 10vh; } .background { position: absolute; inset: 0; background-image: url('backgrand.jpg'); background-size: cover; background-position: center; transition: all 0.5s; filter: blur(0) brightness(100%); } .background.active { filter: blur(4px) brightness(75%); } .navigation { display: flex; flex-direction: column; align-items: center; gap: 5rem; position: relative; z-index: 10; width: 100%; max-width: 64rem; } /* 时间按钮样式 */ .time-button { font-size: 2rem; color: white; background: #216b94; border: none; border-radius: 10px; outline: none; cursor: default; user-select: none; pointer-events: auto; padding: 10px 20px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2), -5px -5px 15px rgba(255, 255, 255, 0.3); transition: all 0.3s ease; } .time-button:hover { box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3), -2px -2px 10px rgba(255, 255, 255, 0.4); transform: translateY(-2px) scale(1.05); }项目地址：[button color="success" icon="" url="https://home.maxtral.fun/" type="round"]体验地址[/button]新的状态页面：[button color="success" icon="" url="http://nezha.maxtral.fun/" type="round"]状态页面[/button]哪吒面板是一个开源、轻量、易用的服务器监控与运维工具。以下是哪吒面板的Docker安装代码：一键安装脚本：curl -L https://raw.githubusercontent.com/naiba/nezha/master/script/install.sh -o nezha.sh && chmod +x nezha.sh && sudo ./nezha.sh执行此脚本后，你将需要输入一些信息，包括OAuth提供商、Client ID、Client Secret等。Docker Compose启动Das…

校园淘淘项目
type: item
date: 2024-10-14T12:46:00+08:00
description: 2024年10月14日12:28:28项目名称：校园淘淘（暂时拟定）项目logo：（暂时设计的）开发背景：[scode type="green"] 您是否经常买一些二手物品？比如咸鱼这种平台。但是小区域，比如一个校园用咸鱼的平台明显过于繁琐。 您是否购买过校园内的二手物品？ 在哪里获取到的信息呢？ 贴吧，qq群，别人宣传。。。。您是否感到有事买不到一些产品，搜索卖家费劲，qq群人数限制等 为此我们选择开发此项目:一个校园的二手交易平台[/scode][scode type="lblue"]项目介绍：本项目旨在实现安卓app，微信小程序，qq群群聊三个平台的实时校园二手交易平台，满足校园 内的学生的二手交易，达到便捷，靠谱，资源广的产品理念。[/scode] （2024年10月14日12:36:30待编写） [scode type="red"]产品功能（预计实现）：单独学校的独立运行，独立的交易平台，适用于不同学校。 学号+实名信息 绑定注册，确保信息真实可靠。 卖家买家信誉系统，以及线上线下的交易方式保证交易的可靠真实。 商品的发布，搜索，分类，评论留言 。 讨论论坛，帖子公告之类。 订单的创建，商家卖家的多平台提醒：QQ，短信，微信，小程序。以及手动拨打号码等 个人信息的展示，隐私信息的保密，安全设置等。 上述功能只为大概意思，具体实现以项目进度为准[/scode]本项目由22级软件工程--张贺楠发布，若咨询更多信息请联系我：[collapse status="ture" title="联系max"] qq：2577870094 email：2577870094@qq.com[/collapse]

校园二手交易——校园淘淘
type: item
date: 2024-10-12T23:11:00+08:00
description: 校园淘淘的由来2024年10月12日23:08:40打算改版原来的社区团购为校园交易平台实现校园二手交易，名为校园淘淘，同步上线安卓app，微信小程序，qq群的一键发布的三个平台具体功能仍在构思....2024年10月12日23:11:19

Android项目:生活小助理
type: item
date: 2024-09-08T01:52:00+08:00
description: 使用手册可以一键式注册账号登录，天气要使用区域编号即可食用，邮件推送要输入开放imap的邮箱地址，邮箱账号和密码(软件不做存储）,最后是qmsg的配置[button color="info" icon="" url="https://github.com/itmanmax/MAXTR-Plugins" type="round"]自动邮箱插件地址[/button][button color="success" icon="" url="https://github.com/itmanmax/MAXTR-Plugins" type="round"]qmsg官方文档[/button]须知请不要恶意注册账号以及频繁使用一些功能感谢max