业务和功能介绍
1. 项目背景与目标
本项目是一个基于地理信息的手绘地图展示与管理系统，主要用于园区、景区、校园、小镇等场景的可视化导览。
系统目标：
提供美观流畅的手绘地图 H5 页面，支持地图浏览、点位查看、详情展示。
提供稳定的服务端接口，支撑地图、点位、分类、图片等数据的读取与管理。
提供易用的后台管理系统，让管理员可维护地图、点位、分类、弹窗内容等。
2. 核心功能
H5 手绘地图端
手绘地图图片展示、缩放、拖拽
地图点位（POI）图标展示
点击点位弹出详情（名称、介绍、图片、联系方式）
点位分类筛选（如景点、服务点、厕所、出入口）
地图定位、地图复位
服务端
地图基础信息接口
点位列表、点位详情接口
点位分类接口
图片上传、数据增删改查接口
后台管理系统
地图管理：上传手绘底图、配置地图尺寸、开关状态
点位管理：新增 / 编辑 / 删除点位、设置坐标、图标、详情
分类管理：点位分类增删改查
系统设置、管理员登录
本项目是一个基于地理信息的手绘地图展示与管理系统，主要用于园区、景区、校园、小镇等场景的可视化导览。
系统目标：
提供美观流畅的手绘地图 H5 页面，支持地图浏览、点位查看、详情展示。
提供稳定的服务端接口，支撑地图、点位、分类、图片等数据的读取与管理。
提供易用的后台管理系统，让管理员可维护地图、点位、分类、弹窗内容等。
2. 核心功能
H5 手绘地图端
手绘地图图片展示、缩放、拖拽
地图点位（POI）图标展示
点击点位弹出详情（名称、介绍、图片、联系方式）
点位分类筛选（如景点、服务点、厕所、出入口）
地图定位、地图复位
服务端
地图基础信息接口
点位列表、点位详情接口
点位分类接口
图片上传、数据增删改查接口
后台管理系统
地图管理：上传手绘底图、配置地图尺寸、开关状态
点位管理：新增 / 编辑 / 删除点位、设置坐标、图标、详情
分类管理：点位分类增删改查
系统设置、管理员登录
项目实现
1. 整体架构
采用 前后端分离架构，分为三层：
H5 前端层：手绘地图交互展示
服务端 API 层：提供数据接口、业务逻辑、权限验证
后台管理前端层：管理员操作界面
2. 技术栈
H5 手绘地图端
HTML5 + CSS3 + JavaScript + 第三方地图交互库（如 pinchzoom、leaflet 或手写拖拽缩放）
服务端
SpringBoot + MyBatis/MyBatis-Plus + MySQL
后台管理系统
Vue2/Vue3 + Element UI + Axios
数据库
MySQL（存储地图信息、点位、分类、管理员）
文件存储
本地存储 / 云存储（地图图片、点位图片）
三、数据库设计（核心表）
map 地图表
id、地图名称、地图图片、宽度、高度、状态、创建时间
category 分类表
id、分类名称、图标、排序
point 点位表
id、地图 id、分类 id、点位名称、坐标 x、坐标 y、介绍、图片、联系方式、状态
admin 管理员表
id、用户名、密码、昵称
四、H5 手绘地图端（核心功能）
地图加载与渲染
加载后台配置的手绘地图图片，自适应屏幕显示。
手势交互
支持单指拖动、双指缩放、双击放大。
点位展示
根据坐标在地图上渲染对应图标。
点位详情弹窗
点击点位弹出信息面板，展示文字与图片。
分类筛选栏
顶部 / 底部切换分类，只显示对应类型点位。
地图复位按钮
一键恢复地图初始大小与位置。
五、服务端接口（核心）
获取地图基础信息 /api/map/info
获取所有分类 /api/category/list
获取点位列表 /api/point/list
获取点位详情 /api/point/detail
后台管理：登录、地图 CRUD、点位 CRUD、分类 CRUD、文件上传
六、后台管理系统（核心）
管理员登录
地图管理
上传手绘底图
设置地图宽高
启用 / 禁用地图
点位管理
可视化选择点位坐标
填写点位名称、介绍、图片、分类
启用 / 隐藏点位
分类管理
添加、编辑、删除分类
数据统计
点位数量、分类数量、地图访问量（可选）
七、我负责的模块
我负责整个项目的前后端全流程开发：
完成 H5 手绘地图端 开发，实现地图拖拽、缩放、点位展示、弹窗、筛选等交互功能。
完成 服务端 搭建，设计数据库表结构，开发所有接口，实现数据增删改查。
完成 后台管理系统 开发，实现地图、点位、分类的可视化管理。
完成前后端联调、图片上传、地图坐标拾取、页面适配与优化。
采用 前后端分离架构，分为三层：
H5 前端层：手绘地图交互展示
服务端 API 层：提供数据接口、业务逻辑、权限验证
后台管理前端层：管理员操作界面
2. 技术栈
H5 手绘地图端
HTML5 + CSS3 + JavaScript + 第三方地图交互库（如 pinchzoom、leaflet 或手写拖拽缩放）
服务端
SpringBoot + MyBatis/MyBatis-Plus + MySQL
后台管理系统
Vue2/Vue3 + Element UI + Axios
数据库
MySQL（存储地图信息、点位、分类、管理员）
文件存储
本地存储 / 云存储（地图图片、点位图片）
三、数据库设计（核心表）
map 地图表
id、地图名称、地图图片、宽度、高度、状态、创建时间
category 分类表
id、分类名称、图标、排序
point 点位表
id、地图 id、分类 id、点位名称、坐标 x、坐标 y、介绍、图片、联系方式、状态
admin 管理员表
id、用户名、密码、昵称
四、H5 手绘地图端（核心功能）
地图加载与渲染
加载后台配置的手绘地图图片，自适应屏幕显示。
手势交互
支持单指拖动、双指缩放、双击放大。
点位展示
根据坐标在地图上渲染对应图标。
点位详情弹窗
点击点位弹出信息面板，展示文字与图片。
分类筛选栏
顶部 / 底部切换分类，只显示对应类型点位。
地图复位按钮
一键恢复地图初始大小与位置。
五、服务端接口（核心）
获取地图基础信息 /api/map/info
获取所有分类 /api/category/list
获取点位列表 /api/point/list
获取点位详情 /api/point/detail
后台管理：登录、地图 CRUD、点位 CRUD、分类 CRUD、文件上传
六、后台管理系统（核心）
管理员登录
地图管理
上传手绘底图
设置地图宽高
启用 / 禁用地图
点位管理
可视化选择点位坐标
填写点位名称、介绍、图片、分类
启用 / 隐藏点位
分类管理
添加、编辑、删除分类
数据统计
点位数量、分类数量、地图访问量（可选）
七、我负责的模块
我负责整个项目的前后端全流程开发：
完成 H5 手绘地图端 开发，实现地图拖拽、缩放、点位展示、弹窗、筛选等交互功能。
完成 服务端 搭建，设计数据库表结构，开发所有接口，实现数据增删改查。
完成 后台管理系统 开发，实现地图、点位、分类的可视化管理。
完成前后端联调、图片上传、地图坐标拾取、页面适配与优化。
示例图片视频
相似推荐
信联远程会诊系统
面向医疗机构，提供医生线上实时会诊、病例研讨等线上协作能力。支持多路摄像头、采集卡媒体流接入，可完成音视频硬件检测切换；具备屏幕共享、画笔激光笔多端同步绘制、录屏截图本地存储；支持参会人邀请、视频窗口管理、会议销毁整套业务流程，依靠长连接保障多终端指令同步，支撑多医生线上诊疗业务开展。
地图动态轨迹动画与视频生成SaaS平台-AniRoute
1、立项背景和目标：
随着短视频平台（如小红书、TikTok、YouTube）旅行Vlog与户外骑行内容的爆发式增长，博主对高品质、生动的旅行轨迹展示动画需求日益迫切。传统基于After Effects等专业软件制作门槛高、耗时长。AniRoute致力于打造一款零门槛、开箱即用的Web端地图轨迹动画生成SaaS工具，帮助创作者一键生成电影级航线运镜与旅行路线动画视频。
2、核心功能模块：
（1）多源地图交互与地点检索：集成Mapbox数据源，支持多途经点（Waypoints）精准检索、拖拽排序与实时地理编码；
（2）三维运镜轨迹动画引擎：基于GSAP与WebGL实现平滑曲线插值，支持飞机、汽车、轮船等多种交通载具图标，自定义路线宽度、配色、阴影及3D俯仰视角动画；
（3）客户端离线视频渲染导出：采用Canvas Stream与MediaRecorder硬件加速编码技术，支持1080P/4K多分辨率及16:9横屏、9:16竖屏动画视频导出；
（4）用户中心与云端路线同步：提供OAuth快捷鉴权，支持个人行程方案的云端保存、编辑与历史管理；
（5）会员订阅商业化闭环：集成国际支付通道，支持7天免费试用、Pro会员订阅权限控制与自动扣费。
3、业务流程与功能路径：
用户登录平台 -> 检索起点并添加途经点与终点 -> 侧边栏配置出行方式、视角相机参数及视频分辨率 -> 实时预览3D轨迹运镜动画 -> 点击一键录制渲染导出MP4视频 -> 路线自动同步至云端控制台。
微信小程序全栈开发-证件照制作与生活计算工具箱
一、立项背景与目标
个人与小商户在办证、求职、考试等场景经常需要标准证件照，线下照相馆费用高、排队久；日常的房贷车贷、用车养车等计算又分散在各类网页里，广告多、不可信。本项目目标是做一款免费好用、隐私安全的一站式生活工具小程序：证件照在家拍、各类费用测算随手算，并通过会员制提供可持续的增值服务。
二、核心功能模块
1. 证件照工作室：内置 69 种标准规格（一寸二寸、各类考试与签证尺寸），支持拍照/相册导入，一键换底色（白/蓝/红等）、亮度、对比度、饱和度调节与人像美颜，导出高清成品图。
2. 计算器矩阵：房贷、车贷计算器，交强险、二手车估值、油耗测算，彩礼预算、装修预算等 9 款计算工具，部分支持生成专业测算报告。
3. 资料文档库：支持 Word/PDF/Excel/PPT 在线解析与分页阅读，提供字号字体、日间/夜间/护眼模式与评论互动。
4. 软件小店：自研软件的上架、展示、在线购买与交付（安装包+文字教程+教程文档）。
5. AI 字幕成片：视频上传后自动生成字幕、可编辑样式并烧录导出成片。
三、业务流程与功能路径
用户从首页精选服务或计算器列表进入对应功能 → 本地完成证件照制作或在线完成测算 → 免费预览、按次或开通会员解锁导出/下载 → 支持微信虚拟支付（按次付费与三档永久会员）→ 个人中心管理历史记录、已购订单与会员权益；另设邀请有礼活动，邀好友注册并使用付费功能可免费得会员。
视频中的音频剥离并且分离四个音轨-音频工具箱
本音频分离工具基于深度学习模型，实现音频源分离功能，可将混合音频拆分为鼓、贝斯、其他伴奏、人声四条独立音轨，方便音频后期处理、伴奏提取、人声剪辑等场景使用。
软件核心流程：导入视频文件，利用ffmpeg剥离出音频文件，加载推理模型完成离线运算，自动输出四条独立 WAV 音频轨道至本地文件夹。支持常见音频格式输入，全程在设备本地运算，无需联网，保障音频文件隐私安全。
工具面向音频爱好者、短视频创作者、后期制作者，满足提取伴奏、消除人声、分轨混音等需求。应用采用移动端原生开发，集成推理框架实现高效硬件加速，充分利用设备算力完成音频分离运算。
当前主要功能：本地音频加载、音频源分离推理、多轨道音频文件导出。后续可优化交互体验，支持快速定位输出目录等便捷操作。
视频管理平台
1.项目说明： IPC摄像头和NVR录像机的多品牌统一管理平台
2.项目主要模块:
a. 通过私有协议，将公司自营的IPC和NVR接入平台
b. 通过gb28181协议，将第三方设备接入平台
3.项目主要功能：
a. 能远程实现查看摄像头的画面和播放声音
b. 能调取远程摄像头或NVR的录像画面
c. 提供多种播放插件，给第三方平台使用
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服