情侣旅游地图网站开源项目Vibe Coding

我要开发同款
小个泡2026年10月05日
7阅读

技术信息

语言技术
Java、Python、Vue、Node.js
系统类型
Web、小程序轻应用、Windows
行业分类
生活旅游、企业服务
开源地址
https://gitee.com/xiaogepao/travel-journal-website
授权协议
MIT许可

行业场景

面向情侣双人协作的私人生活记录场景,搭建集旅行相册、文字笔记和地图足迹于一体的网站,解决照片分散、旅行记录不集中、共同回忆难以整理和回顾的问题。网站采用生活主站与业务分站的组织方式,目前以旅行记录为核心,后续计划扩展共同记账、纪念日和愿望清单等功能,同时作为学习全栈网站开发的实践项目

功能介绍

网站包含生活主页、账号管理、旅行管理、照片管理、文字笔记和地图足迹等模块。生活主页展示真实旅行统计和最近旅程,两个独立账号可共同管理内容,并支持修改昵称和登录名。旅行模块支持创建、编辑行程,记录日期、地点及旅行小记;照片模块支持批量上传、封面设置、原图下载,以及照片和旅行的删除与恢复。文字笔记支持 Markdown 编辑、预览、导入和导出,并提供未保存修改保护。地图模块接入高德地图,支持城市和景点模糊搜索、自动获取坐标、手动选点、照片标记及全屏浏览。网站适配电脑和手机,支持添加到 iOS 主屏幕。共同账本目前已预留规划入口,尚未实现记账功能。

项目实现

我负责项目需求梳理、功能规划和体验验收,并借助 AI 编程助手协作完成界面设计、前后端开发及测试。前端采用 Vue 3、Vite 和 Vue Router,实现主站与旅行分站的模块化组织、统一登录状态、独立页面路由和响应式布局;后端采用 FastAPI 提供接口,SQLite 存储账号、旅行、地点、照片元数据及笔记正文,图片文件保存在服务端磁盘。实现密码哈希、会话 Cookie、私有图片访问校验、软删除恢复及笔记版本冲突检测。针对 iPhone 上传处理 HEIC 和特殊 JPEG 格式,生成预览图与缩略图;接入高德搜索和坐标转换,修复全屏切换时地图画布尺寸不同步的问题。使用自动化接口测试与浏览器测试验证主要流程,并准备 Nginx 80 端口统一入口配置,尚未正式部署上线。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论